neko-ui 2.8.21 → 2.8.23

package/lib/highlight-text/examples/basic.md

@@ -0,0 +1,19 @@
+---
+title: 最简单的使用方式
+description: 最简单的使用方式, 通过 `highlight` 指定需要高亮的内容
+order: 1
+---
+
+```html
+<n-highlight-text
+  text="买入价格是指自己岛上的的价格，在其他岛上购买大头菜不会影响此数值"
+  highlight="大头菜"
+></n-highlight-text>
+```
+
+```jsx
+<n-highlight-text
+  text="买入价格是指自己岛上的的价格，在其他岛上购买大头菜不会影响此数值"
+  highlight="大头菜"
+/>
+```

package/lib/highlight-text/examples/mut.md

@@ -0,0 +1,47 @@
+---
+title: 多个高亮匹配
+description: 设置合理的 `highlight` 进行多个高亮匹配
+order: 2
+---
+
+```html
+<n-highlight-text
+  text="朱敦儒的词作语言流畅，清新自然。他的词风可分为三个阶段：早年词风浓艳丽巧；
+      中年的词风激昂慷慨；闲居后词风婉明清畅。朱敦儒对南宋词坛也产生了 一些积极的影响。
+      他将一生的际遇和心态变化都赋于词中，给后人以直接的启迪和影响。
+      辛弃疾《念奴娇》词就明确说是“效朱希真体”，陆游年青时曾受知于朱敦儒，为人与作词都受朱敦儒的熏陶，
+      他的名作《卜算子·咏梅》即与朱敦儒的《卜算子·古涧一枝梅》风格相似。"
+></n-highlight-text>
+<script>
+  var el = container.querySelector('n-highlight-text');
+
+  el.highlight = [
+    '《卜算子·咏梅》',
+    '《念奴娇》',
+    '《卜算子·古涧一枝梅》',
+    {
+      highlight: '朱敦儒',
+      flag: 'i',
+    },
+  ];
+</script>
+```
+
+```jsx
+<n-highlight-text
+  text={`朱敦儒的词作语言流畅，清新自然。他的词风可分为三个阶段：早年词风浓艳丽巧；
+      中年的词风激昂慷慨；闲居后词风婉明清畅。朱敦儒对南宋词坛也产生了 一些积极的影响。
+      他将一生的际遇和心态变化都赋于词中，给后人以直接的启迪和影响。
+      辛弃疾《念奴娇》词就明确说是“效朱希真体”，陆游年青时曾受知于朱敦儒，为人与作词都受朱敦儒的熏陶，
+      他的名作《卜算子·咏梅》即与朱敦儒的《卜算子·古涧一枝梅》风格相似。`}
+  highlight={[
+    '《卜算子·咏梅》',
+    '《念奴娇》',
+    '《卜算子·古涧一枝梅》',
+    {
+      highlight: '朱敦儒',
+      flag: 'i',
+    },
+  ]}
+/>
+```

package/lib/highlight-text/examples/not-hightlight.md

@@ -0,0 +1,19 @@
+---
+title: 未命中
+description: 无匹配到高亮内容
+order: 3
+---
+
+```html
+<n-highlight-text
+  text="买入价格是指自己岛上的的价格，在其他岛上购买大头菜不会影响此数值"
+  highlight="呀哈哈"
+></n-highlight-text>
+```
+
+```jsx
+<n-highlight-text
+  text="买入价格是指自己岛上的的价格，在其他岛上购买大头菜不会影响此数值"
+  highlight="呀哈哈"
+/>
+```

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

@@ -1 +1 @@
-{"version":3,"sources":["../../components/highlight-text/index.tsx"],"sourcesContent":["import { Show, createEffect, createMemo, createSignal } from 'solid-js';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport theme from '../theme';\nimport type { CustomElement } from '..';\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  HighlightText,\n);\nexport default HighlightText;\n"],"names":["style","css","HighlightText","props","baseStyle","theme","texts","setTexts","createSignal","hitNode","createMemo","map","item","hit","text","createEffect","highlight","str","Array","isArray","i","len","length","isOne","hitStr","iFlag","flag","replace","RegExp","strToHighlight","RegExp_HighLight","strArr","exec","textArr","normalText","substring","index","trim","push","Show","extra","cx","class","customElement"],"mappings":"wGAyKA,+CAAA,+CAzK6D,sBACrC,yBACM,8BACZ,mKAGZA,EAAQC,GAAAA,KAAG,CAAA,CAAC;;;;;;;;;;;AAWlB,CAAC,CAqCD,SAASC,EAAcC,CAAyB,EAC9C,GAAM,CAAEC,UAAAA,CAAS,CAAE,CAAGC,SAAK,CACrB,CAACC,EAAOC,EAAS,CAAGC,GAAAA,cAAY,IAChCC,EAAUC,GAAAA,YAAU,EAAC,IAEvBJ,KAASK,IAAI,AAACC,GACLA,EAAKC,GAAG,0CAEVD,EAAKE,IAAI,oDADiBF,EAAKE,IAAI,SAItCF,EAAKE,IAAI,GAEPX,EAAMW,IAAI,EA4EpB,MAxBAC,GAAAA,cAAY,EAAC,KACX,GAAI,AAAsB,UAAtB,OAAOZ,EAAMW,IAAI,EAAiBX,EAAMa,SAAS,CAAE,CACrD,IAAIC,EAAMd,EAAMW,IAAI,CAEpB,GAAII,MAAMC,OAAO,CAAChB,EAAMa,SAAS,EAC/B,IAAK,IAAII,EAAI,EAAGC,EAAMlB,EAAMa,SAAS,CAACM,MAAM,CAAEF,EAAIC,EAAKD,IAAK,CAC1D,IAAMR,EAAOT,EAAMa,SAAS,CAACI,EAAE,CACzBG,EAAQ,AAAgB,UAAhB,OAAOX,EACfY,EAASD,EAAQX,EAAOA,EAAKI,SAAS,CACtCS,EAAQF,EAAQpB,EAAMuB,IAAI,CAAGd,EAAKc,IAAI,AAExCF,CAAAA,EAAOF,MAAM,EACfL,CAAAA,EAAMA,EAAIU,OAAO,CAAC,IAAIC,OAAOJ,EAAQC,GAAQ,CAAC,GAAG,EAAED,EAAO,GAAG,CAAC,CAAA,CAElE,MACSrB,EAAMa,SAAS,CAACM,MAAM,EAC/BL,CAAAA,EAAMA,EAAIU,OAAO,CAAC,IAAIC,OAAOzB,EAAMa,SAAS,CAAEb,EAAMuB,IAAI,EAAG,CAAC,GAAG,EAAEvB,EAAMa,SAAS,CAAC,GAAG,CAAC,CAAA,EAEvFT,EAASsB,AA7Db,SAAwBf,CAAY,EAQlC,IAAMgB,EAAmB,eACrBb,EAAMH,EACRiB,EAASD,EAAiBE,IAAI,CAACf,GAEjC,GAAIc,EAAQ,CACV,IAAME,EAAuB,EAAE,CAE/B,KAAOF,AAAW,OAAXA,EAAiBA,EAASD,EAAiBE,IAAI,CAACf,GAAM,CAE3D,IAAIiB,EAA4BjB,EAAIkB,SAAS,CAAC,EAAGJ,EAAOK,KAAK,CAEzDF,CAAAA,EAAWG,IAAI,GAAGf,MAAM,EAC1BW,EAAQK,IAAI,CAAC,CACXxB,KAAMoB,CACR,GAIFD,EAAQK,IAAI,CAAC,CACXzB,IAAK,CAAA,EACLC,KAAMiB,CAAM,CAAC,EAAE,AACjB,GACAd,EAAMA,EAAIkB,SAAS,CAACJ,CAAM,CAAC,EAAE,CAACT,MAAM,CAAGS,EAAOK,KAAK,EACnDF,EAAa,IACf,CAMA,OALIjB,EAAIoB,IAAI,GAAGf,MAAM,EACnBW,EAAQK,IAAI,CAAC,CACXxB,KAAMG,CACR,GAEKgB,CACT,CACA,OAAO,IACT,EAoB4BhB,GAC1B,MACEV,EAAS,KAEb,iEAIwBH,gDACAJ,8BACnBuC,MAAI,oBAAOpC,EAAMF,GAAG,uBAAGA,GAAAA,KAAG,EAACE,EAAMF,GAAG,0CAElCQ,oDACAN,EAAMqC,KAAK,YAAXrC,8CAAkCA,EAAMqC,KAAK,qDAFpCC,GAAAA,IAAE,EAAC,OAAQtC,EAAMuC,KAAK,UAMxC,CAGAC,GAAAA,eAAa,EACX,mBACA,CACED,MAAO,KAAK,EACZzC,IAAK,KAAK,EACVa,KAAM,KAAK,EACXE,UAAW,KAAK,EAChBU,KAAM,KAAK,EACXc,MAAO,KAAK,CACd,EACAtC,SAEF,EAAeA"}
+{"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 theme 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  HighlightText,\n);\nexport default HighlightText;\n"],"names":["style","css","HighlightText","props","baseStyle","theme","texts","setTexts","createSignal","hitNode","createMemo","map","item","hit","text","createEffect","highlight","str","Array","isArray","i","len","length","isOne","hitStr","iFlag","flag","replace","RegExp","strToHighlight","RegExp_HighLight","strArr","exec","textArr","normalText","substring","index","trim","push","Show","extra","cx","class","customElement"],"mappings":"wGA0KA,+CAAA,+CA1K6D,sBACrC,yBACM,8BAGZ,mKAEZA,EAAQC,GAAAA,KAAG,CAAA,CAAC;;;;;;;;;;;AAWlB,CAAC,CAqCD,SAASC,EAAcC,CAAyB,EAC9C,GAAM,CAAEC,UAAAA,CAAS,CAAE,CAAGC,SAAK,CACrB,CAACC,EAAOC,EAAS,CAAGC,GAAAA,cAAY,IAChCC,EAAUC,GAAAA,YAAU,EAAC,IAEvBJ,KAASK,IAAI,AAACC,GACLA,EAAKC,GAAG,0CAEVD,EAAKE,IAAI,oDADiBF,EAAKE,IAAI,SAItCF,EAAKE,IAAI,GAEPX,EAAMW,IAAI,EA4EpB,MAxBAC,GAAAA,cAAY,EAAC,KACX,GAAI,AAAsB,UAAtB,OAAOZ,EAAMW,IAAI,EAAiBX,EAAMa,SAAS,CAAE,CACrD,IAAIC,EAAMd,EAAMW,IAAI,CAEpB,GAAII,MAAMC,OAAO,CAAChB,EAAMa,SAAS,EAC/B,IAAK,IAAII,EAAI,EAAGC,EAAMlB,EAAMa,SAAS,CAACM,MAAM,CAAEF,EAAIC,EAAKD,IAAK,CAC1D,IAAMR,EAAOT,EAAMa,SAAS,CAACI,EAAE,CACzBG,EAAQ,AAAgB,UAAhB,OAAOX,EACfY,EAASD,EAAQX,EAAOA,EAAKI,SAAS,CACtCS,EAAQF,EAAQpB,EAAMuB,IAAI,CAAGd,EAAKc,IAAI,AAExCF,CAAAA,EAAOF,MAAM,EACfL,CAAAA,EAAMA,EAAIU,OAAO,CAAC,IAAIC,OAAOJ,EAAQC,GAAQ,CAAC,GAAG,EAAED,EAAO,GAAG,CAAC,CAAA,CAElE,MACSrB,EAAMa,SAAS,CAACM,MAAM,EAC/BL,CAAAA,EAAMA,EAAIU,OAAO,CAAC,IAAIC,OAAOzB,EAAMa,SAAS,CAAEb,EAAMuB,IAAI,EAAG,CAAC,GAAG,EAAEvB,EAAMa,SAAS,CAAC,GAAG,CAAC,CAAA,EAEvFT,EAASsB,AA7Db,SAAwBf,CAAY,EAQlC,IAAMgB,EAAmB,eACrBb,EAAMH,EACRiB,EAASD,EAAiBE,IAAI,CAACf,GAEjC,GAAIc,EAAQ,CACV,IAAME,EAAuB,EAAE,CAE/B,KAAOF,AAAW,OAAXA,EAAiBA,EAASD,EAAiBE,IAAI,CAACf,GAAM,CAE3D,IAAIiB,EAA4BjB,EAAIkB,SAAS,CAAC,EAAGJ,EAAOK,KAAK,CAEzDF,CAAAA,EAAWG,IAAI,GAAGf,MAAM,EAC1BW,EAAQK,IAAI,CAAC,CACXxB,KAAMoB,CACR,GAIFD,EAAQK,IAAI,CAAC,CACXzB,IAAK,CAAA,EACLC,KAAMiB,CAAM,CAAC,EAAE,AACjB,GACAd,EAAMA,EAAIkB,SAAS,CAACJ,CAAM,CAAC,EAAE,CAACT,MAAM,CAAGS,EAAOK,KAAK,EACnDF,EAAa,IACf,CAMA,OALIjB,EAAIoB,IAAI,GAAGf,MAAM,EACnBW,EAAQK,IAAI,CAAC,CACXxB,KAAMG,CACR,GAEKgB,CACT,CACA,OAAO,IACT,EAoB4BhB,GAC1B,MACEV,EAAS,KAEb,iEAIwBH,gDACAJ,8BACnBuC,MAAI,oBAAOpC,EAAMF,GAAG,uBAAGA,GAAAA,KAAG,EAACE,EAAMF,GAAG,0CAElCQ,oDACAN,EAAMqC,KAAK,YAAXrC,8CAAkCA,EAAMqC,KAAK,qDAFpCC,GAAAA,IAAE,EAAC,OAAQtC,EAAMuC,KAAK,UAMxC,CAGAC,GAAAA,eAAa,EACX,mBACA,CACED,MAAO,KAAK,EACZzC,IAAK,KAAK,EACVa,KAAM,KAAK,EACXE,UAAW,KAAK,EAChBU,KAAM,KAAK,EACXc,MAAO,KAAK,CACd,EACAtC,SAEF,EAAeA"}

