neko-ui 2.7.0 → 2.7.1

package/es/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/tag/index.tsx"],"sourcesContent":["import {\n  Show,\n  createComponent,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  splitProps,\n} from 'solid-js';\nimport { isFunction } from '@moneko/common';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { style } from './style';\nimport theme, { generateTheme } from '../theme';\nimport type { CustomElement } from '..';\n\nexport interface TagProps {\n  /** 自定义样式表 */\n  css?: string;\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义颜色 */\n  color?: string;\n  /** 图标 */\n  icon?: JSX.Element;\n  /** 内置类型(状态) */\n  type?: 'primary' | 'success' | 'error' | 'warning';\n  /** 自定义关闭图标 */\n  closeIcon?: JSX.Element | boolean;\n  /** 显示边框\n   * @default true\n   */\n  bordered?: boolean;\n  /** 禁用 */\n  disabled?: boolean;\n  /** 关闭时的回调方法 */\n  onClose?: (e: MouseEvent) => void;\n  children?: JSX.Element;\n}\n\nfunction Tag(props: TagProps) {\n  const { baseStyle, isDark } = theme;\n  const [local, other] = splitProps(props, [\n    'class',\n    'css',\n    'onClose',\n    'color',\n    'icon',\n    'closeIcon',\n    'bordered',\n    'type',\n    'disabled',\n  ]);\n  const [show, setShow] = createSignal(true);\n\n  const customColor = createMemo(() => {\n    if (local.color) {\n      return css`\n        :host {\n          ${generateTheme(local.color, {\n            dark: isDark(),\n            name: 'tag-custom',\n          })}\n        }\n      `;\n    }\n    return '';\n  });\n\n  function onClose(e: Event) {\n    if (isFunction(local.onClose)) {\n      local.onClose(e);\n    }\n    setShow(false);\n  }\n\n  return (\n    <Show when={show()}>\n      <style>\n        {baseStyle()}\n        {customColor()}\n        {style}\n        {css(local.css)}\n      </style>\n      <span\n        {...other}\n        class={cx(\n          'tag',\n          local.type,\n          local.color && 'tag-custom',\n          local.bordered && 'bordered',\n          local.disabled && 'disabled',\n        )}\n      >\n        <Show when={local.icon}>\n          <span class=\"icon\">{local.icon}</span>\n        </Show>\n        {other.children}\n        <Show when={local.closeIcon}>\n          <span class=\"close\" onClick={onClose}>\n            {local.closeIcon === true ? '⛌' : local.closeIcon}\n          </span>\n        </Show>\n      </span>\n    </Show>\n  );\n}\n\nexport type TagElement = CustomElement<TagProps, 'onClose'>;\n\ncustomElement<TagProps>(\n  'n-tag',\n  {\n    class: void 0,\n    css: void 0,\n    color: void 0,\n    icon: void 0,\n    closeIcon: void 0,\n    onClose: void 0,\n    bordered: true,\n    disabled: void 0,\n    type: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        css: el.css,\n        children: [...el.childNodes.values()],\n        onClose(e: Event) {\n          el.dispatchEvent(\n            new CustomEvent('close', {\n              detail: e,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.replaceChildren();\n      el.removeAttribute('css');\n    });\n\n    return createComponent(Tag, props);\n  },\n);\n\nexport default Tag;\n"],"names":["Show","createComponent","createEffect","createMemo","createSignal","mergeProps","splitProps","isFunction","css","cx","customElement","style","theme","generateTheme","Tag","props","baseStyle","isDark","local","other","show","setShow","customColor","color","dark","name","onClose","e","type","bordered","disabled","icon","children","closeIcon","class","_","opt","el","element","childNodes","values","dispatchEvent","CustomEvent","detail","replaceChildren","removeAttribute"],"mappings":"uZAAA,QACEA,QAAAA,CAAI,CACJC,mBAAAA,CAAe,CACfC,gBAAAA,CAAY,CACZC,cAAAA,CAAU,CACVC,gBAAAA,CAAY,CACZC,cAAAA,CAAU,CACVC,cAAAA,CAAU,KACL,UAAW,AAClB,QAASC,MAAkB,+BAAiB,AAC5C,QAASC,OAAAA,CAAG,CAAEC,MAAAA,CAAE,KAAQ,aAAc,AACtC,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAC9C,QAASC,SAAAA,CAAK,KAAQ,SAAU,AAChC,QAAOC,GAASC,iBAAAA,CAAa,KAAQ,UAAW,CA2BhD,SAASC,EAAIC,CAAe,EAC1B,GAAM,CAAEC,UAAAA,CAAS,CAAEC,OAAAA,CAAM,CAAE,CAAGL,EACxB,CAACM,EAAOC,EAAM,CAAGb,EAAWS,EAAO,CACvC,QACA,MACA,UACA,QACA,OACA,YACA,WACA,OACA,WACD,EACK,CAACK,EAAMC,EAAQ,CAAGjB,EAAa,CAAA,GAE/BkB,EAAcnB,EAAW,IAC7B,AAAIe,EAAMK,KAAK,CACNf,CAAG,CAAC;;UAEP,EAAEK,EAAcK,EAAMK,KAAK,CAAE,CAC3BC,KAAMP,IACNQ,KAAM,YACR,GAAG;;MAEP,CAAC,CAEI,IAGT,SAASC,EAAQC,CAAQ,EACnBpB,EAAWW,EAAMQ,OAAO,GAC1BR,EAAMQ,OAAO,CAACC,GAEhBN,EAAQ,CAAA,EACV,CAEA,SACGrB,qBAAWoB,sDAEPJ,YACAM,YACAX,gBACAH,EAAIU,EAAMV,GAAG,2CAGVW,sBACGV,EACL,MACAS,EAAMU,IAAI,CACVV,EAAMK,KAAK,EAAI,aACfL,EAAMW,QAAQ,EAAI,WAClBX,EAAMY,QAAQ,EAAI,4BAGnB9B,qBAAWkB,EAAMa,IAAI,0CACAb,EAAMa,IAAI,qBAE/BZ,EAAMa,QAAQ,aACdhC,qBAAWkB,EAAMe,SAAS,8CACIP,cAC1BR,AAAoB,CAAA,IAApBA,EAAMe,SAAS,CAAY,IAAMf,EAAMe,SAAS,sBAM7D,CAIAvB,EACE,QACA,CACEwB,MAAO,KAAK,EACZ1B,IAAK,KAAK,EACVe,MAAO,KAAK,EACZQ,KAAM,KAAK,EACXE,UAAW,KAAK,EAChBP,QAAS,KAAK,EACdG,SAAU,CAAA,EACVC,SAAU,KAAK,EACfF,KAAM,KAAK,CACb,EACA,CAACO,EAAGC,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChBvB,EAAQV,EACZ,CACEG,IAAK6B,EAAG7B,GAAG,CACXwB,SAAU,IAAIK,EAAGE,UAAU,CAACC,MAAM,GAAG,CACrCd,QAAQC,CAAQ,EACdU,EAAGI,aAAa,CACd,IAAIC,YAAY,QAAS,CACvBC,OAAQhB,CACV,GAEJ,CACF,EACAQ,GAQF,OALAjC,EAAa,KACXmC,EAAGO,eAAe,GAClBP,EAAGQ,eAAe,CAAC,MACrB,GAEO5C,EAAgBa,EAAKC,EAC9B,EAGF,gBAAeD,CAAI"}
+{"version":3,"sources":["../../components/tag/index.tsx"],"sourcesContent":["import {\n  Show,\n  createComponent,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  splitProps,\n} from 'solid-js';\nimport { isFunction } from '@moneko/common';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { style } from './style';\nimport theme, { generateTheme } from '../theme';\nimport type { CustomElement } from '..';\n\nexport interface TagProps {\n  /** 自定义样式表 */\n  css?: string;\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义颜色 */\n  color?: string;\n  /** 图标 */\n  icon?: JSX.Element;\n  /** 内置类型(状态) */\n  type?: 'primary' | 'success' | 'error' | 'warning';\n  /** 自定义关闭图标 */\n  closeIcon?: JSX.Element | boolean;\n  /** 显示边框\n   * @default true\n   */\n  bordered?: boolean;\n  /** 禁用 */\n  disabled?: boolean;\n  /** 关闭时的回调方法 */\n  onClose?: (e: MouseEvent) => void;\n  children?: JSX.Element;\n}\n\nfunction Tag(props: TagProps) {\n  const { baseStyle, isDark } = theme;\n  const [local, other] = splitProps(props, [\n    'class',\n    'css',\n    'onClose',\n    'color',\n    'icon',\n    'closeIcon',\n    'bordered',\n    'type',\n    'disabled',\n  ]);\n  const [show, setShow] = createSignal(true);\n\n  const customColor = createMemo(() => {\n    if (local.color) {\n      return css`\n        :host {\n          ${generateTheme(local.color, {\n            dark: isDark(),\n            name: 'tag-custom',\n          })}\n        }\n      `;\n    }\n    return '';\n  });\n\n  function onClose(e: Event) {\n    if (isFunction(local.onClose)) {\n      local.onClose(e);\n    }\n    setShow(false);\n  }\n\n  return (\n    <Show when={show()}>\n      <style>\n        {baseStyle()}\n        {customColor()}\n        {style}\n        {css(local.css)}\n      </style>\n      <span\n        {...other}\n        class={cx(\n          'tag',\n          local.type,\n          local.color && 'tag-custom',\n          local.bordered && 'bordered',\n          local.disabled && 'disabled',\n        )}\n      >\n        <Show when={local.icon}>\n          <span class=\"icon\">{local.icon}</span>\n        </Show>\n        {other.children}\n        <Show when={local.closeIcon}>\n          <span class=\"close\" onClick={onClose}>\n            {local.closeIcon === true ? '⛌' : local.closeIcon}\n          </span>\n        </Show>\n      </span>\n    </Show>\n  );\n}\n\nexport type TagElement = CustomElement<TagProps, 'onClose'>;\n\ncustomElement<TagProps>(\n  'n-tag',\n  {\n    class: void 0,\n    css: void 0,\n    color: void 0,\n    icon: void 0,\n    closeIcon: void 0,\n    onClose: void 0,\n    bordered: true,\n    disabled: void 0,\n    type: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        css: el.css,\n        children: [...el.childNodes.values()],\n        onClose(e: Event) {\n          el.dispatchEvent(\n            new CustomEvent('close', {\n              detail: e,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.replaceChildren();\n      el.removeAttribute('css');\n    });\n\n    return createComponent(Tag, props);\n  },\n);\n\nexport default Tag;\n"],"names":["Show","createComponent","createEffect","createMemo","createSignal","mergeProps","splitProps","isFunction","css","cx","customElement","style","theme","generateTheme","Tag","props","baseStyle","isDark","local","other","show","setShow","customColor","color","dark","name","onClose","e","type","bordered","disabled","icon","children","closeIcon","class","_","opt","el","element","childNodes","values","dispatchEvent","CustomEvent","detail","replaceChildren","removeAttribute"],"rangeMappings":";;;;","mappings":"uZAAA,QACEA,QAAAA,CAAI,CACJC,mBAAAA,CAAe,CACfC,gBAAAA,CAAY,CACZC,cAAAA,CAAU,CACVC,gBAAAA,CAAY,CACZC,cAAAA,CAAU,CACVC,cAAAA,CAAU,KACL,UAAW,AAClB,QAASC,MAAkB,+BAAiB,AAC5C,QAASC,OAAAA,CAAG,CAAEC,MAAAA,CAAE,KAAQ,aAAc,AACtC,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAC9C,QAASC,SAAAA,CAAK,KAAQ,SAAU,AAChC,QAAOC,GAASC,iBAAAA,CAAa,KAAQ,UAAW,CA2BhD,SAASC,EAAIC,CAAe,EAC1B,GAAM,CAAEC,UAAAA,CAAS,CAAEC,OAAAA,CAAM,CAAE,CAAGL,EACxB,CAACM,EAAOC,EAAM,CAAGb,EAAWS,EAAO,CACvC,QACA,MACA,UACA,QACA,OACA,YACA,WACA,OACA,WACD,EACK,CAACK,EAAMC,EAAQ,CAAGjB,EAAa,CAAA,GAE/BkB,EAAcnB,EAAW,IAC7B,AAAIe,EAAMK,KAAK,CACNf,CAAG,CAAC;;UAEP,EAAEK,EAAcK,EAAMK,KAAK,CAAE,CAC3BC,KAAMP,IACNQ,KAAM,YACR,GAAG;;MAEP,CAAC,CAEI,IAGT,SAASC,EAAQC,CAAQ,EACnBpB,EAAWW,EAAMQ,OAAO,GAC1BR,EAAMQ,OAAO,CAACC,GAEhBN,EAAQ,CAAA,EACV,CAEA,SACGrB,qBAAWoB,sDAEPJ,YACAM,YACAX,gBACAH,EAAIU,EAAMV,GAAG,2CAGVW,sBACGV,EACL,MACAS,EAAMU,IAAI,CACVV,EAAMK,KAAK,EAAI,aACfL,EAAMW,QAAQ,EAAI,WAClBX,EAAMY,QAAQ,EAAI,4BAGnB9B,qBAAWkB,EAAMa,IAAI,0CACAb,EAAMa,IAAI,qBAE/BZ,EAAMa,QAAQ,aACdhC,qBAAWkB,EAAMe,SAAS,8CACIP,cAC1BR,AAAoB,CAAA,IAApBA,EAAMe,SAAS,CAAY,IAAMf,EAAMe,SAAS,sBAM7D,CAIAvB,EACE,QACA,CACEwB,MAAO,KAAK,EACZ1B,IAAK,KAAK,EACVe,MAAO,KAAK,EACZQ,KAAM,KAAK,EACXE,UAAW,KAAK,EAChBP,QAAS,KAAK,EACdG,SAAU,CAAA,EACVC,SAAU,KAAK,EACfF,KAAM,KAAK,CACb,EACA,CAACO,EAAGC,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChBvB,EAAQV,EACZ,CACEG,IAAK6B,EAAG7B,GAAG,CACXwB,SAAU,IAAIK,EAAGE,UAAU,CAACC,MAAM,GAAG,CACrCd,QAAQC,CAAQ,EACdU,EAAGI,aAAa,CACd,IAAIC,YAAY,QAAS,CACvBC,OAAQhB,CACV,GAEJ,CACF,EACAQ,GAQF,OALAjC,EAAa,KACXmC,EAAGO,eAAe,GAClBP,EAAGQ,eAAe,CAAC,MACrB,GAEO5C,EAAgBa,EAAKC,EAC9B,EAGF,gBAAeD,CAAI"}