package/lib/img/README.mdx

@@ -0,0 +1,10 @@
+---
+type: 数据展示
+title: 图片
+subtitle: n-img
+icon: 🎨
+---
+
+# 图片查看器
+
+> 在页面中使用走马灯的方式查看图片

package/lib/img/examples/basic.md

@@ -0,0 +1,17 @@
+---
+title: 最简单的用法
+description: 最简单的用法
+order: 1
+---
+
+```html
+<n-img
+  onload="console.log('load',event);"
+  src="https://t7.baidu.com/it/u=727460147,2222092211&fm=193&f=GIF"
+  alt="img"
+></n-img>
+```
+
+```jsx
+<n-img src="https://t7.baidu.com/it/u=727460147,2222092211&fm=193&f=GIF" alt="img" />
+```

package/lib/img/examples/close-mask.md

@@ -0,0 +1,21 @@
+---
+title: 点击遮罩时关闭大图
+description: 点击遮罩时关闭大图
+order: 2
+---
+
+```html
+<n-img
+  src="https://t7.baidu.com/it/u=1819248061,230866778&fm=193&f=GIF"
+  alt="img"
+  mask-closable="false"
+></n-img>
+```
+
+```jsx
+<n-img
+  src="https://t7.baidu.com/it/u=1819248061,230866778&fm=193&f=GIF"
+  alt="img"
+  mask-closable={false}
+/>
+```

package/lib/img/examples/disabled.md

@@ -0,0 +1,16 @@
+---
+title: 禁止点击查看大图
+order: 6
+---
+
+```html
+<n-img
+  disabled="true"
+  src="https://t7.baidu.com/it/u=727460147,2222092211&fm=193&f=GIF"
+  alt="img"
+></n-img>
+```
+
+```jsx
+<n-img disabled={true} src="https://t7.baidu.com/it/u=727460147,2222092211&fm=193&f=GIF" alt="img" />
+```

package/lib/img/examples/error.md

@@ -0,0 +1,13 @@
+---
+title: 加载错误
+description: 加载错误的效果
+order: 5
+---
+
+```html
+<n-img src="https://t7.baidu.com/it/f=GIF" alt="图片描述"></n-img>
+```
+
+```jsx
+<n-img src="https://t7.baidu.com/it/f=GIF" alt="图片描述" />
+```

package/lib/img/examples/esc.md

@@ -0,0 +1,21 @@
+---
+title: 取消 Esc 键关闭
+description: 默认情况下, 按下键盘上 `Esc` 按键时会关闭大图, 可以配置 `esc-closable` 来关闭该功能
+order: 4
+---
+
+```html
+<n-img
+  src="https://t7.baidu.com/it/u=1956604245,3662848045&fm=193&f=GIF"
+  alt="img"
+  esc-closable="false"
+></n-img>
+```
+
+```jsx
+<n-img
+  src="https://t7.baidu.com/it/u=1956604245,3662848045&fm=193&f=GIF"
+  alt="img"
+  esc-closable={false}
+/>
+```

package/lib/img/examples/open-change.md

@@ -0,0 +1,25 @@
+---
+title: 大图开启关闭时的回调
+description: 大图开启关闭时的回调
+order: 3
+---
+
+```html
+<n-img src="https://t7.baidu.com/it/u=2529476510,3041785782&fm=193&f=GIF"></n-img>
+<script>
+  const el = container.querySelector('n-img');
+
+  el.addEventListener('openchange', function (e) {
+    console.log('html', e.detail);
+  });
+</script>
+```
+
+```jsx
+<n-img
+  src="https://t7.baidu.com/it/u=2529476510,3041785782&fm=193&f=GIF"
+  onopenchange={function (e) {
+    console.log('jsx', e.detail);
+  }}
+/>
+```

package/lib/img/index.js

@@ -1,2 +1,2 @@
-"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return d}});const t=require("solid-js/web"),n=require("solid-js"),l=require("solid-element"),o=(e=require("./lazy"))&&e.__esModule?e:{default:e},r=require("./style"),s=(0,t.template)("<style> "),i=(0,t.template)("<style>"),a=(0,t.template)('<div class="portal"><span class="close"></span><img class="img">');function c(e){let l;let c=(0,n.mergeProps)({maskClosable:!0,escClosable:!0,lazy:!0,disabled:!1},e),[d,u]=(0,n.createSignal)(null),[v,m]=(0,n.createSignal)({width:0,height:0,left:0,top:0});function p(e){c.disabled||(u(e),c.onOpenChange?.(e))}function g(e){e.preventDefault()}function f(e){g(e),"keydown"===e.type?c.escClosable&&"Escape"===e.key&&p(!1):p(!1)}function C(){!1===d()&&p(null)}function b(e){g(e),c.maskClosable&&e.target===l&&p(!1)}return(0,n.createEffect)(()=>{void 0!==c.open&&c.open!==(0,n.untrack)(d)&&u(c.open)}),(0,n.createEffect)(()=>{!0===d()&&(document.documentElement.addEventListener("mousewheel",g,{passive:!1}),c.escClosable&&document.documentElement.addEventListener("keydown",f,!1)),(0,n.onCleanup)(()=>{document.documentElement.removeEventListener("mousewheel",g,!1),document.documentElement.removeEventListener("keydown",f,!1)})}),[(0,t.createComponent)(o.default,{get src(){return c.src},get alt(){return c.alt},get lazy(){return c.lazy},get classList(){return{none:!!d()}},onClick:function(e){c.disabled||(e.stopPropagation(),g(e),m(e.target?.getBoundingClientRect()),p(!0))}}),(0,t.createComponent)(n.Show,{get when(){return null!==d()},get children(){return(0,t.createComponent)(t.Portal,{useShadow:!0,get children(){return[(()=>{let e=s(),n=e.firstChild;return(0,t.effect)(()=>n.data=function(){let{width:e,height:t,top:n,left:l}=v();return`.portal {--img: url(${c.src});inline-size: ${e}px;block-size: ${t}px;inset-block-start: ${n}px;inset-inline-start: ${l}px;}`}()),e})(),(()=>{let e=i();return e.textContent=r.imgCss,e})(),(()=>{let e=i();return e.textContent=r.style,e})(),(()=>{let e=a(),n=l,o=e.firstChild,r=o.nextSibling;return(0,t.addEventListener)(e,"click",b,!0),(0,t.addEventListener)(e,"animationend",C),"function"==typeof n?(0,t.use)(n,e):l=e,(0,t.addEventListener)(o,"click",f,!0),(0,t.effect)(n=>{let l=!!d(),o=!d(),s=c.srcFull||c.src,i=c.alt;return l!==n._v$&&e.classList.toggle("open",n._v$=l),o!==n._v$2&&e.classList.toggle("closeing",n._v$2=o),s!==n._v$3&&(0,t.setAttribute)(r,"src",n._v$3=s),i!==n._v$4&&(0,t.setAttribute)(r,"alt",n._v$4=i),n},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),e})()]}})}})]}(0,l.customElement)("n-img",{src:void 0,srcFull:void 0,alt:void 0,open:null,maskClosable:void 0,escClosable:void 0,onOpenChange:void 0,onLoad:void 0,lazy:void 0,disabled:void 0},(e,l)=>{let o=(0,n.mergeProps)({onOpenChange(e){l.element.dispatchEvent(new CustomEvent("openchange",{detail:e}))},onLoad(){l.element.dispatchEvent(new CustomEvent("load"))}},e);return(0,t.createComponent)(c,o)});const d=c;(0,t.delegateEvents)(["click"]);
+"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return d}});const t=require("solid-js/web"),n=require("solid-js"),l=require("solid-element"),o=(e=require("./lazy"))&&e.__esModule?e:{default:e},r=require("./style"),s=(0,t.template)("<style> "),i=(0,t.template)("<style>"),a=(0,t.template)('<div class="portal"><span class="close"></span><img class="img">');function c(e){let l;let c=(0,n.mergeProps)({maskClosable:!0,escClosable:!0,lazy:!0,disabled:!1},e),[d,u]=(0,n.createSignal)(null),[v,m]=(0,n.createSignal)({width:0,height:0,left:0,top:0});function p(e){c.disabled||(u(e),c.onOpenChange?.(e))}function g(e){e.preventDefault()}function f(e){g(e),"keydown"===e.type?c.escClosable&&"Escape"===e.key&&p(!1):p(!1)}function C(){!1===d()&&p(null)}function b(e){g(e),c.maskClosable&&e.target===l&&p(!1)}return(0,n.createEffect)(()=>{void 0!==c.open&&c.open!==(0,n.untrack)(d)&&u(c.open)}),(0,n.createEffect)(()=>{!0===d()&&(document.documentElement.addEventListener("mousewheel",g,{passive:!1}),c.escClosable&&document.documentElement.addEventListener("keydown",f,!1)),(0,n.onCleanup)(()=>{document.documentElement.removeEventListener("mousewheel",g,!1),document.documentElement.removeEventListener("keydown",f,!1)})}),[(0,t.createComponent)(o.default,{get src(){return c.src},get alt(){return c.alt},get lazy(){return c.lazy},get classList(){return{none:!!d()}},onClick:function(e){c.disabled||(e.stopPropagation(),g(e),e.target&&m(e.target.getBoundingClientRect()),p(!0))}}),(0,t.createComponent)(n.Show,{get when(){return null!==d()},get children(){return(0,t.createComponent)(t.Portal,{useShadow:!0,get children(){return[(()=>{let e=s(),n=e.firstChild;return(0,t.effect)(()=>n.data=function(){let{width:e,height:t,top:n,left:l}=v();return`.portal {--img: url(${c.src});inline-size: ${e}px;block-size: ${t}px;inset-block-start: ${n}px;inset-inline-start: ${l}px;}`}()),e})(),(()=>{let e=i();return e.textContent=r.imgCss,e})(),(()=>{let e=i();return e.textContent=r.style,e})(),(()=>{let e=a(),n=l,o=e.firstChild,r=o.nextSibling;return(0,t.addEventListener)(e,"click",b,!0),(0,t.addEventListener)(e,"animationend",C),"function"==typeof n?(0,t.use)(n,e):l=e,(0,t.addEventListener)(o,"click",f,!0),(0,t.effect)(n=>{let l=!!d(),o=!d(),s=c.srcFull||c.src,i=c.alt;return l!==n._v$&&e.classList.toggle("open",n._v$=l),o!==n._v$2&&e.classList.toggle("closeing",n._v$2=o),s!==n._v$3&&(0,t.setAttribute)(r,"src",n._v$3=s),i!==n._v$4&&(0,t.setAttribute)(r,"alt",n._v$4=i),n},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),e})()]}})}})]}(0,l.customElement)("n-img",{src:void 0,srcFull:void 0,alt:void 0,open:null,maskClosable:void 0,escClosable:void 0,onOpenChange:void 0,onLoad:void 0,lazy:void 0,disabled:void 0},(e,l)=>{let o=(0,n.mergeProps)({onOpenChange(e){l.element.dispatchEvent(new CustomEvent("openchange",{detail:e}))},onLoad(){l.element.dispatchEvent(new CustomEvent("load"))}},e);return(0,t.createComponent)(c,o)});const d=c;(0,t.delegateEvents)(["click"]);
 //# sourceMappingURL=index.js.map

package/lib/img/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/img/index.tsx"],"sourcesContent":["import {\n  type JSX,\n  Show,\n  createEffect,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  untrack,\n} from 'solid-js';\nimport { customElement } from 'solid-element';\nimport { Portal } from 'solid-js/web';\nimport ImgLazy from './lazy';\nimport { imgCss, style } from './style';\nimport type { CustomElement } from '..';\n\nexport interface ImgProps extends JSX.HTMLAttributes<HTMLImageElement> {\n  /** 图片地址 */\n  src?: string;\n  /** 查看大图的地址, 默认使用 `src`\n   * @since 2.1.2\n   */\n  srcFull?: string;\n  /** 图片 alt */\n  alt?: string;\n  /** 大图查看 */\n  open?: boolean | null;\n  /** 开启关闭大图的回调函数 */\n  onOpenChange?: (open: boolean | null) => void;\n  /** 图片加载完成 */\n  onLoad?(e: Event): void;\n  /** 点击遮罩关闭\n   * @since 2.0.8\n   * @default true\n   */\n  maskClosable?: boolean;\n  /** 通过 `esc` 按键关闭\n   * @default true\n   */\n  escClosable?: boolean;\n  /**\n   * 懒加载\n   * @since 2.8.1\n   * @default true\n   */\n  lazy?: boolean;\n  /** 禁止点开大图\n   * @since 2.8.3\n   * @default false\n   */\n  disabled?: boolean;\n}\nexport type ImgElement = CustomElement<ImgProps, 'onOpenChange'>;\n\nfunction Img(_: ImgProps) {\n  let portal: HTMLDivElement | undefined;\n  const props = mergeProps(\n    {\n      maskClosable: true,\n      escClosable: true,\n      lazy: true,\n      disabled: false,\n    },\n    _,\n  );\n  const [open, setOpen] = createSignal<boolean | null>(null);\n  const [posi, setPosi] = createSignal({\n    width: 0,\n    height: 0,\n    left: 0,\n    top: 0,\n  });\n\n  function getCss() {\n    const { width, height, top, left } = posi();\n\n    return `.portal {--img: url(${props.src});inline-size: ${width}px;block-size: ${height}px;inset-block-start: ${top}px;inset-inline-start: ${left}px;}`;\n  }\n  function openChange(visi: boolean | null) {\n    if (!props.disabled) {\n      setOpen(visi);\n      props.onOpenChange?.(visi);\n    }\n  }\n  function preventDefault(e: Event) {\n    e.preventDefault();\n  }\n  function close(e: KeyboardEvent | Event) {\n    preventDefault(e);\n    if (e.type === 'keydown') {\n      if (props.escClosable && (e as KeyboardEvent).key === 'Escape') {\n        openChange(false);\n      }\n    } else {\n      openChange(false);\n    }\n  }\n  function handleDestroy() {\n    if (open() === false) {\n      openChange(null);\n    }\n  }\n  function handleOpen(e: MouseEvent) {\n    if (!props.disabled) {\n      e.stopPropagation();\n      preventDefault(e);\n      setPosi((e.target as HTMLImageElement)?.getBoundingClientRect());\n      openChange(true);\n    }\n  }\n  function portalClick(e: Event) {\n    preventDefault(e);\n    if (props.maskClosable && e.target === portal) {\n      openChange(false);\n    }\n  }\n\n  createEffect(() => {\n    if (props.open !== void 0 && props.open !== untrack(open)) {\n      setOpen(props.open);\n    }\n  });\n  createEffect(() => {\n    if (open() === true) {\n      document.documentElement.addEventListener('mousewheel', preventDefault, {\n        passive: false,\n      });\n\n      if (props.escClosable) {\n        document.documentElement.addEventListener('keydown', close, false);\n      }\n    }\n\n    onCleanup(() => {\n      document.documentElement.removeEventListener('mousewheel', preventDefault, false);\n      document.documentElement.removeEventListener('keydown', close, false);\n    });\n  });\n\n  return (\n    <>\n      <ImgLazy\n        src={props.src}\n        alt={props.alt}\n        lazy={props.lazy}\n        classList={{\n          none: !!open(),\n        }}\n        onClick={handleOpen}\n      />\n      <Show when={open() !== null}>\n        <Portal useShadow={true}>\n          <style textContent={getCss()} />\n          <style textContent={imgCss} />\n          <style textContent={style} />\n          <div\n            ref={portal}\n            class=\"portal\"\n            classList={{\n              open: !!open(),\n              closeing: !open(),\n            }}\n            onAnimationEnd={handleDestroy}\n            onClick={portalClick}\n          >\n            <span class=\"close\" onClick={close} />\n            <img class=\"img\" src={props.srcFull || props.src} alt={props.alt} />\n          </div>\n        </Portal>\n      </Show>\n    </>\n  );\n}\n\ncustomElement<ImgProps>(\n  'n-img',\n  {\n    src: void 0,\n    srcFull: void 0,\n    alt: void 0,\n    open: null as boolean | null,\n    maskClosable: void 0,\n    escClosable: void 0,\n    onOpenChange: void 0,\n    onLoad: void 0,\n    lazy: void 0,\n    disabled: void 0,\n  },\n  (_, opt) => {\n    const props = mergeProps(\n      {\n        onOpenChange(open: boolean | null) {\n          opt.element.dispatchEvent(\n            new CustomEvent('openchange', {\n              detail: open,\n            }),\n          );\n        },\n        onLoad() {\n          opt.element.dispatchEvent(new CustomEvent('load'));\n        },\n      },\n      _,\n    );\n\n    return <Img {...props} />;\n  },\n);\nexport default Img;\n"],"names":["Img","_","portal","props","mergeProps","maskClosable","escClosable","lazy","disabled","open","setOpen","createSignal","posi","setPosi","width","height","left","top","openChange","visi","onOpenChange","preventDefault","e","close","type","key","handleDestroy","portalClick","target","createEffect","untrack","document","documentElement","addEventListener","passive","onCleanup","removeEventListener","ImgLazy","src","alt","none","stopPropagation","getBoundingClientRect","Show","Portal","getCss","imgCss","style","srcFull","customElement","onLoad","opt","element","dispatchEvent","CustomEvent","detail"],"mappings":"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"}
+{"version":3,"sources":["../../components/img/index.tsx"],"sourcesContent":["import {\n  createEffect,\n  createSignal,\n  type JSX,\n  mergeProps,\n  onCleanup,\n  Show,\n  untrack,\n} from 'solid-js';\nimport { Portal } from 'solid-js/web';\nimport { customElement } from 'solid-element';\n\nimport type { CustomElement } from '..';\n\nimport ImgLazy from './lazy';\nimport { imgCss, style } from './style';\n\nexport interface ImgProps extends JSX.HTMLAttributes<HTMLImageElement> {\n  /** 图片地址 */\n  src?: string;\n  /** 查看大图的地址, 默认使用 `src`\n   * @since 2.1.2\n   */\n  srcFull?: string;\n  /** 图片 alt */\n  alt?: string;\n  /** 大图查看 */\n  open?: boolean | null;\n  /** 开启关闭大图的回调函数 */\n  onOpenChange?: (open: boolean | null) => void;\n  /** 图片加载完成 */\n  onLoad?(e: Event): void;\n  /** 点击遮罩关闭\n   * @since 2.0.8\n   * @default true\n   */\n  maskClosable?: boolean;\n  /** 通过 `esc` 按键关闭\n   * @default true\n   */\n  escClosable?: boolean;\n  /**\n   * 懒加载\n   * @since 2.8.1\n   * @default true\n   */\n  lazy?: boolean;\n  /** 禁止点开大图\n   * @since 2.8.3\n   * @default false\n   */\n  disabled?: boolean;\n}\nexport type ImgElement = CustomElement<ImgProps, 'onOpenChange'>;\n\nfunction Img(_: ImgProps) {\n  let portal: HTMLDivElement | undefined;\n  const props = mergeProps(\n    {\n      maskClosable: true,\n      escClosable: true,\n      lazy: true,\n      disabled: false,\n    },\n    _,\n  );\n  const [open, setOpen] = createSignal<boolean | null>(null);\n  const [posi, setPosi] = createSignal({\n    width: 0,\n    height: 0,\n    left: 0,\n    top: 0,\n  });\n\n  function getCss() {\n    const { width, height, top, left } = posi();\n\n    return `.portal {--img: url(${props.src});inline-size: ${width}px;block-size: ${height}px;inset-block-start: ${top}px;inset-inline-start: ${left}px;}`;\n  }\n  function openChange(visi: boolean | null) {\n    if (!props.disabled) {\n      setOpen(visi);\n      props.onOpenChange?.(visi);\n    }\n  }\n  function preventDefault(e: Event) {\n    e.preventDefault();\n  }\n  function close(e: KeyboardEvent | Event) {\n    preventDefault(e);\n    if (e.type === 'keydown') {\n      if (props.escClosable && (e as KeyboardEvent).key === 'Escape') {\n        openChange(false);\n      }\n    } else {\n      openChange(false);\n    }\n  }\n  function handleDestroy() {\n    if (open() === false) {\n      openChange(null);\n    }\n  }\n  function handleOpen(e: MouseEvent) {\n    if (!props.disabled) {\n      e.stopPropagation();\n      preventDefault(e);\n      if (e.target) {\n        setPosi((e.target as HTMLImageElement).getBoundingClientRect());\n      }\n      openChange(true);\n    }\n  }\n  function portalClick(e: Event) {\n    preventDefault(e);\n    if (props.maskClosable && e.target === portal) {\n      openChange(false);\n    }\n  }\n\n  createEffect(() => {\n    if (props.open !== void 0 && props.open !== untrack(open)) {\n      setOpen(props.open);\n    }\n  });\n  createEffect(() => {\n    if (open() === true) {\n      document.documentElement.addEventListener('mousewheel', preventDefault, {\n        passive: false,\n      });\n\n      if (props.escClosable) {\n        document.documentElement.addEventListener('keydown', close, false);\n      }\n    }\n\n    onCleanup(() => {\n      document.documentElement.removeEventListener('mousewheel', preventDefault, false);\n      document.documentElement.removeEventListener('keydown', close, false);\n    });\n  });\n\n  return (\n    <>\n      <ImgLazy\n        src={props.src}\n        alt={props.alt}\n        lazy={props.lazy}\n        classList={{\n          none: !!open(),\n        }}\n        onClick={handleOpen}\n      />\n      <Show when={open() !== null}>\n        <Portal useShadow={true}>\n          <style textContent={getCss()} />\n          <style textContent={imgCss} />\n          <style textContent={style} />\n          <div\n            ref={portal}\n            class=\"portal\"\n            classList={{\n              open: !!open(),\n              closeing: !open(),\n            }}\n            onAnimationEnd={handleDestroy}\n            onClick={portalClick}\n          >\n            <span class=\"close\" onClick={close} />\n            <img class=\"img\" src={props.srcFull || props.src} alt={props.alt} />\n          </div>\n        </Portal>\n      </Show>\n    </>\n  );\n}\n\ncustomElement<ImgProps>(\n  'n-img',\n  {\n    src: void 0,\n    srcFull: void 0,\n    alt: void 0,\n    open: null as boolean | null,\n    maskClosable: void 0,\n    escClosable: void 0,\n    onOpenChange: void 0,\n    onLoad: void 0,\n    lazy: void 0,\n    disabled: void 0,\n  },\n  (_, opt) => {\n    const props = mergeProps(\n      {\n        onOpenChange(open: boolean | null) {\n          opt.element.dispatchEvent(\n            new CustomEvent('openchange', {\n              detail: open,\n            }),\n          );\n        },\n        onLoad() {\n          opt.element.dispatchEvent(new CustomEvent('load'));\n        },\n      },\n      _,\n    );\n\n    return <Img {...props} />;\n  },\n);\nexport default Img;\n"],"names":["Img","_","portal","props","mergeProps","maskClosable","escClosable","lazy","disabled","open","setOpen","createSignal","posi","setPosi","width","height","left","top","openChange","visi","onOpenChange","preventDefault","e","close","type","key","handleDestroy","portalClick","target","createEffect","untrack","document","documentElement","addEventListener","passive","onCleanup","removeEventListener","ImgLazy","src","alt","none","stopPropagation","getBoundingClientRect","Show","Portal","getCss","imgCss","style","srcFull","customElement","onLoad","opt","element","dispatchEvent","CustomEvent","detail"],"mappings":"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"}