package/es/tag/style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/tag/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\n\nexport const style = css`\n  :host {\n    display: inline-block;\n  }\n\n  .tag {\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    border-radius: calc(var(--border-radius) / 1.5);\n    padding: 0 8px;\n    font-size: var(--font-size-sm);\n    color: var(--text-color);\n    background-color: var(--component-bg);\n    gap: 5px;\n    line-height: 20px;\n\n    a {\n      text-decoration: unset;\n      color: inherit;\n    }\n  }\n\n  .icon {\n    font-size: var(--font-size-sm);\n    line-height: var(--font-size-sm);\n  }\n\n  .bordered {\n    border: 1px solid var(--border-color);\n  }\n\n  .close {\n    font-size: var(--font-size-sm);\n    cursor: pointer;\n    opacity: 0.5;\n    transition: var(--transition-duration) var(--transition-timing-function) opacity;\n    user-select: none;\n\n    &:hover {\n      opacity: 1;\n    }\n  }\n\n  ${['primary', 'success', 'error', 'warning', 'tag-custom']\n    .map(\n      (s) =>\n        `.${s} {--text-color: var(--${s}-color);--border-color: var(--${s}-secondary-bg);--component-bg: var(--${s}-details-bg);}`,\n    )\n    .join('')}\n\n  .disabled {\n    --text-color: var(--disable-color);\n    --border-color: var(--disable-border);\n    --component-bg: var(--disable-bg);\n  }\n`;\n"],"names":["css","style","map","s","join"],"mappings":"AAAA,OAASA,OAAAA,CAAG,KAAQ,aAAc,AAElC,QAAO,MAAMC,MAAQD,CAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CvB,EAAE,CAAC,UAAW,UAAW,QAAS,UAAW,aAAa,CACvDE,GAAG,CACF,AAACC,GACC,CAAC,CAAC,EAAEA,EAAE,sBAAsB,EAAEA,EAAE,8BAA8B,EAAEA,EAAE,qCAAqC,EAAEA,EAAE,cAAc,CAAC,EAE7HC,IAAI,CAAC,IAAI;;;;;;;AAOd,CAAC,AAAC"}
+{"version":3,"sources":["../../components/tag/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\n\nexport const style = css`\n  :host {\n    display: inline-block;\n  }\n\n  .tag {\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    border-radius: calc(var(--border-radius) / 1.5);\n    padding: 0 8px;\n    font-size: var(--font-size-sm);\n    color: var(--text-color);\n    background-color: var(--component-bg);\n    gap: 5px;\n    line-height: 20px;\n\n    a {\n      text-decoration: unset;\n      color: inherit;\n    }\n  }\n\n  .icon {\n    font-size: var(--font-size-sm);\n    line-height: var(--font-size-sm);\n  }\n\n  .bordered {\n    border: 1px solid var(--border-color);\n  }\n\n  .close {\n    font-size: var(--font-size-sm);\n    cursor: pointer;\n    opacity: 0.5;\n    transition: var(--transition-duration) var(--transition-timing-function) opacity;\n    user-select: none;\n\n    &:hover {\n      opacity: 1;\n    }\n  }\n\n  ${['primary', 'success', 'error', 'warning', 'tag-custom']\n    .map(\n      (s) =>\n        `.${s} {--text-color: var(--${s}-color);--border-color: var(--${s}-secondary-bg);--component-bg: var(--${s}-details-bg);}`,\n    )\n    .join('')}\n\n  .disabled {\n    --text-color: var(--disable-color);\n    --border-color: var(--disable-border);\n    --component-bg: var(--disable-bg);\n  }\n`;\n"],"names":["css","style","map","s","join"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAASA,OAAAA,CAAG,KAAQ,aAAc,AAElC,QAAO,MAAMC,MAAQD,CAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CvB,EAAE,CAAC,UAAW,UAAW,QAAS,UAAW,aAAa,CACvDE,GAAG,CACF,AAACC,GACC,CAAC,CAAC,EAAEA,EAAE,sBAAsB,EAAEA,EAAE,8BAA8B,EAAEA,EAAE,qCAAqC,EAAEA,EAAE,cAAc,CAAC,EAE7HC,IAAI,CAAC,IAAI;;;;;;;AAOd,CAAC,AAAC"}

package/es/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/theme/index.ts"],"sourcesContent":["import {\n  type Accessor,\n  type Setter,\n  createEffect,\n  createMemo,\n  createRoot,\n  createSignal,\n  getOwner,\n} from 'solid-js';\nimport { colorParse, mixColor, toneColor } from '@moneko/common';\nimport { css } from '@moneko/css';\nexport { toneColor } from '@moneko/common';\n\n/** 生成主题色调\n * @param {string} base 基础颜色\n * @param {ThemeOption} option 配置项\n * @returns {Record<string, string>} 主题色调\n */\nexport function generateTheme(base: string, option: ThemeOption): Record<string, string> {\n  const obj = toneColor(base, option?.dark);\n  const textColor = colorParse(obj[5]);\n  const baseColor = colorParse(base);\n\n  return {\n    [`--${option.name}-text`]: textColor.setAlpha(0.65).toRgbaString(),\n    [`--${option.name}-secondary`]: textColor.setAlpha(0.45).toRgbaString(),\n    [`--${option.name}-heading`]: obj[5],\n    [`--${option.name}-active`]: obj[30],\n    [`--${option.name}-color`]: obj[40],\n    // [`--${option.name}-hover`]: obj[50],\n    [`--${option.name}-hover`]: mixColor(obj[40], obj[30], 15),\n    [`--${option.name}-secondary-bg`]: obj[70],\n    [`--${option.name}-border`]: obj[80],\n    // [`--${option.name}-outline`]: obj[90],\n    [`--${option.name}-outline`]: mixColor(obj[90], obj[40], 5),\n    [`--${option.name}-selection`]: obj[90],\n    [`--${option.name}-notify-bg`]: colorParse(obj[90]).setAlpha(0.8).toRgbaString(),\n    [`--on-${option.name}-selection`]: obj[10],\n    [`--${option.name}-shadow`]: baseColor.setAlpha(0.12).toRgbaString(),\n    [`--${option.name}-details-bg`]: obj[95],\n    [`--${option.name}-component-bg`]: obj[98],\n    [`--${option.name}-bg`]: obj[99],\n    [`--on-${option.name}-bg`]: obj[5],\n    [`--${option.name}-base-shadow`]: `0 3px 6px -4px ${baseColor\n      .setAlpha(0.12)\n      .toRgbaString()}, 0 6px 16px 0 ${baseColor\n      .setAlpha(0.08)\n      .toRgbaString()}, 0 9px 28px 8px ${baseColor.setAlpha(0.05).toRgbaString()}`,\n  };\n}\n\n/** 颜色模式 */\nexport enum ColorScheme {\n  /** 明亮 */\n  light = 'light',\n  /** 暗黑 */\n  dark = 'dark',\n  /** 跟随系统 */\n  auto = 'auto',\n}\n\nfunction createTheme() {\n  const preset =\n    ColorScheme[localStorage.getItem('color-scheme') as keyof typeof ColorScheme] || 'auto';\n  /** 检测 prefers-color-scheme 媒体查询是否为 light 模式 */\n  const media = window.matchMedia('(prefers-color-scheme: dark)');\n  const [scheme, setScheme] = createSignal<keyof typeof ColorScheme>(preset);\n  const [isDark, setIsDark] = createSignal(media.matches);\n  const [light, setLight] = createSignal({\n    primary: '#5794ff',\n    warning: '#faad14',\n    error: '#ff4d4f',\n    success: '#52c41a',\n  });\n  const [dark, setDark] = createSignal({\n    primary: '#4d81dc',\n    warning: '#bb8314',\n    error: '#901c22',\n    success: '#419418',\n  });\n  const primary = createMemo(() => generateTheme(light().primary, { name: 'primary' }));\n  const warning = createMemo(() => generateTheme(light().warning, { name: 'warning' }));\n  const success = createMemo(() => generateTheme(light().success, { name: 'success' }));\n  const error = createMemo(() => generateTheme(light().error, { name: 'error' }));\n  const lightCss = createMemo(() => {\n    return css`\n      :root,\n      :host {\n        ${primary()}\n        ${warning()}\n        ${success()}\n        ${error()}\n        --bg: transparent;\n        --disable-color: rgb(0 0 0 / 25%);\n        --disable-bg: rgb(0 0 0 / 4%);\n        --disable-border: #d9d9d9;\n        --border-color: var(--primary-border);\n        --component-bg: var(--primary-bg);\n      }\n    `;\n  });\n  const darkPrimary = createMemo(() =>\n    generateTheme(dark().primary, { name: 'primary', dark: true }),\n  );\n  const darkWarning = createMemo(() =>\n    generateTheme(dark().warning, { name: 'warning', dark: true }),\n  );\n  const darkSuccess = createMemo(() =>\n    generateTheme(dark().success, { name: 'success', dark: true }),\n  );\n  const darkError = createMemo(() => generateTheme(dark().error, { name: 'error', dark: true }));\n  const darkCss = createMemo(() => {\n    return css`\n      :root,\n      :host {\n        ${darkPrimary()}\n        ${darkWarning()}\n        ${darkError()}\n        ${darkSuccess()}\n        --bg: #1c1c1c;\n        --disable-color: rgb(255 255 255 / 25%);\n        --disable-bg: rgb(255 255 255 / 8%);\n        --disable-border: #424242;\n        --border-color: #303030;\n        --component-bg: #141414;\n        --primary-shadow: rgb(0 0 0 / 12%);\n        --primary-selection: rgb(255 255 255 / 5%);\n        --primary-details-bg: rgb(255 255 255 / 3%);\n        --primary-component-bg: #000;\n        --modal-component-bg: rgb(30 30 30 / 80%);\n      }\n    `;\n  });\n  const baseCss = css`\n    :root,\n    :host {\n      --font-size: 14px;\n      --font-size-sm: 12px;\n      --font-size-xs: 10px;\n      --font-size-lg: 16px;\n      --border-base: 1px solid var(--border-color);\n      --border-radius: 8px;\n      --text-color: var(--primary-text);\n      --text-secondary: var(--primary-secondary);\n      --text-heading: var(--primary-heading);\n      --text-selection: var(--primary-selection);\n      --box-shadow-base: var(--primary-base-shadow);\n      --transition-duration: 0.3s;\n      --mask-bg: rgb(0 0 0 / 5%);\n      --modal-component-bg: rgb(255 255 255 / 80%);\n      --modal-box-shadow: 0 5px 35px rgb(0 0 0 / 10%);\n      --notification-box-shadow: 0 4px 16px rgb(0 0 0 / 5%);\n      --transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n\n      font-size: var(--font-size);\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\n        'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n        'Noto Color Emoji', Helvetica, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans';\n      color: var(--text-color, rgb(0 0 0 / 65%));\n      line-height: 1.8;\n    }\n\n    [disabled]:not([disabled='false']) {\n      cursor: not-allowed;\n      color: var(--disable-color);\n    }\n\n    ::selection {\n      background-color: var(--text-selection);\n    }\n\n    ::-webkit-scrollbar {\n      inline-size: 4px;\n      block-size: 4px;\n    }\n  `;\n\n  function update(e: MediaQueryListEvent) {\n    setIsDark(e.matches);\n  }\n  createEffect(() => {\n    const _ = scheme();\n\n    setIsDark(_ === 'dark' || (_ === 'auto' && media.matches));\n  });\n  const baseStyle = createMemo(() => baseCss + (isDark() ? darkCss() : lightCss()));\n\n  createEffect(() => {\n    if (scheme() === 'auto') {\n      // 监听 prefers-color-scheme 媒体查询变化，自动更新颜色方案\n      media.addEventListener('change', update);\n    } else {\n      media.removeEventListener('change', update);\n    }\n    localStorage.setItem('color-scheme', scheme());\n  });\n\n  return {\n    baseStyle,\n    dark,\n    setDark,\n    light,\n    setLight,\n    scheme,\n    setScheme,\n    isDark,\n  };\n}\n\n/** API */\nexport interface Theme {\n  /** 亮色样式的主要色 */\n  light: Accessor<Color>;\n  /** 设置亮色样式的主要色 */\n  setLight: Setter<Color>;\n  /** 黑色样式的主要色 */\n  dark: Accessor<Color>;\n  /** 设置黑色样式的主要色 */\n  setDark: Setter<Color>;\n  /** 颜色模式\n   * @default 'auto'\n   */\n  scheme: Accessor<keyof typeof ColorScheme>;\n  /** 设置颜色模式 */\n  setScheme: Setter<keyof typeof ColorScheme>;\n  /** 是否为色模式 */\n  isDark: Accessor<boolean>;\n  /** 基本都样式表, 响应 scheme 变化 */\n  baseStyle: Accessor<string>;\n}\n\n/** 主要色 */\ninterface Color {\n  /** 主要\n   * @default '#5794ff'\n   */\n  primary: string;\n  /** 警告\n   * @default '#faad14'\n   */\n  warning: string;\n  /** 错误\n   * @default '#ff4d4f'\n   */\n  error: string;\n  /** 成功\n   * @default '#52c41a'\n   */\n  success: string;\n}\n\nexport interface ThemeOption {\n  /** 是否采用暗色算法\n   * @default false\n   */\n  dark?: boolean;\n  /** 颜色名称 */\n  name: string;\n}\n\nexport default createRoot<Theme>(createTheme, getOwner());\n"],"names":["ColorScheme","createEffect","createMemo","createRoot","createSignal","getOwner","colorParse","mixColor","toneColor","css","generateTheme","base","option","obj","dark","textColor","baseColor","name","setAlpha","toRgbaString","preset","localStorage","getItem","media","window","matchMedia","scheme","setScheme","isDark","setIsDark","matches","light","setLight","primary","warning","error","success","setDark","lightCss","darkPrimary","darkWarning","darkSuccess","darkError","darkCss","baseCss","update","e","_","baseStyle","addEventListener","removeEventListener","setItem"],"mappings":"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"}
+{"version":3,"sources":["../../components/theme/index.ts"],"sourcesContent":["import {\n  type Accessor,\n  type Setter,\n  createEffect,\n  createMemo,\n  createRoot,\n  createSignal,\n  getOwner,\n} from 'solid-js';\nimport { colorParse, mixColor, toneColor } from '@moneko/common';\nimport { css } from '@moneko/css';\nexport { toneColor } from '@moneko/common';\n\n/** 生成主题色调\n * @param {string} base 基础颜色\n * @param {ThemeOption} option 配置项\n * @returns {Record<string, string>} 主题色调\n */\nexport function generateTheme(base: string, option: ThemeOption): Record<string, string> {\n  const obj = toneColor(base, option?.dark);\n  const textColor = colorParse(obj[5]);\n  const baseColor = colorParse(base);\n\n  return {\n    [`--${option.name}-text`]: textColor.setAlpha(0.65).toRgbaString(),\n    [`--${option.name}-secondary`]: textColor.setAlpha(0.45).toRgbaString(),\n    [`--${option.name}-heading`]: obj[5],\n    [`--${option.name}-active`]: obj[30],\n    [`--${option.name}-color`]: obj[40],\n    // [`--${option.name}-hover`]: obj[50],\n    [`--${option.name}-hover`]: mixColor(obj[40], obj[30], 15),\n    [`--${option.name}-secondary-bg`]: obj[70],\n    [`--${option.name}-border`]: obj[80],\n    // [`--${option.name}-outline`]: obj[90],\n    [`--${option.name}-outline`]: mixColor(obj[90], obj[40], 5),\n    [`--${option.name}-selection`]: obj[90],\n    [`--${option.name}-notify-bg`]: colorParse(obj[90]).setAlpha(0.8).toRgbaString(),\n    [`--on-${option.name}-selection`]: obj[10],\n    [`--${option.name}-shadow`]: baseColor.setAlpha(0.12).toRgbaString(),\n    [`--${option.name}-details-bg`]: obj[95],\n    [`--${option.name}-component-bg`]: obj[98],\n    [`--${option.name}-bg`]: obj[99],\n    [`--on-${option.name}-bg`]: obj[5],\n    [`--${option.name}-base-shadow`]: `0 3px 6px -4px ${baseColor\n      .setAlpha(0.12)\n      .toRgbaString()}, 0 6px 16px 0 ${baseColor\n      .setAlpha(0.08)\n      .toRgbaString()}, 0 9px 28px 8px ${baseColor.setAlpha(0.05).toRgbaString()}`,\n  };\n}\n\n/** 颜色模式 */\nexport enum ColorScheme {\n  /** 明亮 */\n  light = 'light',\n  /** 暗黑 */\n  dark = 'dark',\n  /** 跟随系统 */\n  auto = 'auto',\n}\n\nfunction createTheme() {\n  const preset =\n    ColorScheme[localStorage.getItem('color-scheme') as keyof typeof ColorScheme] || 'auto';\n  /** 检测 prefers-color-scheme 媒体查询是否为 light 模式 */\n  const media = window.matchMedia('(prefers-color-scheme: dark)');\n  const [scheme, setScheme] = createSignal<keyof typeof ColorScheme>(preset);\n  const [isDark, setIsDark] = createSignal(media.matches);\n  const [light, setLight] = createSignal({\n    primary: '#5794ff',\n    warning: '#faad14',\n    error: '#ff4d4f',\n    success: '#52c41a',\n  });\n  const [dark, setDark] = createSignal({\n    primary: '#4d81dc',\n    warning: '#bb8314',\n    error: '#901c22',\n    success: '#419418',\n  });\n  const primary = createMemo(() => generateTheme(light().primary, { name: 'primary' }));\n  const warning = createMemo(() => generateTheme(light().warning, { name: 'warning' }));\n  const success = createMemo(() => generateTheme(light().success, { name: 'success' }));\n  const error = createMemo(() => generateTheme(light().error, { name: 'error' }));\n  const lightCss = createMemo(() => {\n    return css`\n      :root,\n      :host {\n        ${primary()}\n        ${warning()}\n        ${success()}\n        ${error()}\n        --bg: transparent;\n        --disable-color: rgb(0 0 0 / 25%);\n        --disable-bg: rgb(0 0 0 / 4%);\n        --disable-border: #d9d9d9;\n        --border-color: var(--primary-border);\n        --component-bg: var(--primary-bg);\n      }\n    `;\n  });\n  const darkPrimary = createMemo(() =>\n    generateTheme(dark().primary, { name: 'primary', dark: true }),\n  );\n  const darkWarning = createMemo(() =>\n    generateTheme(dark().warning, { name: 'warning', dark: true }),\n  );\n  const darkSuccess = createMemo(() =>\n    generateTheme(dark().success, { name: 'success', dark: true }),\n  );\n  const darkError = createMemo(() => generateTheme(dark().error, { name: 'error', dark: true }));\n  const darkCss = createMemo(() => {\n    return css`\n      :root,\n      :host {\n        ${darkPrimary()}\n        ${darkWarning()}\n        ${darkError()}\n        ${darkSuccess()}\n        --bg: #1c1c1c;\n        --disable-color: rgb(255 255 255 / 25%);\n        --disable-bg: rgb(255 255 255 / 8%);\n        --disable-border: #424242;\n        --border-color: #303030;\n        --component-bg: #141414;\n        --primary-shadow: rgb(0 0 0 / 12%);\n        --primary-selection: rgb(255 255 255 / 5%);\n        --primary-details-bg: rgb(255 255 255 / 3%);\n        --primary-component-bg: #000;\n        --modal-component-bg: rgb(30 30 30 / 80%);\n      }\n    `;\n  });\n  const baseCss = css`\n    :root,\n    :host {\n      --font-size: 14px;\n      --font-size-sm: 12px;\n      --font-size-xs: 10px;\n      --font-size-lg: 16px;\n      --border-base: 1px solid var(--border-color);\n      --border-radius: 8px;\n      --text-color: var(--primary-text);\n      --text-secondary: var(--primary-secondary);\n      --text-heading: var(--primary-heading);\n      --text-selection: var(--primary-selection);\n      --box-shadow-base: var(--primary-base-shadow);\n      --transition-duration: 0.3s;\n      --mask-bg: rgb(0 0 0 / 5%);\n      --modal-component-bg: rgb(255 255 255 / 80%);\n      --modal-box-shadow: 0 5px 35px rgb(0 0 0 / 10%);\n      --notification-box-shadow: 0 4px 16px rgb(0 0 0 / 5%);\n      --transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n\n      font-size: var(--font-size);\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\n        'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n        'Noto Color Emoji', Helvetica, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans';\n      color: var(--text-color, rgb(0 0 0 / 65%));\n      line-height: 1.8;\n    }\n\n    [disabled]:not([disabled='false']) {\n      cursor: not-allowed;\n      color: var(--disable-color);\n    }\n\n    ::selection {\n      background-color: var(--text-selection);\n    }\n\n    ::-webkit-scrollbar {\n      inline-size: 4px;\n      block-size: 4px;\n    }\n  `;\n\n  function update(e: MediaQueryListEvent) {\n    setIsDark(e.matches);\n  }\n  createEffect(() => {\n    const _ = scheme();\n\n    setIsDark(_ === 'dark' || (_ === 'auto' && media.matches));\n  });\n  const baseStyle = createMemo(() => baseCss + (isDark() ? darkCss() : lightCss()));\n\n  createEffect(() => {\n    if (scheme() === 'auto') {\n      // 监听 prefers-color-scheme 媒体查询变化，自动更新颜色方案\n      media.addEventListener('change', update);\n    } else {\n      media.removeEventListener('change', update);\n    }\n    localStorage.setItem('color-scheme', scheme());\n  });\n\n  return {\n    baseStyle,\n    dark,\n    setDark,\n    light,\n    setLight,\n    scheme,\n    setScheme,\n    isDark,\n  };\n}\n\n/** API */\nexport interface Theme {\n  /** 亮色样式的主要色 */\n  light: Accessor<Color>;\n  /** 设置亮色样式的主要色 */\n  setLight: Setter<Color>;\n  /** 黑色样式的主要色 */\n  dark: Accessor<Color>;\n  /** 设置黑色样式的主要色 */\n  setDark: Setter<Color>;\n  /** 颜色模式\n   * @default 'auto'\n   */\n  scheme: Accessor<keyof typeof ColorScheme>;\n  /** 设置颜色模式 */\n  setScheme: Setter<keyof typeof ColorScheme>;\n  /** 是否为色模式 */\n  isDark: Accessor<boolean>;\n  /** 基本都样式表, 响应 scheme 变化 */\n  baseStyle: Accessor<string>;\n}\n\n/** 主要色 */\ninterface Color {\n  /** 主要\n   * @default '#5794ff'\n   */\n  primary: string;\n  /** 警告\n   * @default '#faad14'\n   */\n  warning: string;\n  /** 错误\n   * @default '#ff4d4f'\n   */\n  error: string;\n  /** 成功\n   * @default '#52c41a'\n   */\n  success: string;\n}\n\nexport interface ThemeOption {\n  /** 是否采用暗色算法\n   * @default false\n   */\n  dark?: boolean;\n  /** 颜色名称 */\n  name: string;\n}\n\nexport default createRoot<Theme>(createTheme, getOwner());\n"],"names":["ColorScheme","createEffect","createMemo","createRoot","createSignal","getOwner","colorParse","mixColor","toneColor","css","generateTheme","base","option","obj","dark","textColor","baseColor","name","setAlpha","toRgbaString","preset","localStorage","getItem","media","window","matchMedia","scheme","setScheme","isDark","setIsDark","matches","light","setLight","primary","warning","error","success","setDark","lightCss","darkPrimary","darkWarning","darkSuccess","darkError","darkCss","baseCss","update","e","_","baseStyle","addEventListener","removeEventListener","setItem"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/es/tree/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/tree/index.tsx"],"sourcesContent":["import { For, createEffect, createMemo, createSignal } from 'solid-js';\nimport { frameCallback, isFunction, isString } from '@moneko/common';\nimport { css, cx } from '@moneko/css';\nimport './register';\nimport { style } from './style';\nimport schema from '../from-schema';\nimport theme from '../theme';\nimport type {\n  TreeData,\n  TreeMultipleProps,\n  TreeMultipleSchemaProps,\n  TreeMultipleStringProps,\n  TreeProps,\n  TreeSchemaProps,\n  TreeStack,\n  TreeStringProps,\n} from './type';\n\nfunction Tree(\n  _:\n    | TreeProps\n    | TreeMultipleProps\n    | TreeMultipleSchemaProps\n    | TreeSchemaProps\n    | TreeMultipleStringProps\n    | TreeStringProps,\n) {\n  const sizeCnt = {\n    small: 6,\n    normal: 8,\n    large: 10,\n  };\n  const { baseStyle } = theme;\n  let el: HTMLUListElement | undefined;\n  const [lines, setLines] = createSignal<string[]>([]);\n  const [treeData, setTreeData] = createSignal<TreeData[]>([]);\n  const rtl = createMemo(() => _.direction === 'rtl');\n  const current = createMemo(() => {\n    if (_.value !== void 0 && _.value !== null) {\n      return Array.isArray(_.value) ? _.value : [_.value];\n    }\n    return [];\n  });\n  const path = Symbol('path');\n  const pathEnd = Symbol('path-end');\n\n  function countLineLen(tree: TreeData[], depth = 0) {\n    const lastIdx = tree.length - 1;\n    const last = tree[lastIdx];\n    const frist = tree[0];\n    let line: string[] = [];\n\n    for (let i = 0, len = tree.length; i < len; i++) {\n      const item = tree[i],\n        isLast = i === lastIdx;\n\n      if (i === 0 || isLast) {\n        item[path] = frist.key + (tree.length === 1 ? '' : `>${last.key}`);\n        if (isLast) {\n          item[pathEnd] = '';\n        }\n        line.push(item[path]);\n      }\n      if (item.children) {\n        line = line.concat(countLineLen(item.children, depth + 1));\n      }\n    }\n    return line;\n  }\n\n  function parseTree(str: string): TreeData[] {\n    const depthRegex = /[^\\s|`│├└]/;\n    const rows = str.trim().split('\\n');\n    const stack: TreeStack[] = [{ title: rows[0], key: rows[0] }];\n\n    for (let i = 1; i < rows.length; i++) {\n      const depth = rows[i].search(depthRegex);\n\n      if (depth === -1) {\n        continue;\n      }\n      const node: Partial<TreeData> = {\n        title: rows[i].slice(depth + 3),\n        depth,\n      };\n\n      while (stack.length && depth <= (stack[stack.length - 1].depth || 0)) {\n        stack.pop();\n      }\n      if (!stack.length) {\n        return [];\n      }\n      const parent = stack[stack.length - 1];\n\n      if (!parent.children) {\n        parent.children = [];\n      }\n      node.key = `${parent.key}-${node.title}-${depth}-${i}`;\n      parent.children.push(node as TreeData);\n      stack.push(node as TreeData);\n    }\n\n    return [stack[0]];\n  }\n\n  function handleChange(key: string, item: TreeData) {\n    if (!_.readonly && isFunction(_.onChange)) {\n      let _current = [...current()];\n\n      if (_.multiple) {\n        const idx = _current.indexOf(key);\n\n        if (idx === -1) {\n          _current.push(key);\n        } else {\n          _current.splice(idx, 1);\n        }\n      } else if (_.toggle && _current[0] === key) {\n        _current = [];\n      } else {\n        _current = [key];\n      }\n      _.onChange(_.multiple ? _current : _current[0], item);\n    }\n  }\n  function handleClick(e: MouseEvent, item: TreeData) {\n    handleChange(item.key, item);\n    _.onRowClick?.(e, item.key as never, item as TreeData<never>);\n  }\n  function renderItem(item: TreeData, title: JSX.Element, subTitle?: JSX.Element): JSX.Element[] {\n    const row = _.renderRow?.(item, title, subTitle) || [title, subTitle];\n\n    return rtl() ? row.reverse() : row;\n  }\n\n  function renderTreeRow(list: TreeData[], depth = 0): JSX.Element {\n    return (\n      <For each={list}>\n        {(item) => {\n          const { name, title, subTitle, key, children } = item;\n          const _title = name === title || !name ? [title] : [name, title];\n\n          return (\n            <>\n              <li\n                class={cx(\n                  'row',\n                  current().includes(key) && 'active',\n                  (_.readonly || !isFunction(_.onChange)) && 'non',\n                )}\n                onClick={(e) => handleClick(e, item)}\n                onDblClick={(e) => _.onRowDoubleClick?.(e, key, item)}\n                style={depth ? { '--depth': `${depth * 2}em` } : void 0}\n                data-path-end={item[pathEnd]}\n                data-path={item[path]}\n              >\n                {renderItem(\n                  item,\n                  <span class=\"title\">{(rtl() ? _title.reverse() : _title).join(': ')}</span>,\n                  subTitle && <span class=\"sub-title\">{subTitle}</span>,\n                )}\n              </li>\n              {children ? renderTreeRow(children, depth + 1) : null}\n            </>\n          );\n        }}\n      </For>\n    );\n  }\n  createEffect(() => {\n    const data = _.fromSchema ? schema(_.data) : isString(_.data) ? parseTree(_.data) : _.data;\n\n    setLines([...new Set(countLineLen(data))]);\n    setTreeData(data);\n  });\n\n  createEffect(() => {\n    const list = lines();\n    const size = _.size || 'normal';\n\n    frameCallback(() => {\n      const len = list.length;\n\n      if (el && len) {\n        const prefixSize = sizeCnt[size];\n\n        for (let i = 0; i < len; i++) {\n          const al: NodeListOf<HTMLLIElement> = el.querySelectorAll(`li[data-path=\"${list[i]}\"]`);\n\n          if (al.length) {\n            const rect1 = al[0].getBoundingClientRect();\n            let sideLen = rect1.height / 2 + prefixSize;\n\n            if (al.length > 1) {\n              const { bottom, height, top } = al[1].getBoundingClientRect();\n\n              sideLen = i === 0 ? top - rect1.top : bottom - rect1.top - height / 2 + prefixSize;\n              al[1].style.setProperty('--c', 'none');\n            } else if (i === 0) {\n              al[0].style.setProperty('--c', 'none');\n            }\n            if (al.length !== 1 || i !== 0) {\n              al[0].style.setProperty('--line', `${Math.abs(sideLen)}px`);\n            }\n          }\n        }\n      }\n    });\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {css(_.css)}\n      </style>\n      <ul ref={el} class={cx('tree', _.size, _.class, rtl() && 'rtl')}>\n        {renderTreeRow(treeData())}\n      </ul>\n    </>\n  );\n}\n\nexport * from './type';\nexport default Tree;\n"],"names":["For","createEffect","createMemo","createSignal","frameCallback","isFunction","isString","css","cx","style","schema","theme","_","el","sizeCnt","small","normal","large","baseStyle","lines","setLines","treeData","setTreeData","rtl","direction","current","value","Array","isArray","path","Symbol","pathEnd","data","fromSchema","parseTree","str","depthRegex","rows","trim","split","stack","title","key","i","length","depth","search","node","slice","pop","parent","children","push","Set","countLineLen","tree","lastIdx","last","frist","line","len","item","isLast","concat","list","size","prefixSize","al","querySelectorAll","rect1","getBoundingClientRect","sideLen","height","bottom","top","setProperty","Math","abs","renderTreeRow","name","subTitle","_title","e","onRowDoubleClick","handleChange","readonly","onChange","_current","multiple","idx","indexOf","splice","toggle","onRowClick","renderItem","row","renderRow","reverse","join","includes","class"],"mappings":"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"}
+{"version":3,"sources":["../../components/tree/index.tsx"],"sourcesContent":["import { For, createEffect, createMemo, createSignal } from 'solid-js';\nimport { frameCallback, isFunction, isString } from '@moneko/common';\nimport { css, cx } from '@moneko/css';\nimport './register';\nimport { style } from './style';\nimport schema from '../from-schema';\nimport theme from '../theme';\nimport type {\n  TreeData,\n  TreeMultipleProps,\n  TreeMultipleSchemaProps,\n  TreeMultipleStringProps,\n  TreeProps,\n  TreeSchemaProps,\n  TreeStack,\n  TreeStringProps,\n} from './type';\n\nfunction Tree(\n  _:\n    | TreeProps\n    | TreeMultipleProps\n    | TreeMultipleSchemaProps\n    | TreeSchemaProps\n    | TreeMultipleStringProps\n    | TreeStringProps,\n) {\n  const sizeCnt = {\n    small: 6,\n    normal: 8,\n    large: 10,\n  };\n  const { baseStyle } = theme;\n  let el: HTMLUListElement | undefined;\n  const [lines, setLines] = createSignal<string[]>([]);\n  const [treeData, setTreeData] = createSignal<TreeData[]>([]);\n  const rtl = createMemo(() => _.direction === 'rtl');\n  const current = createMemo(() => {\n    if (_.value !== void 0 && _.value !== null) {\n      return Array.isArray(_.value) ? _.value : [_.value];\n    }\n    return [];\n  });\n  const path = Symbol('path');\n  const pathEnd = Symbol('path-end');\n\n  function countLineLen(tree: TreeData[], depth = 0) {\n    const lastIdx = tree.length - 1;\n    const last = tree[lastIdx];\n    const frist = tree[0];\n    let line: string[] = [];\n\n    for (let i = 0, len = tree.length; i < len; i++) {\n      const item = tree[i],\n        isLast = i === lastIdx;\n\n      if (i === 0 || isLast) {\n        item[path] = frist.key + (tree.length === 1 ? '' : `>${last.key}`);\n        if (isLast) {\n          item[pathEnd] = '';\n        }\n        line.push(item[path]);\n      }\n      if (item.children) {\n        line = line.concat(countLineLen(item.children, depth + 1));\n      }\n    }\n    return line;\n  }\n\n  function parseTree(str: string): TreeData[] {\n    const depthRegex = /[^\\s|`│├└]/;\n    const rows = str.trim().split('\\n');\n    const stack: TreeStack[] = [{ title: rows[0], key: rows[0] }];\n\n    for (let i = 1; i < rows.length; i++) {\n      const depth = rows[i].search(depthRegex);\n\n      if (depth === -1) {\n        continue;\n      }\n      const node: Partial<TreeData> = {\n        title: rows[i].slice(depth + 3),\n        depth,\n      };\n\n      while (stack.length && depth <= (stack[stack.length - 1].depth || 0)) {\n        stack.pop();\n      }\n      if (!stack.length) {\n        return [];\n      }\n      const parent = stack[stack.length - 1];\n\n      if (!parent.children) {\n        parent.children = [];\n      }\n      node.key = `${parent.key}-${node.title}-${depth}-${i}`;\n      parent.children.push(node as TreeData);\n      stack.push(node as TreeData);\n    }\n\n    return [stack[0]];\n  }\n\n  function handleChange(key: string, item: TreeData) {\n    if (!_.readonly && isFunction(_.onChange)) {\n      let _current = [...current()];\n\n      if (_.multiple) {\n        const idx = _current.indexOf(key);\n\n        if (idx === -1) {\n          _current.push(key);\n        } else {\n          _current.splice(idx, 1);\n        }\n      } else if (_.toggle && _current[0] === key) {\n        _current = [];\n      } else {\n        _current = [key];\n      }\n      _.onChange(_.multiple ? _current : _current[0], item);\n    }\n  }\n  function handleClick(e: MouseEvent, item: TreeData) {\n    handleChange(item.key, item);\n    _.onRowClick?.(e, item.key as never, item as TreeData<never>);\n  }\n  function renderItem(item: TreeData, title: JSX.Element, subTitle?: JSX.Element): JSX.Element[] {\n    const row = _.renderRow?.(item, title, subTitle) || [title, subTitle];\n\n    return rtl() ? row.reverse() : row;\n  }\n\n  function renderTreeRow(list: TreeData[], depth = 0): JSX.Element {\n    return (\n      <For each={list}>\n        {(item) => {\n          const { name, title, subTitle, key, children } = item;\n          const _title = name === title || !name ? [title] : [name, title];\n\n          return (\n            <>\n              <li\n                class={cx(\n                  'row',\n                  current().includes(key) && 'active',\n                  (_.readonly || !isFunction(_.onChange)) && 'non',\n                )}\n                onClick={(e) => handleClick(e, item)}\n                onDblClick={(e) => _.onRowDoubleClick?.(e, key, item)}\n                style={depth ? { '--depth': `${depth * 2}em` } : void 0}\n                data-path-end={item[pathEnd]}\n                data-path={item[path]}\n              >\n                {renderItem(\n                  item,\n                  <span class=\"title\">{(rtl() ? _title.reverse() : _title).join(': ')}</span>,\n                  subTitle && <span class=\"sub-title\">{subTitle}</span>,\n                )}\n              </li>\n              {children ? renderTreeRow(children, depth + 1) : null}\n            </>\n          );\n        }}\n      </For>\n    );\n  }\n  createEffect(() => {\n    const data = _.fromSchema ? schema(_.data) : isString(_.data) ? parseTree(_.data) : _.data;\n\n    setLines([...new Set(countLineLen(data))]);\n    setTreeData(data);\n  });\n\n  createEffect(() => {\n    const list = lines();\n    const size = _.size || 'normal';\n\n    frameCallback(() => {\n      const len = list.length;\n\n      if (el && len) {\n        const prefixSize = sizeCnt[size];\n\n        for (let i = 0; i < len; i++) {\n          const al: NodeListOf<HTMLLIElement> = el.querySelectorAll(`li[data-path=\"${list[i]}\"]`);\n\n          if (al.length) {\n            const rect1 = al[0].getBoundingClientRect();\n            let sideLen = rect1.height / 2 + prefixSize;\n\n            if (al.length > 1) {\n              const { bottom, height, top } = al[1].getBoundingClientRect();\n\n              sideLen = i === 0 ? top - rect1.top : bottom - rect1.top - height / 2 + prefixSize;\n              al[1].style.setProperty('--c', 'none');\n            } else if (i === 0) {\n              al[0].style.setProperty('--c', 'none');\n            }\n            if (al.length !== 1 || i !== 0) {\n              al[0].style.setProperty('--line', `${Math.abs(sideLen)}px`);\n            }\n          }\n        }\n      }\n    });\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {css(_.css)}\n      </style>\n      <ul ref={el} class={cx('tree', _.size, _.class, rtl() && 'rtl')}>\n        {renderTreeRow(treeData())}\n      </ul>\n    </>\n  );\n}\n\nexport * from './type';\nexport default Tree;\n"],"names":["For","createEffect","createMemo","createSignal","frameCallback","isFunction","isString","css","cx","style","schema","theme","_","el","sizeCnt","small","normal","large","baseStyle","lines","setLines","treeData","setTreeData","rtl","direction","current","value","Array","isArray","path","Symbol","pathEnd","data","fromSchema","parseTree","str","depthRegex","rows","trim","split","stack","title","key","i","length","depth","search","node","slice","pop","parent","children","push","Set","countLineLen","tree","lastIdx","last","frist","line","len","item","isLast","concat","list","size","prefixSize","al","querySelectorAll","rect1","getBoundingClientRect","sideLen","height","bottom","top","setProperty","Math","abs","renderTreeRow","name","subTitle","_title","e","onRowDoubleClick","handleChange","readonly","onChange","_current","multiple","idx","indexOf","splice","toggle","onRowClick","renderItem","row","renderRow","reverse","join","includes","class"],"rangeMappings":"","mappings":"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"}

package/es/tree/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/tree/register.ts"],"sourcesContent":["import { createComponent, createEffect, mergeProps } from 'solid-js';\nimport { customElement } from 'solid-element';\nimport Tree from './index';\nimport type { TreeData, TreeProps } from './type';\n\ncustomElement<TreeProps>(\n  'n-tree',\n  {\n    fromSchema: void 0,\n    size: void 0,\n    data: [],\n    multiple: void 0,\n    value: void 0,\n    onChange: void 0,\n    class: void 0,\n    css: void 0,\n    readonly: void 0,\n    toggle: void 0,\n    direction: void 0,\n    onRowClick: void 0,\n    onRowDoubleClick: void 0,\n    renderRow: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        data: el.data,\n        value: el.value,\n        multiple: el.multiple,\n        fromSchema: el.fromSchema,\n        size: el.size,\n        css: el.css,\n        readonly: el.readonly,\n        toggle: el.toggle,\n        direction: el.direction,\n        onChange(key: string, item: TreeData) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: [key, item],\n            }),\n          );\n        },\n        onRowClick(e: MouseEvent, key: string, item: TreeData) {\n          el.dispatchEvent(\n            new CustomEvent('rowclick', {\n              detail: [e, key, item],\n            }),\n          );\n        },\n        onRowDoubleClick(e: MouseEvent, key: string, item: TreeData) {\n          el.dispatchEvent(\n            new CustomEvent('rowdoubleclick', {\n              detail: [e, key, item],\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('css');\n      el.removeAttribute('data');\n    });\n    return createComponent(Tree, props);\n  },\n);\n"],"names":["createComponent","createEffect","mergeProps","customElement","Tree","fromSchema","size","data","multiple","value","onChange","class","css","readonly","toggle","direction","onRowClick","onRowDoubleClick","renderRow","_","opt","el","element","props","key","item","dispatchEvent","CustomEvent","detail","e","removeAttribute"],"mappings":"AAAA,OAASA,mBAAAA,CAAe,CAAEC,gBAAAA,CAAY,CAAEC,cAAAA,CAAU,KAAQ,UAAW,AACrE,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAC9C,QAAOC,MAAU,SAAU,CAG3BD,EACE,SACA,CACEE,WAAY,KAAK,EACjBC,KAAM,KAAK,EACXC,KAAM,EAAE,CACRC,SAAU,KAAK,EACfC,MAAO,KAAK,EACZC,SAAU,KAAK,EACfC,MAAO,KAAK,EACZC,IAAK,KAAK,EACVC,SAAU,KAAK,EACfC,OAAQ,KAAK,EACbC,UAAW,KAAK,EAChBC,WAAY,KAAK,EACjBC,iBAAkB,KAAK,EACvBC,UAAW,KAAK,CAClB,EACA,CAACC,EAAGC,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChBC,EAAQrB,EACZ,CACEK,KAAMc,EAAGd,IAAI,CACbE,MAAOY,EAAGZ,KAAK,CACfD,SAAUa,EAAGb,QAAQ,CACrBH,WAAYgB,EAAGhB,UAAU,CACzBC,KAAMe,EAAGf,IAAI,CACbM,IAAKS,EAAGT,GAAG,CACXC,SAAUQ,EAAGR,QAAQ,CACrBC,OAAQO,EAAGP,MAAM,CACjBC,UAAWM,EAAGN,SAAS,CACvBL,SAASc,CAAW,CAAEC,CAAc,EAClCJ,EAAGK,aAAa,CACd,IAAIC,YAAY,SAAU,CACxBC,OAAQ,CAACJ,EAAKC,EAAK,AACrB,GAEJ,EACAT,WAAWa,CAAa,CAAEL,CAAW,CAAEC,CAAc,EACnDJ,EAAGK,aAAa,CACd,IAAIC,YAAY,WAAY,CAC1BC,OAAQ,CAACC,EAAGL,EAAKC,EAAK,AACxB,GAEJ,EACAR,iBAAiBY,CAAa,CAAEL,CAAW,CAAEC,CAAc,EACzDJ,EAAGK,aAAa,CACd,IAAIC,YAAY,iBAAkB,CAChCC,OAAQ,CAACC,EAAGL,EAAKC,EAAK,AACxB,GAEJ,CACF,EACAN,GAOF,OAJAlB,EAAa,KACXoB,EAAGS,eAAe,CAAC,OACnBT,EAAGS,eAAe,CAAC,OACrB,GACO9B,EAAgBI,EAAMmB,EAC/B"}
+{"version":3,"sources":["../../components/tree/register.ts"],"sourcesContent":["import { createComponent, createEffect, mergeProps } from 'solid-js';\nimport { customElement } from 'solid-element';\nimport Tree from './index';\nimport type { TreeData, TreeProps } from './type';\n\ncustomElement<TreeProps>(\n  'n-tree',\n  {\n    fromSchema: void 0,\n    size: void 0,\n    data: [],\n    multiple: void 0,\n    value: void 0,\n    onChange: void 0,\n    class: void 0,\n    css: void 0,\n    readonly: void 0,\n    toggle: void 0,\n    direction: void 0,\n    onRowClick: void 0,\n    onRowDoubleClick: void 0,\n    renderRow: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        data: el.data,\n        value: el.value,\n        multiple: el.multiple,\n        fromSchema: el.fromSchema,\n        size: el.size,\n        css: el.css,\n        readonly: el.readonly,\n        toggle: el.toggle,\n        direction: el.direction,\n        onChange(key: string, item: TreeData) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: [key, item],\n            }),\n          );\n        },\n        onRowClick(e: MouseEvent, key: string, item: TreeData) {\n          el.dispatchEvent(\n            new CustomEvent('rowclick', {\n              detail: [e, key, item],\n            }),\n          );\n        },\n        onRowDoubleClick(e: MouseEvent, key: string, item: TreeData) {\n          el.dispatchEvent(\n            new CustomEvent('rowdoubleclick', {\n              detail: [e, key, item],\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('css');\n      el.removeAttribute('data');\n    });\n    return createComponent(Tree, props);\n  },\n);\n"],"names":["createComponent","createEffect","mergeProps","customElement","Tree","fromSchema","size","data","multiple","value","onChange","class","css","readonly","toggle","direction","onRowClick","onRowDoubleClick","renderRow","_","opt","el","element","props","key","item","dispatchEvent","CustomEvent","detail","e","removeAttribute"],"rangeMappings":"","mappings":"AAAA,OAASA,mBAAAA,CAAe,CAAEC,gBAAAA,CAAY,CAAEC,cAAAA,CAAU,KAAQ,UAAW,AACrE,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAC9C,QAAOC,MAAU,SAAU,CAG3BD,EACE,SACA,CACEE,WAAY,KAAK,EACjBC,KAAM,KAAK,EACXC,KAAM,EAAE,CACRC,SAAU,KAAK,EACfC,MAAO,KAAK,EACZC,SAAU,KAAK,EACfC,MAAO,KAAK,EACZC,IAAK,KAAK,EACVC,SAAU,KAAK,EACfC,OAAQ,KAAK,EACbC,UAAW,KAAK,EAChBC,WAAY,KAAK,EACjBC,iBAAkB,KAAK,EACvBC,UAAW,KAAK,CAClB,EACA,CAACC,EAAGC,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChBC,EAAQrB,EACZ,CACEK,KAAMc,EAAGd,IAAI,CACbE,MAAOY,EAAGZ,KAAK,CACfD,SAAUa,EAAGb,QAAQ,CACrBH,WAAYgB,EAAGhB,UAAU,CACzBC,KAAMe,EAAGf,IAAI,CACbM,IAAKS,EAAGT,GAAG,CACXC,SAAUQ,EAAGR,QAAQ,CACrBC,OAAQO,EAAGP,MAAM,CACjBC,UAAWM,EAAGN,SAAS,CACvBL,SAASc,CAAW,CAAEC,CAAc,EAClCJ,EAAGK,aAAa,CACd,IAAIC,YAAY,SAAU,CACxBC,OAAQ,CAACJ,EAAKC,EAAK,AACrB,GAEJ,EACAT,WAAWa,CAAa,CAAEL,CAAW,CAAEC,CAAc,EACnDJ,EAAGK,aAAa,CACd,IAAIC,YAAY,WAAY,CAC1BC,OAAQ,CAACC,EAAGL,EAAKC,EAAK,AACxB,GAEJ,EACAR,iBAAiBY,CAAa,CAAEL,CAAW,CAAEC,CAAc,EACzDJ,EAAGK,aAAa,CACd,IAAIC,YAAY,iBAAkB,CAChCC,OAAQ,CAACC,EAAGL,EAAKC,EAAK,AACxB,GAEJ,CACF,EACAN,GAOF,OAJAlB,EAAa,KACXoB,EAAGS,eAAe,CAAC,OACnBT,EAAGS,eAAe,CAAC,OACrB,GACO9B,EAAgBI,EAAMmB,EAC/B"}

package/es/tree/style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/tree/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\n\nexport const style = css`\n  .tree {\n    --size: 8px;\n\n    padding-inline-start: 2em;\n    inline-size: 100%;\n    box-sizing: border-box;\n  }\n\n  .row {\n    position: relative;\n    z-index: 0;\n    display: flex;\n    align-items: baseline;\n    border-radius: var(--border-radius);\n    padding: 2px 10px;\n    color: var(--text-color);\n    background-color: var(--component-bg);\n    list-style: none;\n    box-shadow: 0 0 0 1px var(--border-color);\n    margin-inline-start: var(--depth);\n    margin-block-end: var(--size);\n    cursor: pointer;\n    box-sizing: border-box;\n    min-inline-size: 160px;\n    inline-size: fit-content;\n  }\n\n  .row.non {\n    cursor: auto;\n  }\n\n  .row::before,\n  .row::after {\n    position: absolute;\n    pointer-events: none;\n    z-index: -1;\n    inset-inline-start: 0;\n    transition-property: border-color;\n  }\n\n  .row:not(:first-of-type, :last-of-type, [data-path-end])::before {\n    content: '';\n    inset-inline-start: -1em;\n    inset-block-start: 50%;\n    inline-size: 1em;\n    block-size: 100%;\n    border-block-start: 1px solid var(--border-color);\n    box-sizing: border-box;\n  }\n\n  .row[data-path] {\n    --r: 0 0 0 var(--border-radius);\n    --c: '';\n\n    &::after {\n      border-style: solid;\n      border-width: 0 0 1px 1px;\n      border-color: var(--border-color);\n      border-radius: var(--r);\n      content: var(--c);\n      inline-size: 1em;\n      inset-block-start: calc(var(--size) * -1);\n      inset-inline-start: -1em;\n      block-size: var(--line);\n      box-sizing: border-box;\n    }\n  }\n\n  .row:first-of-type {\n    --r: var(--border-radius) 0 0 var(--border-radius);\n\n    &[data-path]::after {\n      border-width: 1px 0 1px 1px;\n      inset-block-start: 15px;\n    }\n  }\n\n  .row:last-of-type {\n    margin-block-end: 0;\n  }\n\n  .title {\n    font-size: 14px;\n    font-weight: normal;\n  }\n\n  .sub-title {\n    padding: 0 var(--size);\n    font-size: 10px;\n    color: var(--text-secondary);\n    font-style: italic;\n    text-transform: capitalize;\n    opacity: 0.5;\n  }\n\n  .row.active {\n    color: var(--primary-color);\n    background-color: var(--primary-selection);\n    box-shadow: 0 0 0 1px var(--primary-border);\n    text-shadow: 2px 2px 2px var(--primary-outline);\n  }\n\n  .rtl {\n    direction: rtl;\n  }\n\n  .rtl .row {\n    flex-direction: row-reverse;\n    justify-content: flex-end;\n\n    &::before,\n    &::after {\n      transform: scaleX(-1);\n    }\n  }\n\n  .normal {\n    --size: 8px;\n  }\n\n  .small {\n    --size: 6px;\n  }\n\n  .small .row {\n    padding: 1px 9px;\n\n    &:first-of-type[data-path]::after {\n      inset-block-start: 12px;\n    }\n  }\n\n  .small .title {\n    font-size: 13px;\n  }\n\n  .small .sub-title {\n    padding: 0 4px;\n    font-size: 9px;\n  }\n\n  .large {\n    --size: 10px;\n  }\n\n  .large .row {\n    padding: 3px 12px;\n\n    &:first-of-type[data-path]::after {\n      inset-block-start: 17px;\n    }\n  }\n\n  .large .title {\n    font-size: 15px;\n  }\n\n  .large .sub-title {\n    padding: 0 10px;\n    font-size: 12px;\n  }\n`;\n"],"names":["css","style"],"mappings":"AAAA,OAASA,OAAAA,CAAG,KAAQ,aAAc,AAElC,QAAO,MAAMC,MAAQD,CAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKzB,CAAC,AAAC"}
+{"version":3,"sources":["../../components/tree/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\n\nexport const style = css`\n  .tree {\n    --size: 8px;\n\n    padding-inline-start: 2em;\n    inline-size: 100%;\n    box-sizing: border-box;\n  }\n\n  .row {\n    position: relative;\n    z-index: 0;\n    display: flex;\n    align-items: baseline;\n    border-radius: var(--border-radius);\n    padding: 2px 10px;\n    color: var(--text-color);\n    background-color: var(--component-bg);\n    list-style: none;\n    box-shadow: 0 0 0 1px var(--border-color);\n    margin-inline-start: var(--depth);\n    margin-block-end: var(--size);\n    cursor: pointer;\n    box-sizing: border-box;\n    min-inline-size: 160px;\n    inline-size: fit-content;\n  }\n\n  .row.non {\n    cursor: auto;\n  }\n\n  .row::before,\n  .row::after {\n    position: absolute;\n    pointer-events: none;\n    z-index: -1;\n    inset-inline-start: 0;\n    transition-property: border-color;\n  }\n\n  .row:not(:first-of-type, :last-of-type, [data-path-end])::before {\n    content: '';\n    inset-inline-start: -1em;\n    inset-block-start: 50%;\n    inline-size: 1em;\n    block-size: 100%;\n    border-block-start: 1px solid var(--border-color);\n    box-sizing: border-box;\n  }\n\n  .row[data-path] {\n    --r: 0 0 0 var(--border-radius);\n    --c: '';\n\n    &::after {\n      border-style: solid;\n      border-width: 0 0 1px 1px;\n      border-color: var(--border-color);\n      border-radius: var(--r);\n      content: var(--c);\n      inline-size: 1em;\n      inset-block-start: calc(var(--size) * -1);\n      inset-inline-start: -1em;\n      block-size: var(--line);\n      box-sizing: border-box;\n    }\n  }\n\n  .row:first-of-type {\n    --r: var(--border-radius) 0 0 var(--border-radius);\n\n    &[data-path]::after {\n      border-width: 1px 0 1px 1px;\n      inset-block-start: 15px;\n    }\n  }\n\n  .row:last-of-type {\n    margin-block-end: 0;\n  }\n\n  .title {\n    font-size: 14px;\n    font-weight: normal;\n  }\n\n  .sub-title {\n    padding: 0 var(--size);\n    font-size: 10px;\n    color: var(--text-secondary);\n    font-style: italic;\n    text-transform: capitalize;\n    opacity: 0.5;\n  }\n\n  .row.active {\n    color: var(--primary-color);\n    background-color: var(--primary-selection);\n    box-shadow: 0 0 0 1px var(--primary-border);\n    text-shadow: 2px 2px 2px var(--primary-outline);\n  }\n\n  .rtl {\n    direction: rtl;\n  }\n\n  .rtl .row {\n    flex-direction: row-reverse;\n    justify-content: flex-end;\n\n    &::before,\n    &::after {\n      transform: scaleX(-1);\n    }\n  }\n\n  .normal {\n    --size: 8px;\n  }\n\n  .small {\n    --size: 6px;\n  }\n\n  .small .row {\n    padding: 1px 9px;\n\n    &:first-of-type[data-path]::after {\n      inset-block-start: 12px;\n    }\n  }\n\n  .small .title {\n    font-size: 13px;\n  }\n\n  .small .sub-title {\n    padding: 0 4px;\n    font-size: 9px;\n  }\n\n  .large {\n    --size: 10px;\n  }\n\n  .large .row {\n    padding: 3px 12px;\n\n    &:first-of-type[data-path]::after {\n      inset-block-start: 17px;\n    }\n  }\n\n  .large .title {\n    font-size: 15px;\n  }\n\n  .large .sub-title {\n    padding: 0 10px;\n    font-size: 12px;\n  }\n`;\n"],"names":["css","style"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAASA,OAAAA,CAAG,KAAQ,aAAc,AAElC,QAAO,MAAMC,MAAQD,CAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKzB,CAAC,AAAC"}

package/es/tree/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/tree/type.ts"],"names":[],"mappings":""}
+{"version":3,"sources":["../../components/tree/type.ts"],"names":[],"rangeMappings":"","mappings":""}

package/es/typography/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/typography/index.tsx"],"sourcesContent":["import { createComponent, createEffect, createMemo, mergeProps } from 'solid-js';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { Dynamic } from 'solid-js/web';\nimport theme from '../theme';\nimport type { CustomElement } from '..';\n\nexport interface TypographyProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 文本格式\n   * @default 'text'\n   */\n  type?: 'primary' | 'warning' | 'success' | 'error' | 'text' | 'secondary';\n  /** 启用超出隐藏\n   * @default false\n   */\n  truncated?: boolean | number;\n  /** 自定义标签名\n   * @default 'span'\n   */\n  tag?: string;\n  /** 禁用 */\n  disabled?: boolean;\n  children?: JSX.Element;\n  style?: Record<string, string | number>;\n}\n\nfunction Typography(props: TypographyProps) {\n  const { baseStyle } = theme;\n  const _ = mergeProps(\n    {\n      type: 'text',\n      tag: 'span',\n    },\n    props,\n  );\n  const customCss = createMemo(() => {\n    let color = props.type === 'secondary' ? '--text-secondary' : `--${props.type}-color`;\n\n    if (props.type === 'error') {\n      color = '--error-color';\n    } else if (props.disabled) {\n      color = '--disable-color';\n    }\n    let truncated = '';\n\n    if (props.truncated) {\n      truncated = css`\n        overflow: hidden;\n        /* stylelint-disable-next-line */\n        display: -webkit-box;\n        -webkit-box-orient: block-axis;\n        -webkit-line-clamp: ${(typeof props.truncated === 'number' && props.truncated) || 1};\n      `;\n    }\n\n    return css`\n      :host {\n        display: inline-block;\n        max-inline-size: 100%;\n      }\n\n      .typography {\n        font-size: var(--font-size);\n        word-break: break-word;\n        word-wrap: break-word;\n        color: var(${color});\n        cursor: ${props.disabled ? 'not-allowed' : 'auto'};\n        ${truncated}\n      }\n    `;\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {customCss()}\n        {css(props.css)}\n      </style>\n      <Dynamic component={_.tag} class={cx('typography', _.class)} style={_.style}>\n        {_.children}\n      </Dynamic>\n    </>\n  );\n}\n\nexport type TypographyElement = CustomElement<TypographyProps>;\n\ncustomElement<TypographyProps>(\n  'n-typography',\n  {\n    class: void 0,\n    css: void 0,\n    type: void 0,\n    truncated: void 0,\n    tag: void 0,\n    disabled: void 0,\n    style: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        children: [...el.childNodes.values()],\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.replaceChildren();\n    });\n    return createComponent(Typography, props);\n  },\n);\nexport default Typography;\n"],"names":["createComponent","createEffect","createMemo","mergeProps","css","cx","customElement","Dynamic","theme","Typography","props","baseStyle","_","type","tag","customCss","color","disabled","truncated","class","style","children","opt","el","element","childNodes","values","replaceChildren"],"mappings":"+IAAA,QAASA,mBAAAA,CAAe,CAAEC,gBAAAA,CAAY,CAAEC,cAAAA,CAAU,CAAEC,cAAAA,CAAU,KAAQ,UAAW,AACjF,QAASC,OAAAA,CAAG,CAAEC,MAAAA,CAAE,KAAQ,aAAc,AACtC,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAC9C,QAASC,WAAAA,CAAO,KAAQ,cAAe,AACvC,QAAOC,MAAW,UAAW,CA0B7B,SAASC,EAAWC,CAAsB,EACxC,GAAM,CAAEC,UAAAA,CAAS,CAAE,CAAGH,EAChBI,EAAIT,EACR,CACEU,KAAM,OACNC,IAAK,MACP,EACAJ,GAEIK,EAAYb,EAAW,KAC3B,IAAIc,EAAQN,AAAe,cAAfA,EAAMG,IAAI,CAAmB,mBAAqB,CAAC,EAAE,EAAEH,EAAMG,IAAI,CAAC,MAAM,CAAC,AAEjFH,AAAe,CAAA,UAAfA,EAAMG,IAAI,CACZG,EAAQ,gBACCN,EAAMO,QAAQ,EACvBD,CAAAA,EAAQ,iBAAgB,EAE1B,IAAIE,EAAY,GAYhB,OAVIR,EAAMQ,SAAS,EACjBA,CAAAA,EAAYd,CAAG,CAAC;;;;;4BAKM,EAAE,AAA4B,UAA3B,OAAOM,EAAMQ,SAAS,EAAiBR,EAAMQ,SAAS,EAAK,EAAE;MACtF,CAAC,AAAD,EAGKd,CAAG,CAAC;;;;;;;;;;mBAUI,EAAEY,EAAM;gBACX,EAAEN,EAAMO,QAAQ,CAAG,cAAgB,OAAO;QAClD,EAAEC,EAAU;;IAEhB,CAAC,AACH,GAEA,kCAGOP,YACAI,gBACAX,EAAIM,EAAMN,GAAG,gBAEfG,0BAAmBK,EAAEE,GAAG,qBAAST,EAAG,aAAcO,EAAEO,KAAK,sBAAUP,EAAEQ,KAAK,wBACxER,EAAES,QAAQ,IAInB,CAIAf,EACE,eACA,CACEa,MAAO,KAAK,EACZf,IAAK,KAAK,EACVS,KAAM,KAAK,EACXK,UAAW,KAAK,EAChBJ,IAAK,KAAK,EACVG,SAAU,KAAK,EACfG,MAAO,KAAK,CACd,EACA,CAACR,EAAGU,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChBd,EAAQP,EACZ,CACEkB,SAAU,IAAIE,EAAGE,UAAU,CAACC,MAAM,GAAG,AACvC,EACAd,GAMF,OAHAX,EAAa,KACXsB,EAAGI,eAAe,EACpB,GACO3B,EAAgBS,EAAYC,EACrC,EAEF,gBAAeD,CAAW"}
+{"version":3,"sources":["../../components/typography/index.tsx"],"sourcesContent":["import { createComponent, createEffect, createMemo, mergeProps } from 'solid-js';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { Dynamic } from 'solid-js/web';\nimport theme from '../theme';\nimport type { CustomElement } from '..';\n\nexport interface TypographyProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 文本格式\n   * @default 'text'\n   */\n  type?: 'primary' | 'warning' | 'success' | 'error' | 'text' | 'secondary';\n  /** 启用超出隐藏\n   * @default false\n   */\n  truncated?: boolean | number;\n  /** 自定义标签名\n   * @default 'span'\n   */\n  tag?: string;\n  /** 禁用 */\n  disabled?: boolean;\n  children?: JSX.Element;\n  style?: Record<string, string | number>;\n}\n\nfunction Typography(props: TypographyProps) {\n  const { baseStyle } = theme;\n  const _ = mergeProps(\n    {\n      type: 'text',\n      tag: 'span',\n    },\n    props,\n  );\n  const customCss = createMemo(() => {\n    let color = props.type === 'secondary' ? '--text-secondary' : `--${props.type}-color`;\n\n    if (props.type === 'error') {\n      color = '--error-color';\n    } else if (props.disabled) {\n      color = '--disable-color';\n    }\n    let truncated = '';\n\n    if (props.truncated) {\n      truncated = css`\n        overflow: hidden;\n        /* stylelint-disable-next-line */\n        display: -webkit-box;\n        -webkit-box-orient: block-axis;\n        -webkit-line-clamp: ${(typeof props.truncated === 'number' && props.truncated) || 1};\n      `;\n    }\n\n    return css`\n      :host {\n        display: inline-block;\n        max-inline-size: 100%;\n      }\n\n      .typography {\n        font-size: var(--font-size);\n        word-break: break-word;\n        word-wrap: break-word;\n        color: var(${color});\n        cursor: ${props.disabled ? 'not-allowed' : 'auto'};\n        ${truncated}\n      }\n    `;\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {customCss()}\n        {css(props.css)}\n      </style>\n      <Dynamic component={_.tag} class={cx('typography', _.class)} style={_.style}>\n        {_.children}\n      </Dynamic>\n    </>\n  );\n}\n\nexport type TypographyElement = CustomElement<TypographyProps>;\n\ncustomElement<TypographyProps>(\n  'n-typography',\n  {\n    class: void 0,\n    css: void 0,\n    type: void 0,\n    truncated: void 0,\n    tag: void 0,\n    disabled: void 0,\n    style: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        children: [...el.childNodes.values()],\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.replaceChildren();\n    });\n    return createComponent(Typography, props);\n  },\n);\nexport default Typography;\n"],"names":["createComponent","createEffect","createMemo","mergeProps","css","cx","customElement","Dynamic","theme","Typography","props","baseStyle","_","type","tag","customCss","color","disabled","truncated","class","style","children","opt","el","element","childNodes","values","replaceChildren"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"+IAAA,QAASA,mBAAAA,CAAe,CAAEC,gBAAAA,CAAY,CAAEC,cAAAA,CAAU,CAAEC,cAAAA,CAAU,KAAQ,UAAW,AACjF,QAASC,OAAAA,CAAG,CAAEC,MAAAA,CAAE,KAAQ,aAAc,AACtC,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAC9C,QAASC,WAAAA,CAAO,KAAQ,cAAe,AACvC,QAAOC,MAAW,UAAW,CA0B7B,SAASC,EAAWC,CAAsB,EACxC,GAAM,CAAEC,UAAAA,CAAS,CAAE,CAAGH,EAChBI,EAAIT,EACR,CACEU,KAAM,OACNC,IAAK,MACP,EACAJ,GAEIK,EAAYb,EAAW,KAC3B,IAAIc,EAAQN,AAAe,cAAfA,EAAMG,IAAI,CAAmB,mBAAqB,CAAC,EAAE,EAAEH,EAAMG,IAAI,CAAC,MAAM,CAAC,AAEjFH,AAAe,CAAA,UAAfA,EAAMG,IAAI,CACZG,EAAQ,gBACCN,EAAMO,QAAQ,EACvBD,CAAAA,EAAQ,iBAAgB,EAE1B,IAAIE,EAAY,GAYhB,OAVIR,EAAMQ,SAAS,EACjBA,CAAAA,EAAYd,CAAG,CAAC;;;;;4BAKM,EAAE,AAA4B,UAA3B,OAAOM,EAAMQ,SAAS,EAAiBR,EAAMQ,SAAS,EAAK,EAAE;MACtF,CAAC,AAAD,EAGKd,CAAG,CAAC;;;;;;;;;;mBAUI,EAAEY,EAAM;gBACX,EAAEN,EAAMO,QAAQ,CAAG,cAAgB,OAAO;QAClD,EAAEC,EAAU;;IAEhB,CAAC,AACH,GAEA,kCAGOP,YACAI,gBACAX,EAAIM,EAAMN,GAAG,gBAEfG,0BAAmBK,EAAEE,GAAG,qBAAST,EAAG,aAAcO,EAAEO,KAAK,sBAAUP,EAAEQ,KAAK,wBACxER,EAAES,QAAQ,IAInB,CAIAf,EACE,eACA,CACEa,MAAO,KAAK,EACZf,IAAK,KAAK,EACVS,KAAM,KAAK,EACXK,UAAW,KAAK,EAChBJ,IAAK,KAAK,EACVG,SAAU,KAAK,EACfG,MAAO,KAAK,CACd,EACA,CAACR,EAAGU,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChBd,EAAQP,EACZ,CACEkB,SAAU,IAAIE,EAAGE,UAAU,CAACC,MAAM,GAAG,AACvC,EACAd,GAMF,OAHAX,EAAa,KACXsB,EAAGI,eAAe,EACpB,GACO3B,EAAgBS,EAAYC,EACrC,EAEF,gBAAeD,CAAW"}

package/lib/@moneko/coverage/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/@moneko/coverage/index.ts"],"names":[],"mappings":""}
+{"version":3,"sources":["../../../components/@moneko/coverage/index.ts"],"names":[],"rangeMappings":"","mappings":""}

package/lib/@moneko/info/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/@moneko/info/index.ts"],"names":[],"mappings":""}
+{"version":3,"sources":["../../../components/@moneko/info/index.ts"],"names":[],"rangeMappings":"","mappings":""}

package/lib/@moneko/locales/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/@moneko/locales/index.ts"],"names":[],"mappings":""}
+{"version":3,"sources":["../../../components/@moneko/locales/index.ts"],"names":[],"rangeMappings":"","mappings":""}

package/lib/@moneko/routes/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/@moneko/routes/index.ts"],"names":[],"mappings":""}
+{"version":3,"sources":["../../../components/@moneko/routes/index.ts"],"names":[],"rangeMappings":"","mappings":""}

package/lib/avatar/group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/avatar/group.tsx"],"sourcesContent":["import { For, Show, createMemo, mergeProps, splitProps } from 'solid-js';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport '../avatar';\nimport '../popover';\nimport type { AvatarProps, BasicConfig, CustomElement } from '..';\n\nconst style = css`\n  .group {\n    display: inline-flex;\n    align-items: center;\n\n    & > n-avatar {\n      display: flex;\n    }\n\n    & > n-avatar:not(:first-child),\n    & > n-popover {\n      margin-inline-start: -4%;\n      transition: margin-inline-start var(--transition-duration);\n\n      &:hover:not(n-popover) {\n        margin-inline-start: 4px;\n\n        &:has(+ n-avatar),\n        &:has(+ n-popover) {\n          margin-inline-end: calc(4% + 4px);\n        }\n      }\n    }\n  }\n`;\n\nconst moreCss = css`\n  .more {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow-y: auto;\n    padding: 8px;\n    max-inline-size: 60vi;\n    max-block-size: 80vb;\n    gap: 8px;\n    flex-wrap: wrap;\n\n    & > n-avatar {\n      display: flex;\n    }\n  }\n`;\n\nexport interface AvatarGroupProps {\n  /** 头像数据 */\n  data?: Omit<AvatarProps, 'size'>[];\n  /** 头像尺寸\n   * @default 'normal'\n   */\n  size?: BasicConfig['size'];\n  /** 最多显示个数 */\n  maxCount?: number;\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n}\nexport type AvatarGroupElement = CustomElement<AvatarGroupProps>;\n\nconst defaultProps: AvatarGroupProps = {\n  data: [],\n  size: void 0,\n  class: void 0,\n  maxCount: void 0,\n  css: void 0,\n};\n\nfunction AvatarGroup(_props: AvatarGroupProps) {\n  const props = mergeProps(defaultProps, _props);\n  const [local, other] = splitProps(props, ['data', 'maxCount', 'class', 'size', 'css']);\n  const data = createMemo(() => local.data || []);\n  const showAvatar = createMemo(() => data().slice(0, local.maxCount));\n  const more = createMemo(() => {\n    const _data = data();\n    const len = _data.length - (local.maxCount || _data.length);\n\n    if (len > 0) {\n      return _data.slice(-len);\n    }\n    return [];\n  });\n\n  return (\n    <>\n      <style>\n        {style}\n        {css(local.css)}\n      </style>\n      <div {...other} class={cx('group', local.class)}>\n        <For each={showAvatar()}>{(a) => <n-avatar {...a} size={local.size} />}</For>\n        <Show when={more().length}>\n          <n-popover\n            arrow={true}\n            trigger=\"click\"\n            popup-css={moreCss}\n            content={\n              <div class=\"more\">\n                <For each={more()}>{(a) => <n-avatar {...a} size={local.size} />}</For>\n              </div>\n            }\n          >\n            <n-avatar size={local.size} username={`+${more().length}`} />\n          </n-popover>\n        </Show>\n      </div>\n    </>\n  );\n}\n\ncustomElement<AvatarGroupProps>('n-avatar-group', defaultProps, AvatarGroup);\n\nexport default AvatarGroup;\n"],"names":["style","css","moreCss","defaultProps","data","size","class","maxCount","AvatarGroup","_props","props","mergeProps","local","other","splitProps","createMemo","showAvatar","slice","more","_data","len","length","cx","For","a","Show","customElement"],"mappings":"kGAuHA,+CAAA,+CAvH8D,sBACtC,yBACM,yBACvB,qBACA,sNAGDA,EAAQC,GAAAA,KAAG,CAAA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;AAwBlB,CAAC,CAEKC,EAAUD,GAAAA,KAAG,CAAA,CAAC;;;;;;;;;;;;;;;;AAgBpB,CAAC,CAkBKE,EAAiC,CACrCC,KAAM,EAAE,CACRC,KAAM,KAAK,EACXC,MAAO,KAAK,EACZC,SAAU,KAAK,EACfN,IAAK,KAAK,CACZ,EAEA,SAASO,EAAYC,CAAwB,EAC3C,IAAMC,EAAQC,GAAAA,YAAU,EAACR,EAAcM,GACjC,CAACG,EAAOC,EAAM,CAAGC,GAAAA,YAAU,EAACJ,EAAO,CAAC,OAAQ,WAAY,QAAS,OAAQ,MAAM,EAC/EN,EAAOW,GAAAA,YAAU,EAAC,IAAMH,EAAMR,IAAI,EAAI,EAAE,EACxCY,EAAaD,GAAAA,YAAU,EAAC,IAAMX,IAAOa,KAAK,CAAC,EAAGL,EAAML,QAAQ,GAC5DW,EAAOH,GAAAA,YAAU,EAAC,KACtB,IAAMI,EAAQf,IACRgB,EAAMD,EAAME,MAAM,CAAIT,CAAAA,EAAML,QAAQ,EAAIY,EAAME,MAAM,AAAD,SAEzD,AAAID,EAAM,EACDD,EAAMF,KAAK,CAAC,CAACG,GAEf,EAAE,AACX,GAEA,4CAGOpB,2BACAC,GAAAA,KAAG,EAACW,EAAMX,GAAG,oEAEPY,qBAAcS,GAAAA,IAAE,EAAC,QAASV,EAAMN,KAAK,iDAC3CiB,KAAG,oBAAOP,cAAe,AAACQ,yDAAoBA,qBAASZ,EAAMP,IAAI,yFACjEoB,MAAI,oBAAOP,IAAOG,MAAM,yDAEd,CAAA,aAEInB,uEAGNqB,KAAG,oBAAOL,cAAS,AAACM,yDAAoBA,qBAASZ,EAAMP,IAAI,kIAIhDO,EAAMP,IAAI,GAAY,CAAC,CAAC,EAAEa,IAAOG,MAAM,CAAC,CAAC,oHAMrE,CAEAK,GAAAA,eAAa,EAAmB,iBAAkBvB,EAAcK,SAEhE,EAAeA"}
+{"version":3,"sources":["../../components/avatar/group.tsx"],"sourcesContent":["import { For, Show, createMemo, mergeProps, splitProps } from 'solid-js';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport '../avatar';\nimport '../popover';\nimport type { AvatarProps, BasicConfig, CustomElement } from '..';\n\nconst style = css`\n  .group {\n    display: inline-flex;\n    align-items: center;\n\n    & > n-avatar {\n      display: flex;\n    }\n\n    & > n-avatar:not(:first-child),\n    & > n-popover {\n      margin-inline-start: -4%;\n      transition: margin-inline-start var(--transition-duration);\n\n      &:hover:not(n-popover) {\n        margin-inline-start: 4px;\n\n        &:has(+ n-avatar),\n        &:has(+ n-popover) {\n          margin-inline-end: calc(4% + 4px);\n        }\n      }\n    }\n  }\n`;\n\nconst moreCss = css`\n  .more {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow-y: auto;\n    padding: 8px;\n    max-inline-size: 60vi;\n    max-block-size: 80vb;\n    gap: 8px;\n    flex-wrap: wrap;\n\n    & > n-avatar {\n      display: flex;\n    }\n  }\n`;\n\nexport interface AvatarGroupProps {\n  /** 头像数据 */\n  data?: Omit<AvatarProps, 'size'>[];\n  /** 头像尺寸\n   * @default 'normal'\n   */\n  size?: BasicConfig['size'];\n  /** 最多显示个数 */\n  maxCount?: number;\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n}\nexport type AvatarGroupElement = CustomElement<AvatarGroupProps>;\n\nconst defaultProps: AvatarGroupProps = {\n  data: [],\n  size: void 0,\n  class: void 0,\n  maxCount: void 0,\n  css: void 0,\n};\n\nfunction AvatarGroup(_props: AvatarGroupProps) {\n  const props = mergeProps(defaultProps, _props);\n  const [local, other] = splitProps(props, ['data', 'maxCount', 'class', 'size', 'css']);\n  const data = createMemo(() => local.data || []);\n  const showAvatar = createMemo(() => data().slice(0, local.maxCount));\n  const more = createMemo(() => {\n    const _data = data();\n    const len = _data.length - (local.maxCount || _data.length);\n\n    if (len > 0) {\n      return _data.slice(-len);\n    }\n    return [];\n  });\n\n  return (\n    <>\n      <style>\n        {style}\n        {css(local.css)}\n      </style>\n      <div {...other} class={cx('group', local.class)}>\n        <For each={showAvatar()}>{(a) => <n-avatar {...a} size={local.size} />}</For>\n        <Show when={more().length}>\n          <n-popover\n            arrow={true}\n            trigger=\"click\"\n            popup-css={moreCss}\n            content={\n              <div class=\"more\">\n                <For each={more()}>{(a) => <n-avatar {...a} size={local.size} />}</For>\n              </div>\n            }\n          >\n            <n-avatar size={local.size} username={`+${more().length}`} />\n          </n-popover>\n        </Show>\n      </div>\n    </>\n  );\n}\n\ncustomElement<AvatarGroupProps>('n-avatar-group', defaultProps, AvatarGroup);\n\nexport default AvatarGroup;\n"],"names":["style","css","moreCss","defaultProps","data","size","class","maxCount","AvatarGroup","_props","props","mergeProps","local","other","splitProps","createMemo","showAvatar","slice","more","_data","len","length","cx","For","a","Show","customElement"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"kGAuHA,+CAAA,+CAvH8D,sBACtC,yBACM,yBACvB,qBACA,sNAGDA,EAAQC,GAAAA,KAAG,CAAA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;AAwBlB,CAAC,CAEKC,EAAUD,GAAAA,KAAG,CAAA,CAAC;;;;;;;;;;;;;;;;AAgBpB,CAAC,CAkBKE,EAAiC,CACrCC,KAAM,EAAE,CACRC,KAAM,KAAK,EACXC,MAAO,KAAK,EACZC,SAAU,KAAK,EACfN,IAAK,KAAK,CACZ,EAEA,SAASO,EAAYC,CAAwB,EAC3C,IAAMC,EAAQC,GAAAA,YAAU,EAACR,EAAcM,GACjC,CAACG,EAAOC,EAAM,CAAGC,GAAAA,YAAU,EAACJ,EAAO,CAAC,OAAQ,WAAY,QAAS,OAAQ,MAAM,EAC/EN,EAAOW,GAAAA,YAAU,EAAC,IAAMH,EAAMR,IAAI,EAAI,EAAE,EACxCY,EAAaD,GAAAA,YAAU,EAAC,IAAMX,IAAOa,KAAK,CAAC,EAAGL,EAAML,QAAQ,GAC5DW,EAAOH,GAAAA,YAAU,EAAC,KACtB,IAAMI,EAAQf,IACRgB,EAAMD,EAAME,MAAM,CAAIT,CAAAA,EAAML,QAAQ,EAAIY,EAAME,MAAM,AAAD,SAEzD,AAAID,EAAM,EACDD,EAAMF,KAAK,CAAC,CAACG,GAEf,EAAE,AACX,GAEA,4CAGOpB,2BACAC,GAAAA,KAAG,EAACW,EAAMX,GAAG,oEAEPY,qBAAcS,GAAAA,IAAE,EAAC,QAASV,EAAMN,KAAK,iDAC3CiB,KAAG,oBAAOP,cAAe,AAACQ,yDAAoBA,qBAASZ,EAAMP,IAAI,yFACjEoB,MAAI,oBAAOP,IAAOG,MAAM,yDAEd,CAAA,aAEInB,uEAGNqB,KAAG,oBAAOL,cAAS,AAACM,yDAAoBA,qBAASZ,EAAMP,IAAI,kIAIhDO,EAAMP,IAAI,GAAY,CAAC,CAAC,EAAEa,IAAOG,MAAM,CAAC,CAAC,oHAMrE,CAEAK,GAAAA,eAAa,EAAmB,iBAAkBvB,EAAcK,SAEhE,EAAeA"}

package/lib/avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/avatar/index.tsx"],"sourcesContent":["import {\n  Match,\n  Switch,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  splitProps,\n} from 'solid-js';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { style } from './style';\nimport theme from '../theme';\nimport type { BasicConfig, CustomElement } from '../index';\n\nexport interface AvatarProps {\n  /** 头像 */\n  src?: string;\n  /** 替代文本 */\n  alt?: string;\n  /** 尺寸\n   * @default 'normal'\n   */\n  size?: number | BasicConfig['size'];\n  /** 用户名 */\n  username?: string;\n  /** 背景颜色 */\n  color?: string;\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n}\nexport type AvatarElement = CustomElement<AvatarProps>;\n\nfunction Avatar(_: AvatarProps) {\n  const { baseStyle } = theme;\n  const avatarSize: Record<string, string> = {\n    small: '24px',\n    normal: '32px',\n    large: '40px',\n  };\n\n  const props = mergeProps({ size: 32 }, _);\n  const [local, other] = splitProps(props, [\n    'class',\n    'css',\n    'src',\n    'alt',\n    'size',\n    'color',\n    'username',\n  ]);\n  let box: HTMLDivElement | undefined;\n  let label: HTMLSpanElement | undefined;\n  const [scale, setScale] = createSignal(1);\n\n  const _style = createMemo(() => {\n    const size = avatarSize[local.size] || `${local.size}px`;\n\n    return css`\n      .avatar {\n        --avatar-color: ${local.color};\n\n        inline-size: ${size};\n        block-size: ${size};\n      }\n    `;\n  });\n\n  createEffect(() => {\n    if (label && box) {\n      if (label.clientWidth + 6 > box.clientWidth) {\n        setScale((box.clientWidth - 6) / label.clientWidth);\n      }\n    }\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {_style()}\n        {css(local.css)}\n      </style>\n      <div ref={box} class={cx('avatar', local.class)} {...other}>\n        <Switch>\n          <Match when={typeof local.src === 'string'}>\n            <img src={local.src} alt={local.alt} />\n          </Match>\n          <Match when={local.username}>\n            <span ref={label} style={{ transform: `scale(${scale()})` }}>\n              {local.username}\n            </span>\n          </Match>\n        </Switch>\n      </div>\n      <svg\n        viewBox=\"0 0 1 1\"\n        aria-hidden=\"true\"\n        style={{ position: 'absolute', width: '0', height: '0' }}\n        overflow=\"hidden\"\n      >\n        <defs>\n          <clipPath id=\"clipPathAvatar\" clipPathUnits=\"objectBoundingBox\">\n            <path\n              d=\"M.395.126H.4A.016.016 0 0 1 .418.14v.002L.42.158a.39.39 0 0 0 .019.12L.44.284l.005.01c.011.026.034.05.05.053h.011a.084.084 0 0 0 .016-.01.115.115 0 0 0 .025-.03.259.259 0 0 0 .033-.14.02.02 0 0 0 0-.008.03.03 0 0 1 0-.01V.145L.584.136h.001C.583.134.591.127.594.126h.024L.63.127l.013.001h.01a.123.123 0 0 0 .021.003h.003L.7.133a.591.591 0 0 1 .046.004L.77.139h.013l.006.002h.009c.01 0 .019.006.036.023a.24.24 0 0 1 .018.02l.004.004a.49.49 0 0 1 .063.094L.927.3a.032.032 0 0 0 .004.007L.932.31l.004.007.007.022a.141.141 0 0 0 .004.008.34.34 0 0 0 .011.037l.002.01A.463.463 0 0 1 .969.46v.013A.358.358 0 0 1 .963.58a.537.537 0 0 1-.064.16.378.378 0 0 1-.096.111.042.042 0 0 1-.014.002L.762.851.732.85A1.092 1.092 0 0 0 .667.845C.641.842.636.84.63.832L.626.825C.624.822.628.814.636.8a.129.129 0 0 0 .01-.022.02.02 0 0 0 .001-.003V.773a.143.143 0 0 0 .009-.02A.149.149 0 0 1 .66.738.028.028 0 0 0 .662.73V.726a.243.243 0 0 1-.106.07.177.177 0 0 1-.121-.003A.25.25 0 0 1 .35.736C.34.726.338.724.337.727A.095.095 0 0 0 .344.75v.003s.001 0 0 0a.316.316 0 0 0 .024.053L.37.811c.005.01.005.013.001.02C.367.837.36.84.345.842A.462.462 0 0 1 .3.847.967.967 0 0 0 .25.85L.224.852.213.853A.027.027 0 0 1 .191.847.438.438 0 0 1 .098.735a.525.525 0 0 1-.065-.19L.032.529V.517a.35.35 0 0 1 0-.052L.034.433.036.421A.288.288 0 0 1 .04.397.173.173 0 0 1 .05.36c0-.003 0-.006.002-.01A.133.133 0 0 0 .057.336L.06.33A.293.293 0 0 1 .084.276L.09.266A.14.14 0 0 1 .1.246L.106.24A.288.288 0 0 1 .142.19a.227.227 0 0 0 .01-.01.17.17 0 0 1 .037-.036A.036.036 0 0 1 .202.14h.023L.228.138h.008L.248.136H.26A.104.104 0 0 0 .28.134a.01.01 0 0 1 .004 0h.003L.289.133h.006A.18.18 0 0 1 .313.131h.011L.327.13H.33L.348.128h.009L.364.127h.004L.37.126h.011L.388.125a.01.01 0 0 0 .003 0h.004z\"\n              fill=\"#7483AB\"\n            />\n          </clipPath>\n        </defs>\n      </svg>\n    </>\n  );\n}\n\ncustomElement<AvatarProps>(\n  'n-avatar',\n  {\n    css: void 0,\n    size: void 0,\n    src: void 0,\n    alt: void 0,\n    username: void 0,\n    color: void 0,\n    class: void 0,\n  },\n  Avatar,\n);\nexport default Avatar;\n"],"names":["Avatar","_","box","label","baseStyle","theme","avatarSize","small","normal","large","props","mergeProps","size","local","other","splitProps","scale","setScale","createSignal","_style","createMemo","css","color","createEffect","clientWidth","style","cx","class","Switch","Match","src","alt","username","customElement"],"mappings":"wGAkIA,+CAAA,+CA1HO,sBACiB,yBACM,2BACR,wBACJ,6hEAuBlB,SAASA,EAAOC,CAAc,MAkBxBC,EACAC,EAlBJ,GAAM,CAAEC,UAAAA,CAAS,CAAE,CAAGC,SAAK,CACrBC,EAAqC,CACzCC,MAAO,OACPC,OAAQ,OACRC,MAAO,MACT,EAEMC,EAAQC,GAAAA,YAAU,EAAC,CAAEC,KAAM,EAAG,EAAGX,GACjC,CAACY,EAAOC,EAAM,CAAGC,GAAAA,YAAU,EAACL,EAAO,CACvC,QACA,MACA,MACA,MACA,OACA,QACA,WACD,EAGK,CAACM,EAAOC,EAAS,CAAGC,GAAAA,cAAY,EAAC,GAEjCC,EAASC,GAAAA,YAAU,EAAC,KACxB,IAAMR,EAAON,CAAU,CAACO,EAAMD,IAAI,CAAC,EAAI,CAAC,EAAEC,EAAMD,IAAI,CAAC,EAAE,CAAC,CAExD,MAAOS,GAAAA,KAAG,CAAA,CAAC;;wBAES,EAAER,EAAMS,KAAK,CAAC;;qBAEjB,EAAEV,EAAK;oBACR,EAAEA,EAAK;;IAEvB,CAAC,AACH,GAUA,MARAW,GAAAA,cAAY,EAAC,KACPpB,GAASD,GACPC,EAAMqB,WAAW,CAAG,EAAItB,EAAIsB,WAAW,EACzCP,EAAS,AAACf,CAAAA,EAAIsB,WAAW,CAAG,CAAA,EAAKrB,EAAMqB,WAAW,CAGxD,yCAKOpB,uBACAqB,OAAK,sBACLN,2BACAE,GAAAA,KAAG,EAACR,EAAMQ,GAAG,gCAENnB,4CAAAA,uDAAYwB,GAAAA,IAAE,EAAC,SAAUb,EAAMc,KAAK,IAAOb,+CAClDc,QAAM,8CACJC,OAAK,mBAAO,AAAqB,UAArB,OAAOhB,EAAMiB,GAAG,wDACjBjB,EAAMiB,GAAG,GAAOjB,EAAMkB,GAAG,gKAEpCF,OAAK,oBAAOhB,EAAMmB,QAAQ,6BACd7B,4CAAAA,uBACRU,EAAMmB,QAAQ,oBAD8BhB,oCAAT,CAAC,MAAM,EAAEA,IAAQ,CAAC,CAAC,+JAuBrE,CAEAiB,GAAAA,eAAa,EACX,WACA,CACEZ,IAAK,KAAK,EACVT,KAAM,KAAK,EACXkB,IAAK,KAAK,EACVC,IAAK,KAAK,EACVC,SAAU,KAAK,EACfV,MAAO,KAAK,EACZK,MAAO,KAAK,CACd,EACA3B,SAEF,EAAeA"}
+{"version":3,"sources":["../../components/avatar/index.tsx"],"sourcesContent":["import {\n  Match,\n  Switch,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  splitProps,\n} from 'solid-js';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { style } from './style';\nimport theme from '../theme';\nimport type { BasicConfig, CustomElement } from '../index';\n\nexport interface AvatarProps {\n  /** 头像 */\n  src?: string;\n  /** 替代文本 */\n  alt?: string;\n  /** 尺寸\n   * @default 'normal'\n   */\n  size?: number | BasicConfig['size'];\n  /** 用户名 */\n  username?: string;\n  /** 背景颜色 */\n  color?: string;\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n}\nexport type AvatarElement = CustomElement<AvatarProps>;\n\nfunction Avatar(_: AvatarProps) {\n  const { baseStyle } = theme;\n  const avatarSize: Record<string, string> = {\n    small: '24px',\n    normal: '32px',\n    large: '40px',\n  };\n\n  const props = mergeProps({ size: 32 }, _);\n  const [local, other] = splitProps(props, [\n    'class',\n    'css',\n    'src',\n    'alt',\n    'size',\n    'color',\n    'username',\n  ]);\n  let box: HTMLDivElement | undefined;\n  let label: HTMLSpanElement | undefined;\n  const [scale, setScale] = createSignal(1);\n\n  const _style = createMemo(() => {\n    const size = avatarSize[local.size] || `${local.size}px`;\n\n    return css`\n      .avatar {\n        --avatar-color: ${local.color};\n\n        inline-size: ${size};\n        block-size: ${size};\n      }\n    `;\n  });\n\n  createEffect(() => {\n    if (label && box) {\n      if (label.clientWidth + 6 > box.clientWidth) {\n        setScale((box.clientWidth - 6) / label.clientWidth);\n      }\n    }\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {_style()}\n        {css(local.css)}\n      </style>\n      <div ref={box} class={cx('avatar', local.class)} {...other}>\n        <Switch>\n          <Match when={typeof local.src === 'string'}>\n            <img src={local.src} alt={local.alt} />\n          </Match>\n          <Match when={local.username}>\n            <span ref={label} style={{ transform: `scale(${scale()})` }}>\n              {local.username}\n            </span>\n          </Match>\n        </Switch>\n      </div>\n      <svg\n        viewBox=\"0 0 1 1\"\n        aria-hidden=\"true\"\n        style={{ position: 'absolute', width: '0', height: '0' }}\n        overflow=\"hidden\"\n      >\n        <defs>\n          <clipPath id=\"clipPathAvatar\" clipPathUnits=\"objectBoundingBox\">\n            <path\n              d=\"M.395.126H.4A.016.016 0 0 1 .418.14v.002L.42.158a.39.39 0 0 0 .019.12L.44.284l.005.01c.011.026.034.05.05.053h.011a.084.084 0 0 0 .016-.01.115.115 0 0 0 .025-.03.259.259 0 0 0 .033-.14.02.02 0 0 0 0-.008.03.03 0 0 1 0-.01V.145L.584.136h.001C.583.134.591.127.594.126h.024L.63.127l.013.001h.01a.123.123 0 0 0 .021.003h.003L.7.133a.591.591 0 0 1 .046.004L.77.139h.013l.006.002h.009c.01 0 .019.006.036.023a.24.24 0 0 1 .018.02l.004.004a.49.49 0 0 1 .063.094L.927.3a.032.032 0 0 0 .004.007L.932.31l.004.007.007.022a.141.141 0 0 0 .004.008.34.34 0 0 0 .011.037l.002.01A.463.463 0 0 1 .969.46v.013A.358.358 0 0 1 .963.58a.537.537 0 0 1-.064.16.378.378 0 0 1-.096.111.042.042 0 0 1-.014.002L.762.851.732.85A1.092 1.092 0 0 0 .667.845C.641.842.636.84.63.832L.626.825C.624.822.628.814.636.8a.129.129 0 0 0 .01-.022.02.02 0 0 0 .001-.003V.773a.143.143 0 0 0 .009-.02A.149.149 0 0 1 .66.738.028.028 0 0 0 .662.73V.726a.243.243 0 0 1-.106.07.177.177 0 0 1-.121-.003A.25.25 0 0 1 .35.736C.34.726.338.724.337.727A.095.095 0 0 0 .344.75v.003s.001 0 0 0a.316.316 0 0 0 .024.053L.37.811c.005.01.005.013.001.02C.367.837.36.84.345.842A.462.462 0 0 1 .3.847.967.967 0 0 0 .25.85L.224.852.213.853A.027.027 0 0 1 .191.847.438.438 0 0 1 .098.735a.525.525 0 0 1-.065-.19L.032.529V.517a.35.35 0 0 1 0-.052L.034.433.036.421A.288.288 0 0 1 .04.397.173.173 0 0 1 .05.36c0-.003 0-.006.002-.01A.133.133 0 0 0 .057.336L.06.33A.293.293 0 0 1 .084.276L.09.266A.14.14 0 0 1 .1.246L.106.24A.288.288 0 0 1 .142.19a.227.227 0 0 0 .01-.01.17.17 0 0 1 .037-.036A.036.036 0 0 1 .202.14h.023L.228.138h.008L.248.136H.26A.104.104 0 0 0 .28.134a.01.01 0 0 1 .004 0h.003L.289.133h.006A.18.18 0 0 1 .313.131h.011L.327.13H.33L.348.128h.009L.364.127h.004L.37.126h.011L.388.125a.01.01 0 0 0 .003 0h.004z\"\n              fill=\"#7483AB\"\n            />\n          </clipPath>\n        </defs>\n      </svg>\n    </>\n  );\n}\n\ncustomElement<AvatarProps>(\n  'n-avatar',\n  {\n    css: void 0,\n    size: void 0,\n    src: void 0,\n    alt: void 0,\n    username: void 0,\n    color: void 0,\n    class: void 0,\n  },\n  Avatar,\n);\nexport default Avatar;\n"],"names":["Avatar","_","box","label","baseStyle","theme","avatarSize","small","normal","large","props","mergeProps","size","local","other","splitProps","scale","setScale","createSignal","_style","createMemo","css","color","createEffect","clientWidth","style","cx","class","Switch","Match","src","alt","username","customElement"],"rangeMappings":";;;;;;;","mappings":"wGAkIA,+CAAA,+CA1HO,sBACiB,yBACM,2BACR,wBACJ,6hEAuBlB,SAASA,EAAOC,CAAc,MAkBxBC,EACAC,EAlBJ,GAAM,CAAEC,UAAAA,CAAS,CAAE,CAAGC,SAAK,CACrBC,EAAqC,CACzCC,MAAO,OACPC,OAAQ,OACRC,MAAO,MACT,EAEMC,EAAQC,GAAAA,YAAU,EAAC,CAAEC,KAAM,EAAG,EAAGX,GACjC,CAACY,EAAOC,EAAM,CAAGC,GAAAA,YAAU,EAACL,EAAO,CACvC,QACA,MACA,MACA,MACA,OACA,QACA,WACD,EAGK,CAACM,EAAOC,EAAS,CAAGC,GAAAA,cAAY,EAAC,GAEjCC,EAASC,GAAAA,YAAU,EAAC,KACxB,IAAMR,EAAON,CAAU,CAACO,EAAMD,IAAI,CAAC,EAAI,CAAC,EAAEC,EAAMD,IAAI,CAAC,EAAE,CAAC,CAExD,MAAOS,GAAAA,KAAG,CAAA,CAAC;;wBAES,EAAER,EAAMS,KAAK,CAAC;;qBAEjB,EAAEV,EAAK;oBACR,EAAEA,EAAK;;IAEvB,CAAC,AACH,GAUA,MARAW,GAAAA,cAAY,EAAC,KACPpB,GAASD,GACPC,EAAMqB,WAAW,CAAG,EAAItB,EAAIsB,WAAW,EACzCP,EAAS,AAACf,CAAAA,EAAIsB,WAAW,CAAG,CAAA,EAAKrB,EAAMqB,WAAW,CAGxD,yCAKOpB,uBACAqB,OAAK,sBACLN,2BACAE,GAAAA,KAAG,EAACR,EAAMQ,GAAG,gCAENnB,4CAAAA,uDAAYwB,GAAAA,IAAE,EAAC,SAAUb,EAAMc,KAAK,IAAOb,+CAClDc,QAAM,8CACJC,OAAK,mBAAO,AAAqB,UAArB,OAAOhB,EAAMiB,GAAG,wDACjBjB,EAAMiB,GAAG,GAAOjB,EAAMkB,GAAG,gKAEpCF,OAAK,oBAAOhB,EAAMmB,QAAQ,6BACd7B,4CAAAA,uBACRU,EAAMmB,QAAQ,oBAD8BhB,oCAAT,CAAC,MAAM,EAAEA,IAAQ,CAAC,CAAC,+JAuBrE,CAEAiB,GAAAA,eAAa,EACX,WACA,CACEZ,IAAK,KAAK,EACVT,KAAM,KAAK,EACXkB,IAAK,KAAK,EACVC,IAAK,KAAK,EACVC,SAAU,KAAK,EACfV,MAAO,KAAK,EACZK,MAAO,KAAK,CACd,EACA3B,SAEF,EAAeA"}

package/lib/avatar/style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/avatar/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\nimport favicon from './favicon.svg';\n\nconst faviconBg = `data:image/svg+xml;base64,${window.btoa(\n  decodeURIComponent(favicon.replace('data:image/svg+xml,', '')),\n)}`;\n\nexport const style = css`\n  .avatar {\n    position: relative;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    inline-size: 32px;\n    block-size: 32px;\n    transition: transform var(--transition-duration);\n    cursor: pointer;\n    user-select: none;\n    animation: avatar-morph-effect 8s var(--transition-timing-function) infinite;\n    background-image: linear-gradient(\n      45deg,\n      var(--primary-outline) 0%,\n      var(--success-outline) 100%\n    );\n\n    &::before,\n    &::after {\n      position: absolute;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n      display: block;\n      inline-size: 100%;\n      block-size: 100%;\n      content: '';\n    }\n\n    &::before {\n      clip-path: url('#clipPathAvatar');\n    }\n\n    &::after {\n      background: url(${faviconBg}) no-repeat center/contain;\n    }\n\n    &:hover {\n      transform: scale(1.2);\n    }\n\n    img {\n      position: absolute;\n      inset-inline-start: 0;\n      inline-size: 100%;\n      block-size: 100%;\n      clip-path: url('#clipPathAvatar');\n    }\n  }\n\n  @keyframes avatar-morph-effect {\n    0% {\n      border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;\n    }\n\n    50% {\n      border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;\n    }\n\n    100% {\n      border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;\n    }\n  }\n`;\n"],"names":["style","faviconBg","window","btoa","decodeURIComponent","favicon","replace","css"],"mappings":"wGAOaA,6CAAAA,qBAPO,4BACA,8CAEdC,EAAY,CAAC,0BAA0B,EAAEC,OAAOC,IAAI,CACxDC,mBAAmBC,SAAO,CAACC,OAAO,CAAC,sBAAuB,MAC1D,CAAC,CAEUN,EAAQO,GAAAA,KAAG,CAAA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAkCH,EAAEN,EAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BlC,CAAC"}
+{"version":3,"sources":["../../components/avatar/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\nimport favicon from './favicon.svg';\n\nconst faviconBg = `data:image/svg+xml;base64,${window.btoa(\n  decodeURIComponent(favicon.replace('data:image/svg+xml,', '')),\n)}`;\n\nexport const style = css`\n  .avatar {\n    position: relative;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    inline-size: 32px;\n    block-size: 32px;\n    transition: transform var(--transition-duration);\n    cursor: pointer;\n    user-select: none;\n    animation: avatar-morph-effect 8s var(--transition-timing-function) infinite;\n    background-image: linear-gradient(\n      45deg,\n      var(--primary-outline) 0%,\n      var(--success-outline) 100%\n    );\n\n    &::before,\n    &::after {\n      position: absolute;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n      display: block;\n      inline-size: 100%;\n      block-size: 100%;\n      content: '';\n    }\n\n    &::before {\n      clip-path: url('#clipPathAvatar');\n    }\n\n    &::after {\n      background: url(${faviconBg}) no-repeat center/contain;\n    }\n\n    &:hover {\n      transform: scale(1.2);\n    }\n\n    img {\n      position: absolute;\n      inset-inline-start: 0;\n      inline-size: 100%;\n      block-size: 100%;\n      clip-path: url('#clipPathAvatar');\n    }\n  }\n\n  @keyframes avatar-morph-effect {\n    0% {\n      border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;\n    }\n\n    50% {\n      border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;\n    }\n\n    100% {\n      border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;\n    }\n  }\n`;\n"],"names":["style","faviconBg","window","btoa","decodeURIComponent","favicon","replace","css"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"wGAOaA,6CAAAA,qBAPO,4BACA,8CAEdC,EAAY,CAAC,0BAA0B,EAAEC,OAAOC,IAAI,CACxDC,mBAAmBC,SAAO,CAACC,OAAO,CAAC,sBAAuB,MAC1D,CAAC,CAEUN,EAAQO,GAAAA,KAAG,CAAA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAkCH,EAAEN,EAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BlC,CAAC"}

package/lib/back-top/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/back-top/index.tsx"],"sourcesContent":["import {\n  Show,\n  createComponent,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  onMount,\n  splitProps,\n} from 'solid-js';\nimport { getMaxZindex, getScrollTop, isFunction } from '@moneko/common';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { Portal } from 'solid-js/web';\nimport { style } from './style';\nimport theme from '../theme';\nimport type { CustomElement } from '..';\n\nexport interface BackTopProps {\n  /** 设置需要监听其滚动事件的元素\n   * @default window\n   */\n  target?: HTMLElement | (() => HTMLElement);\n  /** 挂载到指定的元素\n   * @default body\n   */\n  mount?: HTMLElement;\n  /** 滚动高度达到此参数值才出现 BackTop */\n  visibilityHeight?: number;\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n}\n\nfunction BackTop(_: BackTopProps) {\n  const { baseStyle, isDark } = theme;\n  const props = mergeProps({ target: window as unknown as HTMLElement, visibilityHeight: 400 }, _);\n  const [local, other] = splitProps(props, ['class', 'target', 'mount', 'css', 'visibilityHeight']);\n  const [show, setShow] = createSignal<boolean | null>(null);\n  const target = createMemo(() => (isFunction(local.target) ? local.target() : local.target));\n\n  const themeStyle = createMemo(() => {\n    const bg = isDark() ? 'rgb(255 255 255 / 45%)' : 'var(--primary-border)';\n\n    return `:host {--back-top-bg: ${bg};}`;\n  });\n\n  function handleBackTop() {\n    target()?.scrollTo({\n      top: 0,\n      behavior: 'smooth',\n    });\n  }\n  function exit() {\n    if (show() === false) {\n      setShow(null);\n    }\n  }\n  function handleScrollY(e: Event) {\n    e.preventDefault();\n    let scrollTop = 0;\n    let offsetHeight = 0;\n    const _target = target();\n\n    if (_target) {\n      scrollTop = getScrollTop(_target);\n      offsetHeight = _target.offsetHeight || 0;\n    }\n    const nextShow = scrollTop > offsetHeight / 3 || scrollTop > local.visibilityHeight;\n\n    if (Boolean(show()) !== nextShow) {\n      setShow(nextShow);\n    }\n    return false;\n  }\n\n  onMount(() => {\n    target().addEventListener('scroll', handleScrollY, false);\n  });\n  onCleanup(() => {\n    target().removeEventListener('scroll', handleScrollY, false);\n  });\n  return (\n    <Show when={show() !== null}>\n      <Portal useShadow mount={local.mount}>\n        <style>\n          {baseStyle()}\n          {themeStyle()}\n          {style}\n          {css(local.css)}\n        </style>\n        <div\n          onAnimationEnd={exit}\n          class={cx('back-top', show() === false && 'back-top-out', local.class)}\n          onClick={handleBackTop}\n          style={{ 'z-index': getMaxZindex().toString() }}\n          {...other}\n        />\n      </Portal>\n    </Show>\n  );\n}\n\nexport type BackTopElement = CustomElement<BackTopProps>;\n\ncustomElement<BackTopProps>(\n  'n-back-top',\n  {\n    class: void 0,\n    css: void 0,\n    visibilityHeight: void 0,\n    mount: void 0,\n    target: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n\n    if (!el.mount) {\n      el.style.position = 'sticky';\n      el.style.bottom = '24px';\n      el.style.right = '24px';\n      el.style.display = 'block';\n      el.style.pointerEvents = 'none';\n    }\n    const props = mergeProps(\n      {\n        css: el.css,\n        visibilityHeight: el.visibilityHeight,\n        mount: el.renderRoot as HTMLElement,\n        target: el.target,\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('css');\n    });\n    return createComponent(BackTop, props);\n  },\n);\nexport default BackTop;\n"],"names":["BackTop","_","baseStyle","isDark","theme","props","mergeProps","target","window","visibilityHeight","local","other","splitProps","show","setShow","createSignal","createMemo","isFunction","themeStyle","bg","handleBackTop","scrollTo","top","behavior","exit","handleScrollY","e","preventDefault","scrollTop","offsetHeight","_target","getScrollTop","nextShow","Boolean","onMount","addEventListener","onCleanup","removeEventListener","Show","Portal","mount","style","css","cx","class","getMaxZindex","toString","customElement","opt","el","element","position","bottom","right","display","pointerEvents","renderRoot","createEffect","removeAttribute","createComponent"],"mappings":"kGA8IA,+CAAA,qBAhIuB,0BAJhB,wBACgD,gDAAA,gDAAA,4CAC/B,yBACM,2BAER,uBACJ,4HAoBlB,SAASA,EAAQC,CAAe,EAC9B,GAAM,CAAEC,UAAAA,CAAS,CAAEC,OAAAA,CAAM,CAAE,CAAGC,SAAK,CAC7BC,EAAQC,GAAAA,YAAU,EAAC,CAAEC,OAAQC,OAAkCC,iBAAkB,GAAI,EAAGR,GACxF,CAACS,EAAOC,EAAM,CAAGC,GAAAA,YAAU,EAACP,EAAO,CAAC,QAAS,SAAU,QAAS,MAAO,mBAAmB,EAC1F,CAACQ,EAAMC,EAAQ,CAAGC,GAAAA,cAAY,EAAiB,MAC/CR,EAASS,GAAAA,YAAU,EAAC,IAAOC,GAAAA,SAAU,EAACP,EAAMH,MAAM,EAAIG,EAAMH,MAAM,GAAKG,EAAMH,MAAM,EAEnFW,EAAaF,GAAAA,YAAU,EAAC,KAC5B,IAAMG,EAAKhB,IAAW,yBAA2B,wBAEjD,MAAO,CAAC,sBAAsB,EAAEgB,EAAG,EAAE,CAAC,AACxC,GAEA,SAASC,IACPb,KAAUc,SAAS,CACjBC,IAAK,EACLC,SAAU,QACZ,EACF,CACA,SAASC,IACQ,CAAA,IAAXX,KACFC,EAAQ,KAEZ,CACA,SAASW,EAAcC,CAAQ,EAC7BA,EAAEC,cAAc,GAChB,IAAIC,EAAY,EACZC,EAAe,EACbC,EAAUvB,IAEZuB,IACFF,EAAYG,GAAAA,SAAY,EAACD,GACzBD,EAAeC,EAAQD,YAAY,EAAI,GAEzC,IAAMG,EAAWJ,EAAYC,EAAe,GAAKD,EAAYlB,EAAMD,gBAAgB,CAKnF,MAHIwB,CAAAA,CAAQpB,MAAYmB,GACtBlB,EAAQkB,GAEH,CAAA,CACT,CAQA,MANAE,GAAAA,SAAO,EAAC,KACN3B,IAAS4B,gBAAgB,CAAC,SAAUV,EAAe,CAAA,EACrD,GACAW,GAAAA,WAAS,EAAC,KACR7B,IAAS8B,mBAAmB,CAAC,SAAUZ,EAAe,CAAA,EACxD,yBAEGa,MAAI,oBAAOzB,AAAW,OAAXA,gDACT0B,QAAM,kCAAkB7B,EAAM8B,KAAK,6DAE/BtC,uBACAgB,uBACAuB,OAAK,0BACLC,GAAAA,KAAG,EAAChC,EAAMgC,GAAG,qEAKLtB,8CAFOI,sDACTmB,GAAAA,IAAE,EAAC,WAAY9B,AAAW,CAAA,IAAXA,KAAoB,eAAgBH,EAAMkC,KAAK,qBAE9D,CAAE,UAAWC,GAAAA,SAAY,IAAGC,QAAQ,EAAG,IAC1CnC,sBAKd,CAIAoC,GAAAA,eAAa,EACX,aACA,CACEH,MAAO,KAAK,EACZF,IAAK,KAAK,EACVjC,iBAAkB,KAAK,EACvB+B,MAAO,KAAK,EACZjC,OAAQ,KAAK,CACf,EACA,CAACN,EAAG+C,KACF,IAAMC,EAAKD,EAAIE,OAAO,AAEjBD,CAAAA,EAAGT,KAAK,GACXS,EAAGR,KAAK,CAACU,QAAQ,CAAG,SACpBF,EAAGR,KAAK,CAACW,MAAM,CAAG,OAClBH,EAAGR,KAAK,CAACY,KAAK,CAAG,OACjBJ,EAAGR,KAAK,CAACa,OAAO,CAAG,QACnBL,EAAGR,KAAK,CAACc,aAAa,CAAG,QAE3B,IAAMlD,EAAQC,GAAAA,YAAU,EACtB,CACEoC,IAAKO,EAAGP,GAAG,CACXjC,iBAAkBwC,EAAGxC,gBAAgB,CACrC+B,MAAOS,EAAGO,UAAU,CACpBjD,OAAQ0C,EAAG1C,MAAM,AACnB,EACAN,GAMF,MAHAwD,GAAAA,cAAY,EAAC,KACXR,EAAGS,eAAe,CAAC,MACrB,GACOC,GAAAA,iBAAe,EAAC3D,EAASK,EAClC,SAEF,EAAeL"}
+{"version":3,"sources":["../../components/back-top/index.tsx"],"sourcesContent":["import {\n  Show,\n  createComponent,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  onMount,\n  splitProps,\n} from 'solid-js';\nimport { getMaxZindex, getScrollTop, isFunction } from '@moneko/common';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { Portal } from 'solid-js/web';\nimport { style } from './style';\nimport theme from '../theme';\nimport type { CustomElement } from '..';\n\nexport interface BackTopProps {\n  /** 设置需要监听其滚动事件的元素\n   * @default window\n   */\n  target?: HTMLElement | (() => HTMLElement);\n  /** 挂载到指定的元素\n   * @default body\n   */\n  mount?: HTMLElement;\n  /** 滚动高度达到此参数值才出现 BackTop */\n  visibilityHeight?: number;\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n}\n\nfunction BackTop(_: BackTopProps) {\n  const { baseStyle, isDark } = theme;\n  const props = mergeProps({ target: window as unknown as HTMLElement, visibilityHeight: 400 }, _);\n  const [local, other] = splitProps(props, ['class', 'target', 'mount', 'css', 'visibilityHeight']);\n  const [show, setShow] = createSignal<boolean | null>(null);\n  const target = createMemo(() => (isFunction(local.target) ? local.target() : local.target));\n\n  const themeStyle = createMemo(() => {\n    const bg = isDark() ? 'rgb(255 255 255 / 45%)' : 'var(--primary-border)';\n\n    return `:host {--back-top-bg: ${bg};}`;\n  });\n\n  function handleBackTop() {\n    target()?.scrollTo({\n      top: 0,\n      behavior: 'smooth',\n    });\n  }\n  function exit() {\n    if (show() === false) {\n      setShow(null);\n    }\n  }\n  function handleScrollY(e: Event) {\n    e.preventDefault();\n    let scrollTop = 0;\n    let offsetHeight = 0;\n    const _target = target();\n\n    if (_target) {\n      scrollTop = getScrollTop(_target);\n      offsetHeight = _target.offsetHeight || 0;\n    }\n    const nextShow = scrollTop > offsetHeight / 3 || scrollTop > local.visibilityHeight;\n\n    if (Boolean(show()) !== nextShow) {\n      setShow(nextShow);\n    }\n    return false;\n  }\n\n  onMount(() => {\n    target().addEventListener('scroll', handleScrollY, false);\n  });\n  onCleanup(() => {\n    target().removeEventListener('scroll', handleScrollY, false);\n  });\n  return (\n    <Show when={show() !== null}>\n      <Portal useShadow mount={local.mount}>\n        <style>\n          {baseStyle()}\n          {themeStyle()}\n          {style}\n          {css(local.css)}\n        </style>\n        <div\n          onAnimationEnd={exit}\n          class={cx('back-top', show() === false && 'back-top-out', local.class)}\n          onClick={handleBackTop}\n          style={{ 'z-index': getMaxZindex().toString() }}\n          {...other}\n        />\n      </Portal>\n    </Show>\n  );\n}\n\nexport type BackTopElement = CustomElement<BackTopProps>;\n\ncustomElement<BackTopProps>(\n  'n-back-top',\n  {\n    class: void 0,\n    css: void 0,\n    visibilityHeight: void 0,\n    mount: void 0,\n    target: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n\n    if (!el.mount) {\n      el.style.position = 'sticky';\n      el.style.bottom = '24px';\n      el.style.right = '24px';\n      el.style.display = 'block';\n      el.style.pointerEvents = 'none';\n    }\n    const props = mergeProps(\n      {\n        css: el.css,\n        visibilityHeight: el.visibilityHeight,\n        mount: el.renderRoot as HTMLElement,\n        target: el.target,\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('css');\n    });\n    return createComponent(BackTop, props);\n  },\n);\nexport default BackTop;\n"],"names":["BackTop","_","baseStyle","isDark","theme","props","mergeProps","target","window","visibilityHeight","local","other","splitProps","show","setShow","createSignal","createMemo","isFunction","themeStyle","bg","handleBackTop","scrollTo","top","behavior","exit","handleScrollY","e","preventDefault","scrollTop","offsetHeight","_target","getScrollTop","nextShow","Boolean","onMount","addEventListener","onCleanup","removeEventListener","Show","Portal","mount","style","css","cx","class","getMaxZindex","toString","customElement","opt","el","element","position","bottom","right","display","pointerEvents","renderRoot","createEffect","removeAttribute","createComponent"],"rangeMappings":"","mappings":"kGA8IA,+CAAA,qBAhIuB,0BAJhB,wBACgD,gDAAA,gDAAA,4CAC/B,yBACM,2BAER,uBACJ,4HAoBlB,SAASA,EAAQC,CAAe,EAC9B,GAAM,CAAEC,UAAAA,CAAS,CAAEC,OAAAA,CAAM,CAAE,CAAGC,SAAK,CAC7BC,EAAQC,GAAAA,YAAU,EAAC,CAAEC,OAAQC,OAAkCC,iBAAkB,GAAI,EAAGR,GACxF,CAACS,EAAOC,EAAM,CAAGC,GAAAA,YAAU,EAACP,EAAO,CAAC,QAAS,SAAU,QAAS,MAAO,mBAAmB,EAC1F,CAACQ,EAAMC,EAAQ,CAAGC,GAAAA,cAAY,EAAiB,MAC/CR,EAASS,GAAAA,YAAU,EAAC,IAAOC,GAAAA,SAAU,EAACP,EAAMH,MAAM,EAAIG,EAAMH,MAAM,GAAKG,EAAMH,MAAM,EAEnFW,EAAaF,GAAAA,YAAU,EAAC,KAC5B,IAAMG,EAAKhB,IAAW,yBAA2B,wBAEjD,MAAO,CAAC,sBAAsB,EAAEgB,EAAG,EAAE,CAAC,AACxC,GAEA,SAASC,IACPb,KAAUc,SAAS,CACjBC,IAAK,EACLC,SAAU,QACZ,EACF,CACA,SAASC,IACQ,CAAA,IAAXX,KACFC,EAAQ,KAEZ,CACA,SAASW,EAAcC,CAAQ,EAC7BA,EAAEC,cAAc,GAChB,IAAIC,EAAY,EACZC,EAAe,EACbC,EAAUvB,IAEZuB,IACFF,EAAYG,GAAAA,SAAY,EAACD,GACzBD,EAAeC,EAAQD,YAAY,EAAI,GAEzC,IAAMG,EAAWJ,EAAYC,EAAe,GAAKD,EAAYlB,EAAMD,gBAAgB,CAKnF,MAHIwB,CAAAA,CAAQpB,MAAYmB,GACtBlB,EAAQkB,GAEH,CAAA,CACT,CAQA,MANAE,GAAAA,SAAO,EAAC,KACN3B,IAAS4B,gBAAgB,CAAC,SAAUV,EAAe,CAAA,EACrD,GACAW,GAAAA,WAAS,EAAC,KACR7B,IAAS8B,mBAAmB,CAAC,SAAUZ,EAAe,CAAA,EACxD,yBAEGa,MAAI,oBAAOzB,AAAW,OAAXA,gDACT0B,QAAM,kCAAkB7B,EAAM8B,KAAK,6DAE/BtC,uBACAgB,uBACAuB,OAAK,0BACLC,GAAAA,KAAG,EAAChC,EAAMgC,GAAG,qEAKLtB,8CAFOI,sDACTmB,GAAAA,IAAE,EAAC,WAAY9B,AAAW,CAAA,IAAXA,KAAoB,eAAgBH,EAAMkC,KAAK,qBAE9D,CAAE,UAAWC,GAAAA,SAAY,IAAGC,QAAQ,EAAG,IAC1CnC,sBAKd,CAIAoC,GAAAA,eAAa,EACX,aACA,CACEH,MAAO,KAAK,EACZF,IAAK,KAAK,EACVjC,iBAAkB,KAAK,EACvB+B,MAAO,KAAK,EACZjC,OAAQ,KAAK,CACf,EACA,CAACN,EAAG+C,KACF,IAAMC,EAAKD,EAAIE,OAAO,AAEjBD,CAAAA,EAAGT,KAAK,GACXS,EAAGR,KAAK,CAACU,QAAQ,CAAG,SACpBF,EAAGR,KAAK,CAACW,MAAM,CAAG,OAClBH,EAAGR,KAAK,CAACY,KAAK,CAAG,OACjBJ,EAAGR,KAAK,CAACa,OAAO,CAAG,QACnBL,EAAGR,KAAK,CAACc,aAAa,CAAG,QAE3B,IAAMlD,EAAQC,GAAAA,YAAU,EACtB,CACEoC,IAAKO,EAAGP,GAAG,CACXjC,iBAAkBwC,EAAGxC,gBAAgB,CACrC+B,MAAOS,EAAGO,UAAU,CACpBjD,OAAQ0C,EAAG1C,MAAM,AACnB,EACAN,GAMF,MAHAwD,GAAAA,cAAY,EAAC,KACXR,EAAGS,eAAe,CAAC,MACrB,GACOC,GAAAA,iBAAe,EAAC3D,EAASK,EAClC,SAEF,EAAeL"}

package/lib/back-top/style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/back-top/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\n\nexport const style = css`\n  :host {\n    --back-top-color: var(--on-primary-selection);\n    --back-top-hover-bg: var(--primary-hover);\n  }\n\n  .back-top {\n    position: sticky;\n    z-index: 9;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    color: var(--back-top-color);\n    background-color: var(--back-top-bg);\n    box-shadow: var(--box-shadow-base);\n    transition:\n      background-color var(--transition-duration),\n      color var(--transition-duration);\n    inset-block-end: 50px;\n    inset-inline-start: calc(100% - 100px);\n    inline-size: 40px;\n    min-inline-size: 40px;\n    block-size: 40px;\n    min-block-size: 40px;\n    cursor: pointer;\n    animation: back-top-fade-in 1s forwards;\n    backdrop-filter: blur(10px);\n    pointer-events: all;\n\n    &::before {\n      content: '';\n      display: block;\n      inline-size: 16px;\n      block-size: 8px;\n      background-color: var(--back-top-color);\n      clip-path: polygon(0 100%, 50% 0, 100% 100%);\n    }\n\n    &:hover {\n      background-color: var(--back-top-hover-bg);\n    }\n  }\n\n  .back-top-out {\n    animation: back-top-fade-out 1s forwards;\n  }\n\n  @keyframes back-top-fade-in {\n    from {\n      transform: translate3d(0, 16px, 0) scale(1);\n      opacity: 0;\n    }\n\n    to {\n      transform: translate3d(0, 0, 0) scale(1);\n      opacity: 1;\n    }\n  }\n\n  @keyframes back-top-fade-out {\n    0%,\n    20% {\n      transform: translate3d(0, 0, 0);\n      opacity: 1;\n    }\n\n    100% {\n      transform: translate3d(0, 16px, 0);\n      opacity: 0;\n    }\n  }\n`;\n"],"names":["style","css"],"mappings":"kGAEaA,6CAAAA,qBAFO,eAEPA,EAAQC,GAAAA,KAAG,CAAA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEzB,CAAC"}
+{"version":3,"sources":["../../components/back-top/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\n\nexport const style = css`\n  :host {\n    --back-top-color: var(--on-primary-selection);\n    --back-top-hover-bg: var(--primary-hover);\n  }\n\n  .back-top {\n    position: sticky;\n    z-index: 9;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    color: var(--back-top-color);\n    background-color: var(--back-top-bg);\n    box-shadow: var(--box-shadow-base);\n    transition:\n      background-color var(--transition-duration),\n      color var(--transition-duration);\n    inset-block-end: 50px;\n    inset-inline-start: calc(100% - 100px);\n    inline-size: 40px;\n    min-inline-size: 40px;\n    block-size: 40px;\n    min-block-size: 40px;\n    cursor: pointer;\n    animation: back-top-fade-in 1s forwards;\n    backdrop-filter: blur(10px);\n    pointer-events: all;\n\n    &::before {\n      content: '';\n      display: block;\n      inline-size: 16px;\n      block-size: 8px;\n      background-color: var(--back-top-color);\n      clip-path: polygon(0 100%, 50% 0, 100% 100%);\n    }\n\n    &:hover {\n      background-color: var(--back-top-hover-bg);\n    }\n  }\n\n  .back-top-out {\n    animation: back-top-fade-out 1s forwards;\n  }\n\n  @keyframes back-top-fade-in {\n    from {\n      transform: translate3d(0, 16px, 0) scale(1);\n      opacity: 0;\n    }\n\n    to {\n      transform: translate3d(0, 0, 0) scale(1);\n      opacity: 1;\n    }\n  }\n\n  @keyframes back-top-fade-out {\n    0%,\n    20% {\n      transform: translate3d(0, 0, 0);\n      opacity: 1;\n    }\n\n    100% {\n      transform: translate3d(0, 16px, 0);\n      opacity: 0;\n    }\n  }\n`;\n"],"names":["style","css"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"kGAEaA,6CAAAA,qBAFO,eAEPA,EAAQC,GAAAA,KAAG,CAAA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEzB,CAAC"}

package/lib/basic-config/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/basic-config/index.ts"],"sourcesContent":["export interface BasicConfig {\n  /** 组件状态\n   * @default 'normal'\n   */\n  status: keyof typeof Status;\n  /** 组件尺寸\n   * @default 'normal'\n   */\n  size: keyof typeof Size;\n  /** 自定义 'label'、'value'、'options' 等映射的key */\n  fieldName: Partial<{ [key in keyof typeof FieldName]: string }>;\n}\n\nexport enum Size {\n  /** 小 */\n  small = 'small',\n  /** 默认: 中 */\n  normal = 'normal',\n  /** 大 */\n  large = 'large',\n}\n\nexport enum Status {\n  /** 默认 */\n  normal = 'normal',\n  /** 成功 */\n  success = 'success',\n  /** 警告 */\n  warning = 'warning',\n  /** 错误 */\n  error = 'error',\n  /** 详细 */\n  info = 'info',\n  /** 主要 */\n  primary = 'primary',\n}\n\nexport interface BaseOption {\n  /** 图标 */\n  icon?: JSX.Element;\n  /** 值 */\n  value?: string | number;\n  /** 标题 */\n  label?: JSX.Element;\n  /** 不可用状态 */\n  disabled?: boolean;\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式 */\n  style?: Record<string, unknown>;\n  /** 选项状态\n   * @default 'normal'\n   */\n  status?: Status;\n  /** 分组子选项 */\n  options?: (BaseOption | string)[];\n  [key: string]: Any;\n}\n\nexport enum FieldName {\n  /** 标题 */\n  label = 'label',\n  /** 值 */\n  value = 'value',\n  /** 分组子选项 */\n  options = 'options',\n  /** 子选项 */\n  children = 'children',\n  /** 图标 */\n  icon = 'icon',\n  /** 后缀图标 */\n  suffix = 'suffix',\n}\n"],"names":["Size","Status","FieldName"],"mappings":"uBAaYA,EASAC,EAqCAC,4OA9CAF,EAAAA,IAAAA,wDASAC,EAAAA,IAAAA,kHAqCAC,EAAAA,IAAAA"}
+{"version":3,"sources":["../../components/basic-config/index.ts"],"sourcesContent":["export interface BasicConfig {\n  /** 组件状态\n   * @default 'normal'\n   */\n  status: keyof typeof Status;\n  /** 组件尺寸\n   * @default 'normal'\n   */\n  size: keyof typeof Size;\n  /** 自定义 'label'、'value'、'options' 等映射的key */\n  fieldName: Partial<{ [key in keyof typeof FieldName]: string }>;\n}\n\nexport enum Size {\n  /** 小 */\n  small = 'small',\n  /** 默认: 中 */\n  normal = 'normal',\n  /** 大 */\n  large = 'large',\n}\n\nexport enum Status {\n  /** 默认 */\n  normal = 'normal',\n  /** 成功 */\n  success = 'success',\n  /** 警告 */\n  warning = 'warning',\n  /** 错误 */\n  error = 'error',\n  /** 详细 */\n  info = 'info',\n  /** 主要 */\n  primary = 'primary',\n}\n\nexport interface BaseOption {\n  /** 图标 */\n  icon?: JSX.Element;\n  /** 值 */\n  value?: string | number;\n  /** 标题 */\n  label?: JSX.Element;\n  /** 不可用状态 */\n  disabled?: boolean;\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式 */\n  style?: Record<string, unknown>;\n  /** 选项状态\n   * @default 'normal'\n   */\n  status?: Status;\n  /** 分组子选项 */\n  options?: (BaseOption | string)[];\n  [key: string]: Any;\n}\n\nexport enum FieldName {\n  /** 标题 */\n  label = 'label',\n  /** 值 */\n  value = 'value',\n  /** 分组子选项 */\n  options = 'options',\n  /** 子选项 */\n  children = 'children',\n  /** 图标 */\n  icon = 'icon',\n  /** 后缀图标 */\n  suffix = 'suffix',\n}\n"],"names":["Size","Status","FieldName"],"rangeMappings":"","mappings":"uBAaYA,EASAC,EAqCAC,4OA9CAF,EAAAA,IAAAA,wDASAC,EAAAA,IAAAA,kHAqCAC,EAAAA,IAAAA"}

package/lib/button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/button/index.tsx"],"sourcesContent":["import {\n  Show,\n  createComponent,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  splitProps,\n} from 'solid-js';\nimport { isFunction } from '@moneko/common';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { Dynamic } from 'solid-js/web';\nimport { style } from './style';\nimport theme from '../theme';\nimport type { BasicConfig, CustomElement } from '..';\n\nexport interface ButtonProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 按钮类型 */\n  type?: 'success' | 'error' | 'primary' | 'warning' | 'default';\n  /** 透明背景 */\n  ghost?: boolean;\n  /** 实色背景 */\n  fill?: boolean;\n  /** 圆形按钮 */\n  circle?: boolean;\n  /** 虚线按钮 */\n  dashed?: boolean;\n  /** 扁平按钮 */\n  flat?: boolean;\n  /** 禁用按钮 */\n  disabled?: boolean;\n  /** 块按钮 */\n  block?: boolean;\n  /** 链接按钮 */\n  link?: boolean;\n  /** 危险按钮 */\n  danger?: boolean;\n  /** 自定义 tag\n   * @since 2.1.0\n   */\n  tag?: string;\n  /** 按钮尺寸\n   * @default 'normal'\n   */\n  size?: BasicConfig['size'];\n  /** 按钮前面添加一个图标 */\n  icon?: (() => JSX.Element) | JSX.Element;\n  children?: JSX.Element;\n}\nexport type ButtonElement = CustomElement<ButtonProps>;\n\nfunction Button(_: ButtonProps) {\n  const { baseStyle } = theme;\n  const _props = mergeProps({ size: 'normal', type: 'default' }, _);\n  const [local, other] = splitProps(_props, [\n    'ghost',\n    'fill',\n    'circle',\n    'dashed',\n    'flat',\n    'link',\n    'danger',\n    'children',\n    'block',\n    'size',\n    'type',\n    'class',\n    'icon',\n    'css',\n    'disabled',\n    'tag',\n  ]);\n  let ref: HTMLButtonElement | undefined;\n  const [animating, setAnimating] = createSignal(false);\n\n  function handleClick() {\n    if (!local.disabled) {\n      setAnimating(true);\n    }\n  }\n  function handleAnimationEnd() {\n    setAnimating(false);\n  }\n  const icon = createMemo(() => (isFunction(local.icon) ? local.icon() : local.icon));\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {css(local.css)}\n      </style>\n      <Dynamic\n        ref={ref}\n        component={local.link ? 'a' : local.tag || 'button'}\n        class={cx(\n          'btn',\n          local.type,\n          local.size,\n          local.danger && 'danger',\n          local.block && 'block',\n          local.fill && 'fill',\n          local.circle && 'circle',\n          local.flat && 'flat',\n          local.dashed && 'dashed',\n          local.ghost && 'ghost',\n          local.link && 'link',\n          local.disabled && 'disabled',\n          animating() && 'without',\n        )}\n        part=\"button\"\n        onClick={handleClick}\n        onAnimationEnd={handleAnimationEnd}\n        disabled={local.disabled}\n        role=\"button\"\n        {...other}\n      >\n        <Show when={local.icon}>\n          <span class=\"icon\" part=\"icon\">\n            {icon()}\n          </span>\n        </Show>\n        <span class=\"label\" part=\"label\">\n          {local.children}\n        </span>\n      </Dynamic>\n    </>\n  );\n}\n\ncustomElement<ButtonProps>(\n  'n-button',\n  {\n    class: void 0,\n    css: void 0,\n    type: void 0,\n    ghost: void 0,\n    fill: void 0,\n    circle: void 0,\n    dashed: void 0,\n    flat: void 0,\n    disabled: void 0,\n    block: void 0,\n    link: void 0,\n    danger: void 0,\n    size: void 0,\n    icon: void 0,\n    tag: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        css: el.css,\n        children: [...el.childNodes.values()],\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.replaceChildren();\n      el.removeAttribute('css');\n    });\n\n    return createComponent(Button, props);\n  },\n);\nexport default Button;\n"],"names":["Button","_","ref","baseStyle","theme","_props","mergeProps","size","type","local","other","splitProps","animating","setAnimating","createSignal","icon","createMemo","isFunction","style","css","Dynamic","link","tag","cx","danger","block","fill","circle","flat","dashed","ghost","disabled","Show","children","customElement","class","opt","el","element","props","childNodes","values","createEffect","replaceChildren","removeAttribute","createComponent"],"mappings":"kGA4KA,+CAAA,qBAhKwB,0BAJjB,wBACoB,4CACH,yBACM,2BAER,uBACJ,4MA0ClB,SAASA,EAAOC,CAAc,MAqBxBC,EApBJ,GAAM,CAAEC,UAAAA,CAAS,CAAE,CAAGC,SAAK,CACrBC,EAASC,GAAAA,YAAU,EAAC,CAAEC,KAAM,SAAUC,KAAM,SAAU,EAAGP,GACzD,CAACQ,EAAOC,EAAM,CAAGC,GAAAA,YAAU,EAACN,EAAQ,CACxC,QACA,OACA,SACA,SACA,OACA,OACA,SACA,WACA,QACA,OACA,OACA,QACA,OACA,MACA,WACA,MACD,EAEK,CAACO,EAAWC,EAAa,CAAGC,GAAAA,cAAY,EAAC,CAAA,GAUzCC,EAAOC,GAAAA,YAAU,EAAC,IAAOC,GAAAA,SAAU,EAACR,EAAMM,IAAI,EAAIN,EAAMM,IAAI,GAAKN,EAAMM,IAAI,EAEjF,4CAGOZ,uBACAe,OAAK,0BACLC,GAAAA,KAAG,EAACV,EAAMU,GAAG,oCAEfC,SAAO,gCACDlB,4BAAAA,4BACMO,EAAMY,IAAI,CAAG,IAAMZ,EAAMa,GAAG,EAAI,4BACpCC,GAAAA,IAAE,EACP,MACAd,EAAMD,IAAI,CACVC,EAAMF,IAAI,CACVE,EAAMe,MAAM,EAAI,SAChBf,EAAMgB,KAAK,EAAI,QACfhB,EAAMiB,IAAI,EAAI,OACdjB,EAAMkB,MAAM,EAAI,SAChBlB,EAAMmB,IAAI,EAAI,OACdnB,EAAMoB,MAAM,EAAI,SAChBpB,EAAMqB,KAAK,EAAI,QACfrB,EAAMY,IAAI,EAAI,OACdZ,EAAMsB,QAAQ,EAAI,WAClBnB,KAAe,kCAjCvB,WACOH,EAAMsB,QAAQ,EACjBlB,EAAa,CAAA,EAEjB,iBACA,WACEA,EAAa,CAAA,EACf,wBA+BgBJ,EAAMsB,QAAQ,iBAEpBrB,+CAEHsB,MAAI,oBAAOvB,EAAMM,IAAI,gDAEjBA,iDAIFN,EAAMwB,QAAQ,aAKzB,CAEAC,GAAAA,eAAa,EACX,WACA,CACEC,MAAO,KAAK,EACZhB,IAAK,KAAK,EACVX,KAAM,KAAK,EACXsB,MAAO,KAAK,EACZJ,KAAM,KAAK,EACXC,OAAQ,KAAK,EACbE,OAAQ,KAAK,EACbD,KAAM,KAAK,EACXG,SAAU,KAAK,EACfN,MAAO,KAAK,EACZJ,KAAM,KAAK,EACXG,OAAQ,KAAK,EACbjB,KAAM,KAAK,EACXQ,KAAM,KAAK,EACXO,IAAK,KAAK,CACZ,EACA,CAACrB,EAAGmC,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChBC,EAAQjC,GAAAA,YAAU,EACtB,CACEa,IAAKkB,EAAGlB,GAAG,CACXc,SAAU,IAAII,EAAGG,UAAU,CAACC,MAAM,GAAG,AACvC,EACAxC,GAQF,MALAyC,GAAAA,cAAY,EAAC,KACXL,EAAGM,eAAe,GAClBN,EAAGO,eAAe,CAAC,MACrB,GAEOC,GAAAA,iBAAe,EAAC7C,EAAQuC,EACjC,SAEF,EAAevC"}
+{"version":3,"sources":["../../components/button/index.tsx"],"sourcesContent":["import {\n  Show,\n  createComponent,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  splitProps,\n} from 'solid-js';\nimport { isFunction } from '@moneko/common';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { Dynamic } from 'solid-js/web';\nimport { style } from './style';\nimport theme from '../theme';\nimport type { BasicConfig, CustomElement } from '..';\n\nexport interface ButtonProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 按钮类型 */\n  type?: 'success' | 'error' | 'primary' | 'warning' | 'default';\n  /** 透明背景 */\n  ghost?: boolean;\n  /** 实色背景 */\n  fill?: boolean;\n  /** 圆形按钮 */\n  circle?: boolean;\n  /** 虚线按钮 */\n  dashed?: boolean;\n  /** 扁平按钮 */\n  flat?: boolean;\n  /** 禁用按钮 */\n  disabled?: boolean;\n  /** 块按钮 */\n  block?: boolean;\n  /** 链接按钮 */\n  link?: boolean;\n  /** 危险按钮 */\n  danger?: boolean;\n  /** 自定义 tag\n   * @since 2.1.0\n   */\n  tag?: string;\n  /** 按钮尺寸\n   * @default 'normal'\n   */\n  size?: BasicConfig['size'];\n  /** 按钮前面添加一个图标 */\n  icon?: (() => JSX.Element) | JSX.Element;\n  children?: JSX.Element;\n}\nexport type ButtonElement = CustomElement<ButtonProps>;\n\nfunction Button(_: ButtonProps) {\n  const { baseStyle } = theme;\n  const _props = mergeProps({ size: 'normal', type: 'default' }, _);\n  const [local, other] = splitProps(_props, [\n    'ghost',\n    'fill',\n    'circle',\n    'dashed',\n    'flat',\n    'link',\n    'danger',\n    'children',\n    'block',\n    'size',\n    'type',\n    'class',\n    'icon',\n    'css',\n    'disabled',\n    'tag',\n  ]);\n  let ref: HTMLButtonElement | undefined;\n  const [animating, setAnimating] = createSignal(false);\n\n  function handleClick() {\n    if (!local.disabled) {\n      setAnimating(true);\n    }\n  }\n  function handleAnimationEnd() {\n    setAnimating(false);\n  }\n  const icon = createMemo(() => (isFunction(local.icon) ? local.icon() : local.icon));\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {css(local.css)}\n      </style>\n      <Dynamic\n        ref={ref}\n        component={local.link ? 'a' : local.tag || 'button'}\n        class={cx(\n          'btn',\n          local.type,\n          local.size,\n          local.danger && 'danger',\n          local.block && 'block',\n          local.fill && 'fill',\n          local.circle && 'circle',\n          local.flat && 'flat',\n          local.dashed && 'dashed',\n          local.ghost && 'ghost',\n          local.link && 'link',\n          local.disabled && 'disabled',\n          animating() && 'without',\n        )}\n        part=\"button\"\n        onClick={handleClick}\n        onAnimationEnd={handleAnimationEnd}\n        disabled={local.disabled}\n        role=\"button\"\n        {...other}\n      >\n        <Show when={local.icon}>\n          <span class=\"icon\" part=\"icon\">\n            {icon()}\n          </span>\n        </Show>\n        <span class=\"label\" part=\"label\">\n          {local.children}\n        </span>\n      </Dynamic>\n    </>\n  );\n}\n\ncustomElement<ButtonProps>(\n  'n-button',\n  {\n    class: void 0,\n    css: void 0,\n    type: void 0,\n    ghost: void 0,\n    fill: void 0,\n    circle: void 0,\n    dashed: void 0,\n    flat: void 0,\n    disabled: void 0,\n    block: void 0,\n    link: void 0,\n    danger: void 0,\n    size: void 0,\n    icon: void 0,\n    tag: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        css: el.css,\n        children: [...el.childNodes.values()],\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.replaceChildren();\n      el.removeAttribute('css');\n    });\n\n    return createComponent(Button, props);\n  },\n);\nexport default Button;\n"],"names":["Button","_","ref","baseStyle","theme","_props","mergeProps","size","type","local","other","splitProps","animating","setAnimating","createSignal","icon","createMemo","isFunction","style","css","Dynamic","link","tag","cx","danger","block","fill","circle","flat","dashed","ghost","disabled","Show","children","customElement","class","opt","el","element","props","childNodes","values","createEffect","replaceChildren","removeAttribute","createComponent"],"rangeMappings":"","mappings":"kGA4KA,+CAAA,qBAhKwB,0BAJjB,wBACoB,4CACH,yBACM,2BAER,uBACJ,4MA0ClB,SAASA,EAAOC,CAAc,MAqBxBC,EApBJ,GAAM,CAAEC,UAAAA,CAAS,CAAE,CAAGC,SAAK,CACrBC,EAASC,GAAAA,YAAU,EAAC,CAAEC,KAAM,SAAUC,KAAM,SAAU,EAAGP,GACzD,CAACQ,EAAOC,EAAM,CAAGC,GAAAA,YAAU,EAACN,EAAQ,CACxC,QACA,OACA,SACA,SACA,OACA,OACA,SACA,WACA,QACA,OACA,OACA,QACA,OACA,MACA,WACA,MACD,EAEK,CAACO,EAAWC,EAAa,CAAGC,GAAAA,cAAY,EAAC,CAAA,GAUzCC,EAAOC,GAAAA,YAAU,EAAC,IAAOC,GAAAA,SAAU,EAACR,EAAMM,IAAI,EAAIN,EAAMM,IAAI,GAAKN,EAAMM,IAAI,EAEjF,4CAGOZ,uBACAe,OAAK,0BACLC,GAAAA,KAAG,EAACV,EAAMU,GAAG,oCAEfC,SAAO,gCACDlB,4BAAAA,4BACMO,EAAMY,IAAI,CAAG,IAAMZ,EAAMa,GAAG,EAAI,4BACpCC,GAAAA,IAAE,EACP,MACAd,EAAMD,IAAI,CACVC,EAAMF,IAAI,CACVE,EAAMe,MAAM,EAAI,SAChBf,EAAMgB,KAAK,EAAI,QACfhB,EAAMiB,IAAI,EAAI,OACdjB,EAAMkB,MAAM,EAAI,SAChBlB,EAAMmB,IAAI,EAAI,OACdnB,EAAMoB,MAAM,EAAI,SAChBpB,EAAMqB,KAAK,EAAI,QACfrB,EAAMY,IAAI,EAAI,OACdZ,EAAMsB,QAAQ,EAAI,WAClBnB,KAAe,kCAjCvB,WACOH,EAAMsB,QAAQ,EACjBlB,EAAa,CAAA,EAEjB,iBACA,WACEA,EAAa,CAAA,EACf,wBA+BgBJ,EAAMsB,QAAQ,iBAEpBrB,+CAEHsB,MAAI,oBAAOvB,EAAMM,IAAI,gDAEjBA,iDAIFN,EAAMwB,QAAQ,aAKzB,CAEAC,GAAAA,eAAa,EACX,WACA,CACEC,MAAO,KAAK,EACZhB,IAAK,KAAK,EACVX,KAAM,KAAK,EACXsB,MAAO,KAAK,EACZJ,KAAM,KAAK,EACXC,OAAQ,KAAK,EACbE,OAAQ,KAAK,EACbD,KAAM,KAAK,EACXG,SAAU,KAAK,EACfN,MAAO,KAAK,EACZJ,KAAM,KAAK,EACXG,OAAQ,KAAK,EACbjB,KAAM,KAAK,EACXQ,KAAM,KAAK,EACXO,IAAK,KAAK,CACZ,EACA,CAACrB,EAAGmC,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChBC,EAAQjC,GAAAA,YAAU,EACtB,CACEa,IAAKkB,EAAGlB,GAAG,CACXc,SAAU,IAAII,EAAGG,UAAU,CAACC,MAAM,GAAG,AACvC,EACAxC,GAQF,MALAyC,GAAAA,cAAY,EAAC,KACXL,EAAGM,eAAe,GAClBN,EAAGO,eAAe,CAAC,MACrB,GAEOC,GAAAA,iBAAe,EAAC7C,EAAQuC,EACjC,SAEF,EAAevC"}

package/lib/button/style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/button/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\nimport type { ButtonProps } from '.';\n\nfunction btnColor(type: ButtonProps['type']): string {\n  let _cls = `.${type}`,\n    fillCls = `.${type}.fill`;\n\n  if (type === 'error') {\n    _cls = `.${type},.danger`;\n    fillCls = `.${type}.fill,.danger.fill`;\n  }\n\n  return css`\n    ${_cls}:not(.disabled) {\n      --btn-border: var(--${type}-border);\n      --btn-bg: var(--${type}-selection);\n      --btn-hover-bg: var(--btn-bg);\n      --btn-hover-color: var(--${type}-hover);\n      --btn-active-color: var(--${type}-active);\n      --btn-outline-color: var(--${type}-outline);\n      --btn-color: var(--${type}-color);\n    }\n    ${fillCls} {\n      --btn-bg: var(--${type}-color);\n      --btn-border: var(--${type}-color);\n      --btn-hover-bg: var(--${type}-hover);\n      --btn-active-bg: var(--${type}-active);\n    }\n  `;\n}\n\nexport const style = css`\n  .btn,\n  .label {\n    transition-duration: var(--transition-duration);\n  }\n\n  .label {\n    display: block;\n    line-height: normal;\n    overflow: hidden;\n    text-align: center;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    transition-property: color;\n  }\n\n  .btn {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid var(--btn-border);\n    border-radius: var(--border-radius);\n    padding: 0 16px;\n    inline-size: fit-content;\n    min-inline-size: var(--btn-size);\n    block-size: fit-content;\n    min-block-size: var(--btn-size);\n    font-size: var(--font-size);\n    color: var(--btn-color);\n    background-color: var(--btn-bg);\n    outline-offset: 4px;\n    gap: 3px;\n    line-height: 1;\n    cursor: pointer;\n    transition-property: color, background-color, border-color, width, height, transform;\n    touch-action: manipulation;\n    box-sizing: border-box;\n    user-select: none;\n    outline: none;\n\n    &:has(.icon) {\n      padding: 4px 10px;\n    }\n\n    &:not(.disabled) {\n      &:active {\n        transform: scale(0.98);\n\n        .label {\n          color: var(--btn-active-color);\n        }\n\n        &:not(.link, .flat) {\n          border-color: var(--btn-active-color);\n        }\n\n        &:not(.link) {\n          background-color: var(--btn-hover-bg);\n        }\n      }\n\n      &:hover:not(.link) {\n        background-color: var(--btn-hover-bg);\n      }\n\n      &:hover:not(.link, .flat),\n      &:focus:not(.link, .flat) {\n        border-color: var(--btn-hover-color);\n      }\n\n      &:hover .label,\n      &:focus .label {\n        color: var(--btn-hover-color);\n      }\n    }\n\n    &.disabled {\n      --btn-color: var(--disable-color);\n      --btn-bg: var(--disable-bg);\n      --btn-border: var(--disable-border);\n\n      cursor: not-allowed;\n    }\n  }\n\n  .normal {\n    --btn-size: 32px;\n  }\n\n  .small {\n    --btn-size: 24px;\n\n    gap: 2px;\n    padding: 0 7px;\n    font-size: var(--font-size-xs);\n\n    &:has(.icon) {\n      padding: 4px 5px;\n    }\n  }\n\n  .large {\n    --btn-size: 40px;\n\n    font-size: var(--font-size-lg);\n    gap: 4px;\n\n    &:has(.icon) {\n      padding: 4px 12px;\n    }\n  }\n\n  .default:not(.disabled) {\n    --btn-outline-color: var(--primary-outline);\n    --btn-color: var(--text-color);\n    --btn-bg: var(--component-bg);\n    --btn-border: var(--border-color);\n    --btn-hover-color: var(--primary-hover);\n    --btn-active-color: var(--primary-active);\n  }\n  ${btnColor('primary')}\n  ${btnColor('error')}\n  ${btnColor('success')}\n  ${btnColor('warning')}\n  .fill {\n    &:not(.disabled, .default) {\n      .label {\n        color: #fff !important;\n      }\n\n      &:hover {\n        --btn-bg: var(--btn-hover-color) !important;\n      }\n\n      &:active {\n        --btn-bg: var(--btn-active-color) !important;\n      }\n    }\n  }\n\n  .fill.danger.default {\n    .label {\n      color: #fff !important;\n    }\n  }\n\n  .dashed {\n    border-style: dashed;\n  }\n\n  .link {\n    --btn-bg: transparent !important;\n    --btn-border: transparent !important;\n\n    border-color: transparent !important;\n    background-color: transparent !important;\n\n    &::after {\n      content: none;\n    }\n  }\n\n  .flat {\n    --btn-border: transparent !important;\n\n    background-color: transparent;\n\n    &:not(.disabled, .link).default {\n      --btn-hover-bg: rgb(0 0 0 / 6%);\n    }\n  }\n\n  .ghost {\n    background-color: transparent !important;\n  }\n\n  .circle {\n    border-radius: 50% !important;\n    padding: 0;\n    min-inline-size: var(--btn-size);\n    max-inline-size: var(--btn-size);\n    min-block-size: var(--btn-size);\n    max-block-size: var(--btn-size);\n    text-align: center;\n    line-height: var(--btn-size);\n  }\n\n  .block {\n    inline-size: 100%;\n  }\n\n  .without:not(.link, .flat)::before {\n    animation: btn-wave-effect var(--transition-duration) cubic-bezier(1, 1, 1, 1);\n    position: absolute;\n    z-index: -1;\n    display: block;\n    border-radius: inherit;\n    opacity: 0.2;\n    box-shadow: 0 0 0 0 var(--btn-outline-color);\n    inset: 0;\n    animation-fill-mode: forwards;\n    content: '';\n    pointer-events: none;\n  }\n\n  @keyframes btn-wave-effect {\n    0% {\n      opacity: 1;\n      box-shadow: 0 0 0 var(--btn-hover-color);\n    }\n\n    /* 25% {\n      opacity: 1;\n      box-shadow: 0 0 0 4px var(--btn-hover-color);\n    } */\n\n    100% {\n      opacity: 0;\n      box-shadow: 0 0 0 6px var(--btn-outline-color);\n    }\n  }\n`;\n"],"names":["style","btnColor","type","_cls","fillCls","css"],"mappings":"kGA+BaA,6CAAAA,qBA/BO,eAGpB,SAASC,EAASC,CAAyB,EACzC,IAAIC,EAAO,CAAC,CAAC,EAAED,EAAK,CAAC,CACnBE,EAAU,CAAC,CAAC,EAAEF,EAAK,KAAK,CAAC,CAO3B,MALa,UAATA,IACFC,EAAO,CAAC,CAAC,EAAED,EAAK,QAAQ,CAAC,CACzBE,EAAU,CAAC,CAAC,EAAEF,EAAK,kBAAkB,CAAC,EAGjCG,GAAAA,KAAG,CAAA,CAAC;IACT,EAAEF,EAAK;0BACe,EAAED,EAAK;sBACX,EAAEA,EAAK;;+BAEE,EAAEA,EAAK;gCACN,EAAEA,EAAK;iCACN,EAAEA,EAAK;yBACf,EAAEA,EAAK;;IAE5B,EAAEE,EAAQ;sBACQ,EAAEF,EAAK;0BACH,EAAEA,EAAK;4BACL,EAAEA,EAAK;6BACN,EAAEA,EAAK;;EAElC,CAAC,AACH,CAEO,MAAMF,EAAQK,GAAAA,KAAG,CAAA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwHvB,EAAEJ,EAAS,WAAW;EACtB,EAAEA,EAAS,SAAS;EACpB,EAAEA,EAAS,WAAW;EACtB,EAAEA,EAAS,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGxB,CAAC"}
+{"version":3,"sources":["../../components/button/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\nimport type { ButtonProps } from '.';\n\nfunction btnColor(type: ButtonProps['type']): string {\n  let _cls = `.${type}`,\n    fillCls = `.${type}.fill`;\n\n  if (type === 'error') {\n    _cls = `.${type},.danger`;\n    fillCls = `.${type}.fill,.danger.fill`;\n  }\n\n  return css`\n    ${_cls}:not(.disabled) {\n      --btn-border: var(--${type}-border);\n      --btn-bg: var(--${type}-selection);\n      --btn-hover-bg: var(--btn-bg);\n      --btn-hover-color: var(--${type}-hover);\n      --btn-active-color: var(--${type}-active);\n      --btn-outline-color: var(--${type}-outline);\n      --btn-color: var(--${type}-color);\n    }\n    ${fillCls} {\n      --btn-bg: var(--${type}-color);\n      --btn-border: var(--${type}-color);\n      --btn-hover-bg: var(--${type}-hover);\n      --btn-active-bg: var(--${type}-active);\n    }\n  `;\n}\n\nexport const style = css`\n  .btn,\n  .label {\n    transition-duration: var(--transition-duration);\n  }\n\n  .label {\n    display: block;\n    line-height: normal;\n    overflow: hidden;\n    text-align: center;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    transition-property: color;\n  }\n\n  .btn {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid var(--btn-border);\n    border-radius: var(--border-radius);\n    padding: 0 16px;\n    inline-size: fit-content;\n    min-inline-size: var(--btn-size);\n    block-size: fit-content;\n    min-block-size: var(--btn-size);\n    font-size: var(--font-size);\n    color: var(--btn-color);\n    background-color: var(--btn-bg);\n    outline-offset: 4px;\n    gap: 3px;\n    line-height: 1;\n    cursor: pointer;\n    transition-property: color, background-color, border-color, width, height, transform;\n    touch-action: manipulation;\n    box-sizing: border-box;\n    user-select: none;\n    outline: none;\n\n    &:has(.icon) {\n      padding: 4px 10px;\n    }\n\n    &:not(.disabled) {\n      &:active {\n        transform: scale(0.98);\n\n        .label {\n          color: var(--btn-active-color);\n        }\n\n        &:not(.link, .flat) {\n          border-color: var(--btn-active-color);\n        }\n\n        &:not(.link) {\n          background-color: var(--btn-hover-bg);\n        }\n      }\n\n      &:hover:not(.link) {\n        background-color: var(--btn-hover-bg);\n      }\n\n      &:hover:not(.link, .flat),\n      &:focus:not(.link, .flat) {\n        border-color: var(--btn-hover-color);\n      }\n\n      &:hover .label,\n      &:focus .label {\n        color: var(--btn-hover-color);\n      }\n    }\n\n    &.disabled {\n      --btn-color: var(--disable-color);\n      --btn-bg: var(--disable-bg);\n      --btn-border: var(--disable-border);\n\n      cursor: not-allowed;\n    }\n  }\n\n  .normal {\n    --btn-size: 32px;\n  }\n\n  .small {\n    --btn-size: 24px;\n\n    gap: 2px;\n    padding: 0 7px;\n    font-size: var(--font-size-xs);\n\n    &:has(.icon) {\n      padding: 4px 5px;\n    }\n  }\n\n  .large {\n    --btn-size: 40px;\n\n    font-size: var(--font-size-lg);\n    gap: 4px;\n\n    &:has(.icon) {\n      padding: 4px 12px;\n    }\n  }\n\n  .default:not(.disabled) {\n    --btn-outline-color: var(--primary-outline);\n    --btn-color: var(--text-color);\n    --btn-bg: var(--component-bg);\n    --btn-border: var(--border-color);\n    --btn-hover-color: var(--primary-hover);\n    --btn-active-color: var(--primary-active);\n  }\n  ${btnColor('primary')}\n  ${btnColor('error')}\n  ${btnColor('success')}\n  ${btnColor('warning')}\n  .fill {\n    &:not(.disabled, .default) {\n      .label {\n        color: #fff !important;\n      }\n\n      &:hover {\n        --btn-bg: var(--btn-hover-color) !important;\n      }\n\n      &:active {\n        --btn-bg: var(--btn-active-color) !important;\n      }\n    }\n  }\n\n  .fill.danger.default {\n    .label {\n      color: #fff !important;\n    }\n  }\n\n  .dashed {\n    border-style: dashed;\n  }\n\n  .link {\n    --btn-bg: transparent !important;\n    --btn-border: transparent !important;\n\n    border-color: transparent !important;\n    background-color: transparent !important;\n\n    &::after {\n      content: none;\n    }\n  }\n\n  .flat {\n    --btn-border: transparent !important;\n\n    background-color: transparent;\n\n    &:not(.disabled, .link).default {\n      --btn-hover-bg: rgb(0 0 0 / 6%);\n    }\n  }\n\n  .ghost {\n    background-color: transparent !important;\n  }\n\n  .circle {\n    border-radius: 50% !important;\n    padding: 0;\n    min-inline-size: var(--btn-size);\n    max-inline-size: var(--btn-size);\n    min-block-size: var(--btn-size);\n    max-block-size: var(--btn-size);\n    text-align: center;\n    line-height: var(--btn-size);\n  }\n\n  .block {\n    inline-size: 100%;\n  }\n\n  .without:not(.link, .flat)::before {\n    animation: btn-wave-effect var(--transition-duration) cubic-bezier(1, 1, 1, 1);\n    position: absolute;\n    z-index: -1;\n    display: block;\n    border-radius: inherit;\n    opacity: 0.2;\n    box-shadow: 0 0 0 0 var(--btn-outline-color);\n    inset: 0;\n    animation-fill-mode: forwards;\n    content: '';\n    pointer-events: none;\n  }\n\n  @keyframes btn-wave-effect {\n    0% {\n      opacity: 1;\n      box-shadow: 0 0 0 var(--btn-hover-color);\n    }\n\n    /* 25% {\n      opacity: 1;\n      box-shadow: 0 0 0 4px var(--btn-hover-color);\n    } */\n\n    100% {\n      opacity: 0;\n      box-shadow: 0 0 0 6px var(--btn-outline-color);\n    }\n  }\n`;\n"],"names":["style","btnColor","type","_cls","fillCls","css"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"kGA+BaA,6CAAAA,qBA/BO,eAGpB,SAASC,EAASC,CAAyB,EACzC,IAAIC,EAAO,CAAC,CAAC,EAAED,EAAK,CAAC,CACnBE,EAAU,CAAC,CAAC,EAAEF,EAAK,KAAK,CAAC,CAO3B,MALa,UAATA,IACFC,EAAO,CAAC,CAAC,EAAED,EAAK,QAAQ,CAAC,CACzBE,EAAU,CAAC,CAAC,EAAEF,EAAK,kBAAkB,CAAC,EAGjCG,GAAAA,KAAG,CAAA,CAAC;IACT,EAAEF,EAAK;0BACe,EAAED,EAAK;sBACX,EAAEA,EAAK;;+BAEE,EAAEA,EAAK;gCACN,EAAEA,EAAK;iCACN,EAAEA,EAAK;yBACf,EAAEA,EAAK;;IAE5B,EAAEE,EAAQ;sBACQ,EAAEF,EAAK;0BACH,EAAEA,EAAK;4BACL,EAAEA,EAAK;6BACN,EAAEA,EAAK;;EAElC,CAAC,AACH,CAEO,MAAMF,EAAQK,GAAAA,KAAG,CAAA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwHvB,EAAEJ,EAAS,WAAW;EACtB,EAAEA,EAAS,SAAS;EACpB,EAAEA,EAAS,WAAW;EACtB,EAAEA,EAAS,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGxB,CAAC"}