package/lib/img/lazy.js

@@ -1,2 +1,2 @@
-"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return u}});const r=require("solid-js/web"),t=require("solid-js"),n=require("./style"),s=(e=require("../spin"))&&e.__esModule?e:{default:e},o=(0,r.template)("<style>"),i=(0,r.template)("<img>"),u=function(e){let u,a;let[l,c]=(0,t.splitProps)(e,["src","lazy","onLoad","onError","classList","class","part","ref"]),[p,g]=(0,t.createSignal)(!1),[d,f]=(0,t.createSignal)(!1),[m,b]=(0,t.createSignal)(!0);function y(e){e&&(a&&e.unobserve(a),e.disconnect())}function v(e){l.onError?.(e),g(!0),b(!1)}function L(e){l.onLoad?.(e),b(!1)}return(0,t.onMount)(()=>{l.lazy?(u=new IntersectionObserver(e=>{f(e[0].isIntersecting),e[0].isIntersecting&&y(u)}),a&&u.observe(a)):f(!0)}),(0,t.onCleanup)(()=>{y(u)}),[(()=>{let e=o();return e.textContent=n.imgCss,e})(),(0,r.createComponent)(s.default,{get spin(){return m()},get children(){let e=i(),t=a;return"function"==typeof t?(0,r.use)(t,e):a=e,(0,r.spread)(e,(0,r.mergeProps)(c,{get class(){return l.class},get classList(){return{img:!0,error:p()}},get part(){return l.part||"img"},get src(){return d()?l.src:void 0},onError:v,onLoad:L}),!1,!1),e}})]};
+"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return u}});const r=require("solid-js/web"),t=require("solid-js"),n=(e=require("../spin"))&&e.__esModule?e:{default:e},s=require("./style"),o=(0,r.template)("<style>"),i=(0,r.template)("<img>"),u=function(e){let u,a;let[l,c]=(0,t.splitProps)(e,["src","lazy","onLoad","onError","classList","class","part","ref"]),[p,g]=(0,t.createSignal)(!1),[d,f]=(0,t.createSignal)(!1),[m,b]=(0,t.createSignal)(!0);function y(e){e&&(a&&e.unobserve(a),e.disconnect())}function v(e){l.onError?.(e),g(!0),b(!1)}function L(e){l.onLoad?.(e),b(!1)}return(0,t.onMount)(()=>{l.lazy?(u=new IntersectionObserver(e=>{f(e[0].isIntersecting),e[0].isIntersecting&&y(u)}),a&&u.observe(a)):f(!0)}),(0,t.onCleanup)(()=>{y(u)}),[(()=>{let e=o();return e.textContent=s.imgCss,e})(),(0,r.createComponent)(n.default,{get spin(){return m()},get children(){let e=i(),t=a;return"function"==typeof t?(0,r.use)(t,e):a=e,(0,r.spread)(e,(0,r.mergeProps)(c,{get class(){return l.class},get classList(){return{img:!0,error:p()}},get part(){return l.part||"img"},get src(){return d()?l.src:void 0},onError:v,onLoad:L}),!1,!1),e}})]};
 //# sourceMappingURL=lazy.js.map

package/lib/img/lazy.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/img/lazy.tsx"],"sourcesContent":["import { type JSX, createSignal, onCleanup, onMount, splitProps } from 'solid-js';\nimport { imgCss } from './style';\nimport Spin from '../spin';\n\ninterface ImgLazyProps extends JSX.HTMLAttributes<HTMLImageElement> {\n  src?: string;\n  alt?: string;\n  lazy?: boolean;\n  onLoad?(e: Event): void;\n  onError?(e: Event): void;\n}\n\nfunction ImgLazy(_: ImgLazyProps) {\n  let observer: IntersectionObserver | undefined;\n  let imgRef: HTMLImageElement | undefined;\n  const [other, props] = splitProps(_, [\n    'src',\n    'lazy',\n    'onLoad',\n    'onError',\n    'classList',\n    'class',\n    'part',\n    'ref',\n  ]);\n  const [isError, setIsError] = createSignal(false);\n  const [isIntersecting, setIsIntersecting] = createSignal(false);\n  const [loading, setLoading] = createSignal(true);\n\n  function cleanObserver(obs?: IntersectionObserver) {\n    if (obs) {\n      if (imgRef) {\n        obs.unobserve(imgRef);\n      }\n      obs.disconnect();\n    }\n  }\n\n  function handleError(e: Event) {\n    other.onError?.(e);\n    setIsError(true);\n    setLoading(false);\n  }\n  function handleLoad(e: Event) {\n    other.onLoad?.(e);\n    setLoading(false);\n  }\n\n  onMount(() => {\n    if (other.lazy) {\n      observer = new IntersectionObserver((entries) => {\n        setIsIntersecting(entries[0].isIntersecting);\n        if (entries[0].isIntersecting) {\n          cleanObserver(observer);\n        }\n      });\n      if (imgRef) {\n        observer.observe(imgRef);\n      }\n    } else {\n      setIsIntersecting(true);\n    }\n  });\n  onCleanup(() => {\n    cleanObserver(observer);\n  });\n\n  return (\n    <>\n      <style textContent={imgCss} />\n      <Spin spin={loading()}>\n        <img\n          ref={imgRef}\n          {...props}\n          class={other.class}\n          classList={{\n            img: true,\n            error: isError(),\n          }}\n          part={other.part || 'img'}\n          src={isIntersecting() ? other.src : void 0}\n          onError={handleError}\n          onLoad={handleLoad}\n        />\n      </Spin>\n    </>\n  );\n}\n\nexport default ImgLazy;\n"],"names":["_","observer","imgRef","other","props","splitProps","isError","setIsError","createSignal","isIntersecting","setIsIntersecting","loading","setLoading","cleanObserver","obs","unobserve","disconnect","handleError","e","onError","handleLoad","onLoad","onMount","lazy","IntersectionObserver","entries","observe","onCleanup","imgCss","Spin","class","img","error","part","src"],"mappings":"wGAyFA,+CAAA,+CAzFuE,sBAChD,wBACN,8FAuFjB,EA7EA,SAAiBA,CAAe,MAC1BC,EACAC,EACJ,GAAM,CAACC,EAAOC,EAAM,CAAGC,GAAAA,YAAU,EAACL,EAAG,CACnC,MACA,OACA,SACA,UACA,YACA,QACA,OACA,MACD,EACK,CAACM,EAASC,EAAW,CAAGC,GAAAA,cAAY,EAAC,CAAA,GACrC,CAACC,EAAgBC,EAAkB,CAAGF,GAAAA,cAAY,EAAC,CAAA,GACnD,CAACG,EAASC,EAAW,CAAGJ,GAAAA,cAAY,EAAC,CAAA,GAE3C,SAASK,EAAcC,CAA0B,EAC3CA,IACEZ,GACFY,EAAIC,SAAS,CAACb,GAEhBY,EAAIE,UAAU,GAElB,CAEA,SAASC,EAAYC,CAAQ,EAC3Bf,EAAMgB,OAAO,GAAGD,GAChBX,EAAW,CAAA,GACXK,EAAW,CAAA,EACb,CACA,SAASQ,EAAWF,CAAQ,EAC1Bf,EAAMkB,MAAM,GAAGH,GACfN,EAAW,CAAA,EACb,CAqBA,MAnBAU,GAAAA,SAAO,EAAC,KACFnB,EAAMoB,IAAI,EACZtB,EAAW,IAAIuB,qBAAqB,AAACC,IACnCf,EAAkBe,CAAO,CAAC,EAAE,CAAChB,cAAc,EACvCgB,CAAO,CAAC,EAAE,CAAChB,cAAc,EAC3BI,EAAcZ,EAElB,GACIC,GACFD,EAASyB,OAAO,CAACxB,IAGnBQ,EAAkB,CAAA,EAEtB,GACAiB,GAAAA,WAAS,EAAC,KACRd,EAAcZ,EAChB,yCAIwB2B,QAAM,6BACzBC,SAAI,oBAAOlB,gCAEHT,4CAAAA,oCACDE,sBACGD,EAAM2B,KAAK,wBACP,CACTC,IAAK,CAAA,EACLC,MAAO1B,GACT,qBACMH,EAAM8B,IAAI,EAAI,wBACfxB,IAAmBN,EAAM+B,GAAG,CAAG,KAAK,WAChCjB,SACDG,gBAKlB"}
+{"version":3,"sources":["../../components/img/lazy.tsx"],"sourcesContent":["import { createSignal, type JSX, onCleanup, onMount, splitProps } from 'solid-js';\n\nimport Spin from '../spin';\n\nimport { imgCss } from './style';\n\ninterface ImgLazyProps extends JSX.HTMLAttributes<HTMLImageElement> {\n  src?: string;\n  alt?: string;\n  lazy?: boolean;\n  onLoad?(e: Event): void;\n  onError?(e: Event): void;\n}\n\nfunction ImgLazy(_: ImgLazyProps) {\n  let observer: IntersectionObserver | undefined;\n  let imgRef: HTMLImageElement | undefined;\n  const [other, props] = splitProps(_, [\n    'src',\n    'lazy',\n    'onLoad',\n    'onError',\n    'classList',\n    'class',\n    'part',\n    'ref',\n  ]);\n  const [isError, setIsError] = createSignal(false);\n  const [isIntersecting, setIsIntersecting] = createSignal(false);\n  const [loading, setLoading] = createSignal(true);\n\n  function cleanObserver(obs?: IntersectionObserver) {\n    if (obs) {\n      if (imgRef) {\n        obs.unobserve(imgRef);\n      }\n      obs.disconnect();\n    }\n  }\n\n  function handleError(e: Event) {\n    other.onError?.(e);\n    setIsError(true);\n    setLoading(false);\n  }\n  function handleLoad(e: Event) {\n    other.onLoad?.(e);\n    setLoading(false);\n  }\n\n  onMount(() => {\n    if (other.lazy) {\n      observer = new IntersectionObserver((entries) => {\n        setIsIntersecting(entries[0].isIntersecting);\n        if (entries[0].isIntersecting) {\n          cleanObserver(observer);\n        }\n      });\n      if (imgRef) {\n        observer.observe(imgRef);\n      }\n    } else {\n      setIsIntersecting(true);\n    }\n  });\n  onCleanup(() => {\n    cleanObserver(observer);\n  });\n\n  return (\n    <>\n      <style textContent={imgCss} />\n      <Spin spin={loading()}>\n        <img\n          ref={imgRef}\n          {...props}\n          class={other.class}\n          classList={{\n            img: true,\n            error: isError(),\n          }}\n          part={other.part || 'img'}\n          src={isIntersecting() ? other.src : void 0}\n          onError={handleError}\n          onLoad={handleLoad}\n        />\n      </Spin>\n    </>\n  );\n}\n\nexport default ImgLazy;\n"],"names":["_","observer","imgRef","other","props","splitProps","isError","setIsError","createSignal","isIntersecting","setIsIntersecting","loading","setLoading","cleanObserver","obs","unobserve","disconnect","handleError","e","onError","handleLoad","onLoad","onMount","lazy","IntersectionObserver","entries","observe","onCleanup","imgCss","Spin","class","img","error","part","src"],"mappings":"wGA2FA,+CAAA,+CA3FuE,yBAEtD,kDAEM,iEAuFvB,EA7EA,SAAiBA,CAAe,MAC1BC,EACAC,EACJ,GAAM,CAACC,EAAOC,EAAM,CAAGC,GAAAA,YAAU,EAACL,EAAG,CACnC,MACA,OACA,SACA,UACA,YACA,QACA,OACA,MACD,EACK,CAACM,EAASC,EAAW,CAAGC,GAAAA,cAAY,EAAC,CAAA,GACrC,CAACC,EAAgBC,EAAkB,CAAGF,GAAAA,cAAY,EAAC,CAAA,GACnD,CAACG,EAASC,EAAW,CAAGJ,GAAAA,cAAY,EAAC,CAAA,GAE3C,SAASK,EAAcC,CAA0B,EAC3CA,IACEZ,GACFY,EAAIC,SAAS,CAACb,GAEhBY,EAAIE,UAAU,GAElB,CAEA,SAASC,EAAYC,CAAQ,EAC3Bf,EAAMgB,OAAO,GAAGD,GAChBX,EAAW,CAAA,GACXK,EAAW,CAAA,EACb,CACA,SAASQ,EAAWF,CAAQ,EAC1Bf,EAAMkB,MAAM,GAAGH,GACfN,EAAW,CAAA,EACb,CAqBA,MAnBAU,GAAAA,SAAO,EAAC,KACFnB,EAAMoB,IAAI,EACZtB,EAAW,IAAIuB,qBAAqB,AAACC,IACnCf,EAAkBe,CAAO,CAAC,EAAE,CAAChB,cAAc,EACvCgB,CAAO,CAAC,EAAE,CAAChB,cAAc,EAC3BI,EAAcZ,EAElB,GACIC,GACFD,EAASyB,OAAO,CAACxB,IAGnBQ,EAAkB,CAAA,EAEtB,GACAiB,GAAAA,WAAS,EAAC,KACRd,EAAcZ,EAChB,yCAIwB2B,QAAM,6BACzBC,SAAI,oBAAOlB,gCAEHT,4CAAAA,oCACDE,sBACGD,EAAM2B,KAAK,wBACP,CACTC,IAAK,CAAA,EACLC,MAAO1B,GACT,qBACMH,EAAM8B,IAAI,EAAI,wBACfxB,IAAmBN,EAAM+B,GAAG,CAAG,KAAK,WAChCjB,SACDG,gBAKlB"}

package/lib/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(e,r){for(var t in r)Object.defineProperty(e,t,{enumerable:!0,get:r[t]})}(exports,{Avatar:function(){return e.default},AvatarGroup:function(){return r.default},BackTop:function(){return t.default},Button:function(){return u.default},CaptureScreen:function(){return i.default},Carousel:function(){return o.default},Checkbox:function(){return f.default},Code:function(){return a.default},ColorPalette:function(){return c.default},ColorPicker:function(){return l.default},Cron:function(){return d.default},DatePicker:function(){return p.default},Dropdown:function(){return q.default},Empty:function(){return s.default},FieldName:function(){return n.FieldName},HighlightText:function(){return h.default},Img:function(){return y.default},Input:function(){return b.default},InputNumber:function(){return S.default},Md:function(){return v.default},Menu:function(){return k.default},Modal:function(){return P.default},OpenState:function(){return P.OpenState},Pagination:function(){return C.default},Popover:function(){return M.default},Prism:function(){return H.default},Provider:function(){return G.default},Radio:function(){return j.default},Segmented:function(){return _.default},Select:function(){return T.default},Size:function(){return n.Size},Skeleton:function(){return x.default},Spin:function(){return D.default},Status:function(){return n.Status},Switch:function(){return E.default},Table:function(){return I.default},Tabs:function(){return N.default},Tag:function(){return W.default},Tree:function(){return A.default},Typography:function(){return B.default},customElement:function(){return R.customElement},dayjs:function(){return F.default},fromSchema:function(){return m.default},generateColor:function(){return z.generateColor},getCurrentElement:function(){return R.getCurrentElement},getOptions:function(){return g.default},hot:function(){return R.hot},mdStyle:function(){return O.default},noShadowDOM:function(){return R.noShadowDOM},notification:function(){return w.default},theme:function(){return z.default},toneColor:function(){return z.toneColor},withSolid:function(){return R.withSolid}});const e=J(require("./avatar")),r=J(require("./avatar/group")),t=J(require("./back-top")),n=require("./basic-config"),u=J(require("./button")),i=J(require("./capture-screen")),o=J(require("./carousel")),f=J(require("./checkbox")),a=J(require("./code")),c=J(require("./color-palette")),l=J(require("./color-picker")),d=J(require("./cron")),p=J(require("./date-picker")),q=J(require("./dropdown")),s=J(require("./empty")),m=J(require("./from-schema")),g=J(require("./get-options")),h=J(require("./highlight-text")),y=J(require("./img")),b=J(require("./input")),S=J(require("./input-number")),v=J(require("./md")),O=J(require("./md-style")),k=J(require("./menu")),P=L(require("./modal")),w=J(require("./notification")),C=J(require("./pagination")),M=J(require("./popover")),j=J(require("./radio")),_=J(require("./segmented")),T=J(require("./select")),x=J(require("./skeleton")),D=J(require("./spin")),E=J(require("./switch")),I=J(require("./table")),N=J(require("./tabs")),W=J(require("./tag")),z=L(require("./theme")),A=J(require("./tree")),B=J(require("./typography")),F=J(require("./date-picker/dayjs")),G=J(require("./provider")),H=J(require("./prism")),R=require("solid-element");function J(e){return e&&e.__esModule?e:{default:e}}function K(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(K=function(e){return e?t:r})(e)}function L(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=K(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=u?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,t&&t.set(e,n),n}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(e,r){for(var t in r)Object.defineProperty(e,t,{enumerable:!0,get:r[t]})}(exports,{Avatar:function(){return e.default},AvatarGroup:function(){return r.default},BackTop:function(){return t.default},Button:function(){return u.default},CaptureScreen:function(){return i.default},Carousel:function(){return o.default},Checkbox:function(){return f.default},Code:function(){return a.default},ColorPalette:function(){return c.default},ColorPicker:function(){return l.default},Cron:function(){return d.default},DatePicker:function(){return p.default},Dropdown:function(){return s.default},Empty:function(){return m.default},FieldName:function(){return n.FieldName},HighlightText:function(){return y.default},Img:function(){return b.default},Input:function(){return S.default},InputNumber:function(){return v.default},Md:function(){return O.default},Menu:function(){return P.default},Modal:function(){return w.default},OpenState:function(){return w.OpenState},Pagination:function(){return M.default},Popover:function(){return j.default},Prism:function(){return _.default},Provider:function(){return T.default},Radio:function(){return x.default},Segmented:function(){return D.default},Select:function(){return E.default},Size:function(){return n.Size},Skeleton:function(){return I.default},Spin:function(){return N.default},Status:function(){return n.Status},Switch:function(){return W.default},Table:function(){return z.default},Tabs:function(){return A.default},Tag:function(){return B.default},Tree:function(){return G.default},Typography:function(){return H.default},customElement:function(){return R.customElement},dayjs:function(){return q.default},fromSchema:function(){return g.default},generateColor:function(){return F.generateColor},getCurrentElement:function(){return R.getCurrentElement},getOptions:function(){return h.default},hot:function(){return R.hot},mdStyle:function(){return k.default},noShadowDOM:function(){return R.noShadowDOM},notification:function(){return C.default},theme:function(){return F.default},toneColor:function(){return F.toneColor},withSolid:function(){return R.withSolid}});const e=J(require("./avatar")),r=J(require("./avatar/group")),t=J(require("./back-top")),n=require("./basic-config"),u=J(require("./button")),i=J(require("./capture-screen")),o=J(require("./carousel")),f=J(require("./checkbox")),a=J(require("./code")),c=J(require("./color-palette")),l=J(require("./color-picker")),d=J(require("./cron")),p=J(require("./date-picker")),q=J(require("./date-picker/dayjs")),s=J(require("./dropdown")),m=J(require("./empty")),g=J(require("./from-schema")),h=J(require("./get-options")),y=J(require("./highlight-text")),b=J(require("./img")),S=J(require("./input")),v=J(require("./input-number")),O=J(require("./md")),k=J(require("./md-style")),P=J(require("./menu")),w=L(require("./modal")),C=J(require("./notification")),M=J(require("./pagination")),j=J(require("./popover")),_=J(require("./prism")),T=J(require("./provider")),x=J(require("./radio")),D=J(require("./segmented")),E=J(require("./select")),I=J(require("./skeleton")),N=J(require("./spin")),W=J(require("./switch")),z=J(require("./table")),A=J(require("./tabs")),B=J(require("./tag")),F=L(require("./theme")),G=J(require("./tree")),H=J(require("./typography")),R=require("solid-element");function J(e){return e&&e.__esModule?e:{default:e}}function K(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(K=function(e){return e?t:r})(e)}function L(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=K(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=u?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,t&&t.set(e,n),n}
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../components/index.ts"],"sourcesContent":["'use client';\n\nexport { default as Avatar, type AvatarElement, type AvatarProps } from './avatar';\nexport {\n  default as AvatarGroup,\n  type AvatarGroupElement,\n  type AvatarGroupProps,\n} from './avatar/group';\nexport { default as BackTop, type BackTopElement, type BackTopProps } from './back-top';\nexport { type BaseOption, type BasicConfig, FieldName, Size, Status } from './basic-config';\nexport { default as Button, type ButtonElement, type ButtonProps } from './button';\nexport {\n  default as CaptureScreen,\n  type CaptureScreenElement,\n  type CaptureScreenProps,\n} from './capture-screen';\nexport { default as Carousel, type CarouselElement, type CarouselProps } from './carousel';\nexport {\n  default as Checkbox,\n  type CheckboxBoolElement,\n  type CheckboxBoolProps,\n  type CheckboxGroupElement,\n  type CheckboxGroupProps,\n} from './checkbox';\nexport { default as Code, type CodeElement, type CodeProps } from './code';\nexport {\n  default as ColorPalette,\n  type ColorPaletteElement,\n  type ColorPaletteProps,\n} from './color-palette';\nexport {\n  default as ColorPicker,\n  type ColorPickerElement,\n  type ColorPickerProps,\n} from './color-picker';\nexport { default as Cron, type CronElement, type CronProps } from './cron';\nexport { default as DatePicker, type DatePickerProps, type DatePickerElement } from './date-picker';\nexport {\n  default as Dropdown,\n  type DropdownElement,\n  type DropdownMultipleElement,\n  type DropdownMultipleProps,\n  type DropdownProps,\n} from './dropdown';\nexport { default as Empty, type EmptyElement, type EmptyProps } from './empty';\nexport { default as fromSchema } from './from-schema';\nexport { default as getOptions } from './get-options';\nexport {\n  default as HighlightText,\n  type HighlightTextElement,\n  type HighlightTextProps,\n} from './highlight-text';\nexport { default as Img, type ImgElement, type ImgProps } from './img';\nexport { default as Input, type InputElement, type InputProps } from './input';\nexport {\n  default as InputNumber,\n  type InputNumberElement,\n  type InputNumberProps,\n} from './input-number';\nexport { default as Md, type MdElement, type MdProps } from './md';\nexport { default as mdStyle } from './md-style';\nexport {\n  default as Menu,\n  type MenuElement,\n  type MenuMultipleElement,\n  type MenuMultipleProps,\n  type MenuOption,\n  type MenuProps,\n} from './menu';\nexport {\n  default as Modal,\n  type ModalElement,\n  type ModalProps,\n  type OpenStateKey,\n  OpenState,\n} from './modal';\nexport {\n  default as notification,\n  type NotificationType,\n  type NotificationProps,\n} from './notification';\nexport { default as Pagination, type PaginationProps, type PaginationElement } from './pagination';\nexport { default as Popover, type PopoverElement, type PopoverProps } from './popover';\nexport { default as Radio, type RadioElement, type RadioOption, type RadioProps } from './radio';\nexport { default as Segmented, type SegmentedElement, type SegmentedProps } from './segmented';\nexport {\n  default as Select,\n  type SelectElement,\n  type SelectMultipleElement,\n  type SelectMultipleProps,\n  type SelectProps,\n} from './select';\nexport { default as Skeleton, type SkeletonElement, type SkeletonProps } from './skeleton';\nexport { default as Spin, type SpinElement, type SpinProps } from './spin';\nexport { default as Switch, type SwitchElement, type SwitchProps } from './switch';\nexport { default as Table, type TableElement, type TableProps } from './table';\nexport { default as Tabs, type TabOption, type TabsElement, type TabsProps } from './tabs';\nexport { default as Tag, type TagElement, type TagProps } from './tag';\nexport {\n  default as theme,\n  type ColorScheme,\n  type ThemeOption,\n  generateColor,\n  toneColor,\n} from './theme';\nexport {\n  default as Tree,\n  type TreeElement,\n  type TreeMultipleElement,\n  type TreeMultipleProps,\n  type TreeMultipleSchemaElement,\n  type TreeMultipleSchemaProps,\n  type TreeMultipleStringElement,\n  type TreeMultipleStringProps,\n  type TreeProps,\n  type TreeSchemaElement,\n  type TreeSchemaProps,\n  type TreeStringElement,\n  type TreeStringProps,\n  type TreeData,\n} from './tree';\nexport { default as Typography, type TypographyElement, type TypographyProps } from './typography';\nexport { default as dayjs } from './date-picker/dayjs';\nexport { default as Provider, type ProviderElement, type ProviderProps } from './provider';\nexport { default as Prism } from './prism';\nexport { hot, customElement, noShadowDOM, withSolid, getCurrentElement } from 'solid-element';\nexport type { CustomElement } from 'custom-element-type';\nimport type {\n  AvatarElement,\n  AvatarGroupElement,\n  BackTopElement,\n  ButtonElement,\n  CaptureScreenElement,\n  CarouselElement,\n  CheckboxBoolElement,\n  CheckboxGroupElement,\n  CodeElement,\n  ColorPaletteElement,\n  ColorPickerElement,\n  CronElement,\n  DatePickerElement,\n  DropdownElement,\n  DropdownMultipleElement,\n  EmptyElement,\n  HighlightTextElement,\n  ImgElement,\n  InputElement,\n  InputNumberElement,\n  MdElement,\n  MenuElement,\n  MenuMultipleElement,\n  ModalElement,\n  PaginationElement,\n  PopoverElement,\n  ProviderElement,\n  RadioElement,\n  SegmentedElement,\n  SelectElement,\n  SelectMultipleElement,\n  SkeletonElement,\n  SpinElement,\n  SwitchElement,\n  TableElement,\n  TabsElement,\n  TagElement,\n  TreeElement,\n  TreeMultipleElement,\n  TreeMultipleSchemaElement,\n  TreeMultipleStringElement,\n  TreeSchemaElement,\n  TreeStringElement,\n  TypographyElement,\n} from '.';\nimport type { ICustomElement, Transform } from 'custom-element-type';\n\n/** 组件列表\n * @author monako97\n * @ignore optional\n */\ninterface CustomElementTags {\n  /** 头像 */\n  'n-avatar': AvatarElement;\n  /** 头像组 */\n  'n-avatar-group': AvatarGroupElement;\n  /** 返回顶部 */\n  'n-back-top': BackTopElement;\n  /** 按钮 */\n  'n-button': ButtonElement;\n  /** 捕获屏幕 */\n  'n-capture-screen': CaptureScreenElement;\n  /** 走马灯、轮播 */\n  'n-carousel': CarouselElement;\n  /** 复选框 */\n  'n-checkbox': CheckboxBoolElement | CheckboxGroupElement;\n  /** 代码框 */\n  'n-code': CodeElement;\n  /** 取色器 */\n  'n-color-palette': ColorPaletteElement;\n  /** 取色器(弹出类型) */\n  'n-color-picker': ColorPickerElement;\n  /** 下拉面板 */\n  'n-dropdown': DropdownElement | DropdownMultipleElement;\n  /** 空面板 */\n  'n-empty': EmptyElement;\n  /** 匹配高亮文字 */\n  'n-highlight-text': HighlightTextElement;\n  /** 图片查看器 */\n  'n-img': ImgElement;\n  /** 输入框 */\n  'n-input': InputElement;\n  /** 数字输入框 */\n  'n-input-number': InputNumberElement;\n  /** Markdown渲染 */\n  'n-md': MdElement;\n  /** 弹出气泡面板 */\n  'n-popover': PopoverElement;\n  /** 单选项 */\n  'n-radio': RadioElement;\n  /** 分段控制器 */\n  'n-segmented': SegmentedElement;\n  /** 下拉选择框 */\n  'n-select': SelectElement | SelectMultipleElement;\n  /** 骨架屏 */\n  'n-skeleton': SkeletonElement;\n  /** 加载中 */\n  'n-spin': SpinElement;\n  /** 开关 */\n  'n-switch': SwitchElement;\n  /** 树形渲染 */\n  'n-tree':\n    | TreeElement\n    | TreeStringElement\n    | TreeSchemaElement\n    | TreeMultipleElement\n    | TreeMultipleStringElement\n    | TreeMultipleSchemaElement;\n  /** 文字排版 */\n  'n-typography': TypographyElement;\n  /** 标签页 */\n  'n-tabs': TabsElement;\n  /** 标签 */\n  'n-tag': TagElement;\n  /** 导航菜单 */\n  'n-menu': MenuElement | MenuMultipleElement;\n  /** Cron表达式编辑器 */\n  'n-cron': CronElement;\n  /** 日期选择器\n   * @since 2.1.0\n   */\n  'n-data-picker': DatePickerElement;\n  /** 数据表格\n   * @since 2.2.0\n   */\n  'n-table': TableElement;\n  /** 分页器\n   * @since 2.2.0\n   */\n  'n-pagination': PaginationElement;\n  /** 响应内部变化\n   * @since 2.3.0\n   */\n  'n-provider': ProviderElement;\n  /** 模态框\n   * @since 2.6.0\n   */\n  'n-modal': ModalElement;\n}\ntype IntrinsicNekoElement = Transform<CustomElementTags>;\n\ndeclare module 'solid-js' {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  export namespace JSX {\n    export interface IntrinsicElements extends HTMLElementTags, IntrinsicNekoElement {}\n  }\n  interface HTMLElementTagNameMap extends IntrinsicNekoElement {}\n}\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  export namespace JSX {\n    export interface IntrinsicElements extends IntrinsicNekoElement {}\n  }\n  interface HTMLElementTagNameMap extends IntrinsicNekoElement {}\n}\n\nexport interface ComponentOptions<T> {\n  element: T & ICustomElement;\n}\n"],"names":["Avatar","AvatarGroup","BackTop","Button","CaptureScreen","Carousel","Checkbox","Code","ColorPalette","ColorPicker","Cron","DatePicker","Dropdown","Empty","FieldName","HighlightText","Img","Input","InputNumber","Md","Menu","Modal","OpenState","Pagination","Popover","Prism","Provider","Radio","Segmented","Select","Size","Skeleton","Spin","Status","Switch","Table","Tabs","Tag","Tree","Typography","customElement","dayjs","fromSchema","generateColor","getCurrentElement","getOptions","hot","mdStyle","noShadowDOM","notification","theme","toneColor","withSolid"],"mappings":"+JAEoBA,MAAM,mBAANA,SAAM,EAEbC,WAAW,mBAAXA,SAAW,EAIJC,OAAO,mBAAPA,SAAO,EAEPC,MAAM,mBAANA,SAAM,EAEbC,aAAa,mBAAbA,SAAa,EAINC,QAAQ,mBAARA,SAAQ,EAEfC,QAAQ,mBAARA,SAAQ,EAMDC,IAAI,mBAAJA,SAAI,EAEXC,YAAY,mBAAZA,SAAY,EAKZC,WAAW,mBAAXA,SAAW,EAIJC,IAAI,mBAAJA,SAAI,EACJC,UAAU,mBAAVA,SAAU,EAEjBC,QAAQ,mBAARA,SAAQ,EAMDC,KAAK,mBAALA,SAAK,EAnCmBC,SAAS,mBAATA,WAAS,EAuCxCC,aAAa,mBAAbA,SAAa,EAINC,GAAG,mBAAHA,SAAG,EACHC,KAAK,mBAALA,SAAK,EAEZC,WAAW,mBAAXA,SAAW,EAIJC,EAAE,mBAAFA,SAAE,EAGTC,IAAI,mBAAJA,SAAI,EAQJC,KAAK,mBAALA,SAAK,EAIhBC,SAAS,mBAATA,WAAS,EAOSC,UAAU,mBAAVA,SAAU,EACVC,OAAO,mBAAPA,SAAO,EA0CPC,KAAK,mBAALA,SAAK,EADLC,QAAQ,mBAARA,SAAQ,EAxCRC,KAAK,mBAALA,SAAK,EACLC,SAAS,mBAATA,SAAS,EAEhBC,MAAM,mBAANA,SAAM,EA7EoCC,IAAI,mBAAJA,MAAI,EAmFvCC,QAAQ,mBAARA,SAAQ,EACRC,IAAI,mBAAJA,SAAI,EApFqCC,MAAM,mBAANA,QAAM,EAqF/CC,MAAM,mBAANA,SAAM,EACNC,KAAK,mBAALA,SAAK,EACLC,IAAI,mBAAJA,SAAI,EACJC,GAAG,mBAAHA,SAAG,EASVC,IAAI,mBAAJA,SAAI,EAeGC,UAAU,mBAAVA,SAAU,EAIhBC,aAAa,mBAAbA,eAAa,EAHPC,KAAK,mBAALA,SAAK,EA7ELC,UAAU,mBAAVA,SAAU,EAyD5BC,aAAa,mBAAbA,eAAa,EAuBsCC,iBAAiB,mBAAjBA,mBAAiB,EA/ElDC,UAAU,mBAAVA,SAAU,EA+ErBC,GAAG,mBAAHA,KAAG,EAjEQC,OAAO,mBAAPA,SAAO,EAiEEC,WAAW,mBAAXA,aAAW,EAhD3BC,YAAY,mBAAZA,SAAY,EAsBZC,KAAK,mBAALA,SAAK,EAIhBC,SAAS,mBAATA,WAAS,EAsB+BC,SAAS,mBAATA,WAAS,sBA3HqB,yBAKjE,+BACoE,yBACA,8BACH,yBAKjE,iCACuE,2BAOvE,2BAC2D,uBAK3D,gCAKA,+BAC2D,uBACkB,8BAO7E,2BAC8D,wBAC/B,8BACA,8BAK/B,iCACwD,sBACM,wBAK9D,+BACqD,qBACzB,2BAQ5B,uBAOA,wBAKA,+BAC6E,6BACT,0BACY,wBACN,4BAO1E,yBACuE,2BACZ,uBACM,yBACH,wBACa,uBACnB,sBAOxD,wBAgBA,uBAC6E,6BACnD,oCAC6C,2BAC7C,sBAC6C"}
+{"version":3,"sources":["../components/index.ts"],"sourcesContent":["'use client';\n\nexport { default as Avatar, type AvatarElement, type AvatarProps } from './avatar';\nexport {\n  default as AvatarGroup,\n  type AvatarGroupElement,\n  type AvatarGroupProps,\n} from './avatar/group';\nexport { default as BackTop, type BackTopElement, type BackTopProps } from './back-top';\nexport { type BaseOption, type BasicConfig, FieldName, Size, Status } from './basic-config';\nexport { default as Button, type ButtonElement, type ButtonProps } from './button';\nexport {\n  default as CaptureScreen,\n  type CaptureScreenElement,\n  type CaptureScreenProps,\n} from './capture-screen';\nexport { default as Carousel, type CarouselElement, type CarouselProps } from './carousel';\nexport {\n  default as Checkbox,\n  type CheckboxBoolElement,\n  type CheckboxBoolProps,\n  type CheckboxGroupElement,\n  type CheckboxGroupProps,\n} from './checkbox';\nexport { default as Code, type CodeElement, type CodeProps } from './code';\nexport {\n  default as ColorPalette,\n  type ColorPaletteElement,\n  type ColorPaletteProps,\n} from './color-palette';\nexport {\n  default as ColorPicker,\n  type ColorPickerElement,\n  type ColorPickerProps,\n} from './color-picker';\nexport { default as Cron, type CronElement, type CronProps } from './cron';\nexport { default as DatePicker, type 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 { 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  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}\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":["Avatar","AvatarGroup","BackTop","Button","CaptureScreen","Carousel","Checkbox","Code","ColorPalette","ColorPicker","Cron","DatePicker","Dropdown","Empty","FieldName","HighlightText","Img","Input","InputNumber","Md","Menu","Modal","OpenState","Pagination","Popover","Prism","Provider","Radio","Segmented","Select","Size","Skeleton","Spin","Status","Switch","Table","Tabs","Tag","Tree","Typography","customElement","dayjs","fromSchema","generateColor","getCurrentElement","getOptions","hot","mdStyle","noShadowDOM","notification","theme","toneColor","withSolid"],"mappings":"+JAEoBA,MAAM,mBAANA,SAAM,EAEbC,WAAW,mBAAXA,SAAW,EAIJC,OAAO,mBAAPA,SAAO,EAEPC,MAAM,mBAANA,SAAM,EAEbC,aAAa,mBAAbA,SAAa,EAINC,QAAQ,mBAARA,SAAQ,EAEfC,QAAQ,mBAARA,SAAQ,EAMDC,IAAI,mBAAJA,SAAI,EAEXC,YAAY,mBAAZA,SAAY,EAKZC,WAAW,mBAAXA,SAAW,EAIJC,IAAI,mBAAJA,SAAI,EACJC,UAAU,mBAAVA,SAAU,EAGjBC,QAAQ,mBAARA,SAAQ,EAMDC,KAAK,mBAALA,SAAK,EApCmBC,SAAS,mBAATA,WAAS,EAwCxCC,aAAa,mBAAbA,SAAa,EAINC,GAAG,mBAAHA,SAAG,EACHC,KAAK,mBAALA,SAAK,EAEZC,WAAW,mBAAXA,SAAW,EAIJC,EAAE,mBAAFA,SAAE,EAGTC,IAAI,mBAAJA,SAAI,EAQJC,KAAK,mBAALA,SAAK,EAGhBC,SAAS,mBAATA,WAAS,EAQSC,UAAU,mBAAVA,SAAU,EACVC,OAAO,mBAAPA,SAAO,EACPC,KAAK,mBAALA,SAAK,EACLC,QAAQ,mBAARA,SAAQ,EACRC,KAAK,mBAALA,SAAK,EACLC,SAAS,mBAATA,SAAS,EAEhBC,MAAM,mBAANA,SAAM,EAhFoCC,IAAI,mBAAJA,MAAI,EAsFvCC,QAAQ,mBAARA,SAAQ,EACRC,IAAI,mBAAJA,SAAI,EAvFqCC,MAAM,mBAANA,QAAM,EAwF/CC,MAAM,mBAANA,SAAM,EACNC,KAAK,mBAALA,SAAK,EACWC,IAAI,mBAAJA,SAAI,EACpBC,GAAG,mBAAHA,SAAG,EASVC,IAAI,mBAAJA,SAAI,EAeGC,UAAU,mBAAVA,SAAU,EAErBC,aAAa,mBAAbA,eAAa,EAzFFC,KAAK,mBAALA,SAAK,EASLC,UAAU,mBAAVA,SAAU,EAyD5BC,aAAa,mBAAbA,eAAa,EAuBSC,iBAAiB,mBAAjBA,mBAAiB,EA/ErBC,UAAU,mBAAVA,SAAU,EA+EaC,GAAG,mBAAHA,KAAG,EAjE1BC,OAAO,mBAAPA,SAAO,EAiEqBC,WAAW,mBAAXA,aAAW,EAhD9CC,YAAY,mBAAZA,SAAY,EA0BZC,KAAK,mBAALA,SAAK,EAEhBC,SAAS,mBAATA,WAAS,EAoBkDC,SAAS,mBAATA,WAAS,sBA5HE,yBAKjE,+BACoE,yBACA,8BACH,yBAKjE,iCACuE,2BAOvE,2BAC2D,uBAK3D,gCAKA,+BAC2D,uBACkB,8BACnD,oCAO1B,2BAC8D,wBAC/B,8BACA,8BAK/B,iCACwD,sBACM,wBAK9D,+BACqD,qBACzB,2BAQ5B,uBAOA,wBAKA,+BAC6E,6BACT,0BAC1C,wBAC6C,2BACS,wBACN,4BAO1E,yBACuE,2BACZ,uBACM,yBACH,wBACa,uBACnB,sBAOxD,wBAgBA,uBAC6E,2BAEN"}

package/lib/input/README.mdx

@@ -0,0 +1,10 @@
+---
+type: 数据录入
+title: 输入框
+subtitle: n-input
+icon: 🍣
+---
+
+# 输入框
+
+> 在页面中输入文字内容

package/lib/input/examples/basic.md

@@ -0,0 +1,31 @@
+---
+title: 基本使用
+description: 基本使用
+order: 1
+---
+
+```html
+<div style="width:180px;display: flex; flex-direction: column; gap: 12px;">
+  <n-input type="text" label="Text" required="true"></n-input>
+  <n-input type="number" label="Number"></n-input>
+  <n-input type="url" label="Url"></n-input>
+  <n-input type="email" label="Email"></n-input>
+  <n-input type="password" label="Password"></n-input>
+  <n-input type="tel" label="Tel"></n-input>
+  <n-input type="user" label="User"></n-input>
+  <n-input type="time" label="Disabled time" disabled="true"></n-input>
+</div>
+```
+
+```jsx
+<div style={{ width: '180px', display: 'flex', 'flex-direction': 'column', gap: '12px' }}>
+  <n-input type="text" label="Text" required />
+  <n-input type="number" label="Number" />
+  <n-input type="url" label="Url" />
+  <n-input type="email" label="Email" />
+  <n-input type="password" label="Password" />
+  <n-input type="tel" label="Tel" />
+  <n-input type="user" label="User" />
+  <n-input type="time" label="Disabled time" disabled />
+</div>
+```

package/lib/input/examples/prefix&suffix.md

@@ -0,0 +1,33 @@
+---
+title: 在输入框上添加前缀或后缀图标
+description: 通过 `suffix` 属性给输入框尾部添加内容; 通过 `prefix` 属性给输入框头部添加内容
+order: 3
+---
+
+```html
+<div style="width:180px;display: flex; flex-direction: column; gap: 12px;">
+  <n-input label="用户" placeholder="请输入名称" prefix-icon="👨" default-value="admin"></n-input>
+  <n-input label="密码" type="password" placeholder="请输入密码" prefix-icon="㊙️" caps-lock-icon="⇪"></n-input>
+  <n-input
+    label="验证码"
+    auto-complete="one-time-code"
+    placeholder="请输入验证码"
+    suffix-icon="45秒"
+    disabled="true"
+  ></n-input>
+</div>
+```
+
+```jsx
+<div style={{ width: '180px', display: 'flex', 'flex-direction': 'column', gap: '12px' }}>
+  <n-input label="用户" placeholder="请输入名称" prefix-icon="👨" defaultValue="admin" />
+  <n-input label="密码" type="password" placeholder="请输入密码" prefix-icon="㊙️" />
+  <n-input
+    label="验证码"
+    autoComplete="one-time-code"
+    placeholder="请输入验证码"
+    suffix-icon="45秒"
+    disabled
+  />
+</div>
+```

package/lib/input/examples/size.md

@@ -0,0 +1,21 @@
+---
+title: 不同尺寸
+description: 输入框内置有大、中、小三种尺寸。通过设置 `size` 为 `large`、`small` 分别把尺寸设为大、小尺寸。若不设置 `size`，则尺寸为中 'normal'。
+order: 2
+---
+
+```html
+<div style="width:180px;display: flex; flex-direction: column; gap: 12px;">
+  <n-input label="小尺寸" size="small"></n-input>
+  <n-input label="默认大小" placeholder="请输入文字"></n-input>
+  <n-input label="大尺寸" size="large" placeholder="请输入文字"></n-input>
+</div>
+```
+
+```jsx
+<div style={{ width: '180px', display: 'flex', 'flex-direction': 'column', gap: '12px' }}>
+  <n-input label="小尺寸" size="small" />
+  <n-input label="默认大小" placeholder="请输入文字" />
+  <n-input label="大尺寸" size="large" placeholder="请输入文字" />
+</div>
+```

package/lib/input/examples/status.md

@@ -0,0 +1,23 @@
+---
+title: 自定义状态
+description: 使用 `status` 为输入框添加状态，可选 `error`、`warning`、`success`
+order: 4
+---
+
+```html
+<div style="width:180px;display: flex; flex-direction: column; gap: 12px;">
+  <n-input type="email" label="Email" disabled="true" status="success"></n-input>
+  <n-input type="password" label="Password" status="error"></n-input>
+  <n-input type="tel" label="Tel" status="warning"></n-input>
+  <n-input type="user" label="User" status="success"></n-input>
+</div>
+```
+
+```jsx
+<div style={{ width: '180px', display: 'flex', 'flex-direction': 'column', gap: '12px' }}>
+  <n-input type="email" label="Email" disabled status="success" />
+  <n-input type="password" label="Password" status="error" />
+  <n-input type="tel" label="Tel" status="warning" />
+  <n-input type="user" label="User" status="success" />
+</div>
+```

package/lib/input/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(e,t){for(var n in t)Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}(exports,{default:function(){return g},defaultInportProps:function(){return h}});const e=require("solid-js/web"),t=require("solid-js"),n=s(require("@moneko/common/lib/isFunction")),r=require("@moneko/css"),o=require("solid-element"),i=require("./style"),l=s(require("../theme"));function s(e){return e&&e.__esModule?e:{default:e}}const a=(0,e.template)("<style> "),u=(0,e.template)("<style>"),c=(0,e.template)('<span class="prefix">'),d=(0,e.template)('<label class="label">'),p=(0,e.template)('<span class="caps-lock">'),f=(0,e.template)('<span class="suffix">'),v=(0,e.template)('<fieldset><input class="input" part="input">');function m(o){let s;let{baseStyle:m}=l.default,[h,g]=(0,t.createSignal)(),[y,_]=(0,t.createSignal)(!1);function b(e){o.onChange?.(function(e){if(o.parser)return(0,n.default)(o.parser)?o.parser(e):o.parser;if("number"===o.type&&"string"==typeof e){let t=e.replace(/[^\d]/g,"");return t.length?parseFloat(t):void 0}return e}(e.target?.value))}function w(e){o.onMouseDown?.(e)}function $(e){o.capsLockIcon&&_(e.getModifierState("CapsLock")),o.onKeyDown?.(e)}function C(e){o.onBlur?.(e)}function x(e){o.onKeyUp?.(e)}let k=(0,t.createMemo)(()=>o.formatter?(0,n.default)(o.formatter)?o.formatter(o.value):o.formatter:o.value);return(0,t.createEffect)(()=>{o.label&&g(`.label {--x: ${s?.offsetLeft||0}px;opacity:1;}`)}),[(()=>{let t=a(),n=t.firstChild;return(0,e.effect)(()=>n.data=m()),t})(),(()=>{let e=u();return e.textContent=i.style,e})(),(()=>{let t=a(),n=t.firstChild;return(0,e.effect)(()=>n.data=h()),t})(),(0,e.createComponent)(t.Show,{get when(){return o.css},get children(){let t=a(),n=t.firstChild;return(0,e.effect)(()=>n.data=(0,r.css)(o.css)),t}}),(()=>{let n=v(),i=n.firstChild,l=s;return(0,e.insert)(n,(0,e.createComponent)(t.Show,{get when(){return o.prefixIcon},get children(){let t=c();return(0,e.insert)(t,()=>o.prefixIcon),t}}),i),(0,e.addEventListener)(i,"blur",C),(0,e.addEventListener)(i,"keyup",x,!0),(0,e.addEventListener)(i,"keydown",$,!0),(0,e.addEventListener)(i,"mousedown",w,!0),(0,e.addEventListener)(i,"change",b),"function"==typeof l?(0,e.use)(l,i):s=i,(0,e.insert)(n,(0,e.createComponent)(t.Show,{get when(){return o.label},get children(){let t=d();return(0,e.insert)(t,()=>o.label),t}}),null),(0,e.insert)(n,(0,e.createComponent)(t.Show,{get when(){return(0,e.memo)(()=>!!o.capsLockIcon)()&&y()},get children(){let t=p();return(0,e.insert)(t,()=>o.capsLockIcon),t}}),null),(0,e.insert)(n,(0,e.createComponent)(t.Show,{get when(){return o.suffixIcon},get children(){let t=f();return(0,e.insert)(t,()=>o.suffixIcon),t}}),null),(0,e.effect)(t=>{let l=(0,r.cx)("fieldset",o.size,o.status,o.class),s=o.disabled,a=o.type,u=o.autoComplete,c=o.accept,d=o.placeholder;return l!==t._v$&&(0,e.className)(n,t._v$=l),s!==t._v$2&&(n.disabled=t._v$2=s),a!==t._v$3&&(0,e.setAttribute)(i,"type",t._v$3=a),u!==t._v$4&&(0,e.setAttribute)(i,"autocomplete",t._v$4=u),c!==t._v$5&&(0,e.setAttribute)(i,"accept",t._v$5=c),d!==t._v$6&&(0,e.setAttribute)(i,"placeholder",t._v$6=d),t},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0,_v$5:void 0,_v$6:void 0}),(0,e.effect)(()=>i.value=k()),n})()]}const h={class:void 0,css:void 0,suffixIcon:void 0,prefixIcon:void 0,capsLockIcon:void 0,size:void 0,disabled:void 0,status:void 0,type:void 0,label:void 0,value:void 0,defaultValue:void 0,formatter:void 0,parser:void 0,onChange:void 0,onMouseDown:void 0,onKeyDown:void 0,accept:void 0,autoComplete:void 0,placeholder:"请输入"};(0,o.customElement)("n-input",h,(n,r)=>{let o=r.element,i=(0,t.mergeProps)({css:o.css,size:o.size||"normal",value:o.value||o.defaultValue||"",type:o.type||"text",onChange(e){o.dispatchEvent(new CustomEvent("change",{detail:e}))}},n);return(0,e.createComponent)(m,i)});const g=m;(0,e.delegateEvents)(["keydown","keyup","mousedown"]);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(e,t){for(var n in t)Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}(exports,{default:function(){return g},defaultInportProps:function(){return h}});const e=require("solid-js/web"),t=require("solid-js"),n=s(require("@moneko/common/lib/isFunction")),r=require("@moneko/css"),o=require("solid-element"),i=s(require("../theme")),l=require("./style");function s(e){return e&&e.__esModule?e:{default:e}}const a=(0,e.template)("<style> "),u=(0,e.template)("<style>"),c=(0,e.template)('<span class="prefix">'),d=(0,e.template)('<label class="label">'),p=(0,e.template)('<span class="caps-lock">'),f=(0,e.template)('<span class="suffix">'),v=(0,e.template)('<fieldset><input class="input" part="input">');function m(o){let s;let{baseStyle:m}=i.default,[h,g]=(0,t.createSignal)(),[y,_]=(0,t.createSignal)(!1);function b(e){o.onChange?.(function(e){if(o.parser)return(0,n.default)(o.parser)?o.parser(e):o.parser;if("number"===o.type&&"string"==typeof e){let t=e.replace(/[^\d]/g,"");return t.length?parseFloat(t):void 0}return e}(e.target?.value))}function w(e){o.onMouseDown?.(e)}function $(e){o.capsLockIcon&&_(e.getModifierState("CapsLock")),o.onKeyDown?.(e)}function C(e){o.onBlur?.(e)}function x(e){o.onKeyUp?.(e)}let k=(0,t.createMemo)(()=>o.formatter?(0,n.default)(o.formatter)?o.formatter(o.value):o.formatter:o.value);return(0,t.createEffect)(()=>{o.label&&g(`.label {--x: ${s?.offsetLeft||0}px;opacity:1;}`)}),[(()=>{let t=a(),n=t.firstChild;return(0,e.effect)(()=>n.data=m()),t})(),(()=>{let e=u();return e.textContent=l.style,e})(),(()=>{let t=a(),n=t.firstChild;return(0,e.effect)(()=>n.data=h()),t})(),(0,e.createComponent)(t.Show,{get when(){return o.css},get children(){let t=a(),n=t.firstChild;return(0,e.effect)(()=>n.data=(0,r.css)(o.css)),t}}),(()=>{let n=v(),i=n.firstChild,l=s;return(0,e.insert)(n,(0,e.createComponent)(t.Show,{get when(){return o.prefixIcon},get children(){let t=c();return(0,e.insert)(t,()=>o.prefixIcon),t}}),i),(0,e.addEventListener)(i,"blur",C),(0,e.addEventListener)(i,"keyup",x,!0),(0,e.addEventListener)(i,"keydown",$,!0),(0,e.addEventListener)(i,"mousedown",w,!0),(0,e.addEventListener)(i,"change",b),"function"==typeof l?(0,e.use)(l,i):s=i,(0,e.insert)(n,(0,e.createComponent)(t.Show,{get when(){return o.label},get children(){let t=d();return(0,e.insert)(t,()=>o.label),t}}),null),(0,e.insert)(n,(0,e.createComponent)(t.Show,{get when(){return(0,e.memo)(()=>!!o.capsLockIcon)()&&y()},get children(){let t=p();return(0,e.insert)(t,()=>o.capsLockIcon),t}}),null),(0,e.insert)(n,(0,e.createComponent)(t.Show,{get when(){return o.suffixIcon},get children(){let t=f();return(0,e.insert)(t,()=>o.suffixIcon),t}}),null),(0,e.effect)(t=>{let l=(0,r.cx)("fieldset",o.size,o.status,o.class),s=o.disabled,a=o.type,u=o.autoComplete,c=o.accept,d=o.placeholder;return l!==t._v$&&(0,e.className)(n,t._v$=l),s!==t._v$2&&(n.disabled=t._v$2=s),a!==t._v$3&&(0,e.setAttribute)(i,"type",t._v$3=a),u!==t._v$4&&(0,e.setAttribute)(i,"autocomplete",t._v$4=u),c!==t._v$5&&(0,e.setAttribute)(i,"accept",t._v$5=c),d!==t._v$6&&(0,e.setAttribute)(i,"placeholder",t._v$6=d),t},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0,_v$5:void 0,_v$6:void 0}),(0,e.effect)(()=>i.value=k()),n})()]}const h={class:void 0,css:void 0,suffixIcon:void 0,prefixIcon:void 0,capsLockIcon:void 0,size:void 0,disabled:void 0,status:void 0,type:void 0,label:void 0,value:void 0,defaultValue:void 0,formatter:void 0,parser:void 0,onChange:void 0,onMouseDown:void 0,onKeyDown:void 0,accept:void 0,autoComplete:void 0,placeholder:"请输入"};(0,o.customElement)("n-input",h,(n,r)=>{let o=r.element,i=(0,t.mergeProps)({css:o.css,size:o.size||"normal",value:o.value||o.defaultValue||"",type:o.type||"text",onChange(e){o.dispatchEvent(new CustomEvent("change",{detail:e}))}},n);return(0,e.createComponent)(m,i)});const g=m;(0,e.delegateEvents)(["keydown","keyup","mousedown"]);
 //# sourceMappingURL=index.js.map