neko-ui 2.7.0 → 2.7.1

package/es/date-picker/date.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/date-picker/date.tsx"],"sourcesContent":["import { For, createMemo } from 'solid-js';\nimport { cx } from '@moneko/css';\nimport dayjs from './dayjs';\n\ntype DatePanelProps = {\n  current: dayjs.Dayjs;\n  onChange(next: dayjs.Dayjs): void;\n};\nfunction DatePanel(props: DatePanelProps) {\n  function getDays(_dayjs: dayjs.Dayjs): number[] {\n    return Array.from({ length: _dayjs.daysInMonth() }, (_, i) => i + 1);\n  }\n  const prevDays = createMemo(() => {\n    const len = props.current.startOf('month').day();\n\n    if (!len) return [];\n    const _: number[] = [];\n    const lastDayOfMonth = props.current.subtract(1, 'month').endOf('month');\n\n    for (let i = len - 1; i >= 0; i--) {\n      _.push(lastDayOfMonth.subtract(i, 'day').get('date'));\n    }\n\n    return _;\n  });\n  const nextDays = createMemo(() =>\n    Array.from({ length: 6 - props.current.endOf('month').day() }, (_, i) => i + 1),\n  );\n\n  const allDays = createMemo(() => [...prevDays(), ...getDays(props.current), ...nextDays()]);\n\n  function isPrev(idx: number) {\n    return idx < prevDays().length;\n  }\n  function isNext(idx: number) {\n    return idx >= allDays().length - nextDays().length;\n  }\n  return (\n    <For each={allDays()}>\n      {(d, i) => {\n        const cls = createMemo(() => {\n          const idx = i();\n\n          if (isPrev(idx)) return 'date-day date-opacity';\n          if (isNext(idx)) return 'date-day date-opacity';\n          return 'date-day';\n        });\n        const isActive = createMemo(() => {\n          const idx = i();\n\n          return !isPrev(idx) && !isNext(idx) && props.current.get('date') === d;\n        });\n\n        function setDate(date: number) {\n          const idx = i();\n          const previousMonth = props.current.subtract(1, 'month');\n          const nextMonth = props.current.subtract(-1, 'month');\n\n          const next = (isPrev(idx) ? previousMonth : isNext(idx) ? nextMonth : props.current).set(\n            'date',\n            date,\n          );\n\n          if (!props.current.isSame(next)) {\n            props.onChange(next);\n          }\n        }\n\n        return (\n          <n-button\n            type=\"primary\"\n            circle={true}\n            flat={true}\n            class={cx(cls(), isActive() && 'date-active')}\n            tag={isActive() ? 'strong' : 'button'}\n            onClick={setDate.bind(null, d)}\n          >\n            {d}\n          </n-button>\n        );\n      }}\n    </For>\n  );\n}\n\nexport default DatePanel;\n"],"names":["For","createMemo","cx","props","prevDays","len","current","startOf","day","_","lastDayOfMonth","subtract","endOf","i","push","get","nextDays","Array","from","length","allDays","_dayjs","daysInMonth","isPrev","idx","isNext","d","cls","isActive","setDate","date","previousMonth","nextMonth","next","set","isSame","onChange","bind"],"mappings":"4XAAA,QAASA,OAAAA,CAAG,CAAEC,cAAAA,CAAU,KAAQ,UAAW,AAC3C,QAASC,MAAAA,CAAE,KAAQ,aAAc,AAoFjC,gBA7EA,SAAmBC,CAAqB,EAItC,IAAMC,EAAWH,EAAW,KAC1B,IAAMI,EAAMF,EAAMG,OAAO,CAACC,OAAO,CAAC,SAASC,GAAG,GAE9C,GAAI,CAACH,EAAK,MAAO,EAAE,CACnB,IAAMI,EAAc,EAAE,CAChBC,EAAiBP,EAAMG,OAAO,CAACK,QAAQ,CAAC,EAAG,SAASC,KAAK,CAAC,SAEhE,IAAK,IAAIC,EAAIR,EAAM,EAAGQ,GAAK,EAAGA,IAC5BJ,EAAEK,IAAI,CAACJ,EAAeC,QAAQ,CAACE,EAAG,OAAOE,GAAG,CAAC,SAG/C,OAAON,CACT,GACMO,EAAWf,EAAW,IAC1BgB,MAAMC,IAAI,CAAC,CAAEC,OAAQ,EAAIhB,EAAMG,OAAO,CAACM,KAAK,CAAC,SAASJ,GAAG,EAAG,EAAG,CAACC,EAAGI,IAAMA,EAAI,IAGzEO,EAAUnB,EAAW,IAAM,IAAIG,OAnB5Ba,MAAMC,IAAI,CAAC,CAAEC,OAAQE,AAmB8BlB,EAAMG,OAAO,CAnBpCgB,WAAW,EAAG,EAAG,CAACb,EAAGI,IAAMA,EAAI,MAmBWG,IAAW,EAE1F,SAASO,EAAOC,CAAW,EACzB,OAAOA,EAAMpB,IAAWe,MAAM,AAChC,CACA,SAASM,EAAOD,CAAW,EACzB,OAAOA,GAAOJ,IAAUD,MAAM,CAAGH,IAAWG,MAAM,AACpD,CACA,SACGnB,qBAAUoB,cACR,CAACM,EAAGb,KACH,IAAMc,EAAM1B,EAAW,KACrB,IAAMuB,EAAMX,WAEZ,AAAIU,EAAOC,IACPC,EAAOD,GADa,wBAEjB,UACT,GACMI,EAAW3B,EAAW,KAC1B,IAAMuB,EAAMX,IAEZ,MAAO,CAACU,EAAOC,IAAQ,CAACC,EAAOD,IAAQrB,EAAMG,OAAO,CAACS,GAAG,CAAC,UAAYW,CACvE,GAEA,SAASG,EAAQC,CAAY,EAC3B,IAAMN,EAAMX,IACNkB,EAAgB5B,EAAMG,OAAO,CAACK,QAAQ,CAAC,EAAG,SAC1CqB,EAAY7B,EAAMG,OAAO,CAACK,QAAQ,CAAC,GAAI,SAEvCsB,EAAO,AAACV,CAAAA,EAAOC,GAAOO,EAAgBN,EAAOD,GAAOQ,EAAY7B,EAAMG,OAAO,AAAD,EAAG4B,GAAG,CACtF,OACAJ,GAGG3B,EAAMG,OAAO,CAAC6B,MAAM,CAACF,IACxB9B,EAAMiC,QAAQ,CAACH,EAEnB,CAEA,yCAOaJ,EAAQQ,IAAI,CAAC,KAAMX,gBAJpB,CAAA,SACF,CAAA,oBAKLA,eAJMxB,EAAGyB,IAAOC,KAAc,iBAC1BA,IAAa,SAAW,uGAMnC,GAGN"}
+{"version":3,"sources":["../../components/date-picker/date.tsx"],"sourcesContent":["import { For, createMemo } from 'solid-js';\nimport { cx } from '@moneko/css';\nimport dayjs from './dayjs';\n\ntype DatePanelProps = {\n  current: dayjs.Dayjs;\n  onChange(next: dayjs.Dayjs): void;\n};\nfunction DatePanel(props: DatePanelProps) {\n  function getDays(_dayjs: dayjs.Dayjs): number[] {\n    return Array.from({ length: _dayjs.daysInMonth() }, (_, i) => i + 1);\n  }\n  const prevDays = createMemo(() => {\n    const len = props.current.startOf('month').day();\n\n    if (!len) return [];\n    const _: number[] = [];\n    const lastDayOfMonth = props.current.subtract(1, 'month').endOf('month');\n\n    for (let i = len - 1; i >= 0; i--) {\n      _.push(lastDayOfMonth.subtract(i, 'day').get('date'));\n    }\n\n    return _;\n  });\n  const nextDays = createMemo(() =>\n    Array.from({ length: 6 - props.current.endOf('month').day() }, (_, i) => i + 1),\n  );\n\n  const allDays = createMemo(() => [...prevDays(), ...getDays(props.current), ...nextDays()]);\n\n  function isPrev(idx: number) {\n    return idx < prevDays().length;\n  }\n  function isNext(idx: number) {\n    return idx >= allDays().length - nextDays().length;\n  }\n  return (\n    <For each={allDays()}>\n      {(d, i) => {\n        const cls = createMemo(() => {\n          const idx = i();\n\n          if (isPrev(idx)) return 'date-day date-opacity';\n          if (isNext(idx)) return 'date-day date-opacity';\n          return 'date-day';\n        });\n        const isActive = createMemo(() => {\n          const idx = i();\n\n          return !isPrev(idx) && !isNext(idx) && props.current.get('date') === d;\n        });\n\n        function setDate(date: number) {\n          const idx = i();\n          const previousMonth = props.current.subtract(1, 'month');\n          const nextMonth = props.current.subtract(-1, 'month');\n\n          const next = (isPrev(idx) ? previousMonth : isNext(idx) ? nextMonth : props.current).set(\n            'date',\n            date,\n          );\n\n          if (!props.current.isSame(next)) {\n            props.onChange(next);\n          }\n        }\n\n        return (\n          <n-button\n            type=\"primary\"\n            circle={true}\n            flat={true}\n            class={cx(cls(), isActive() && 'date-active')}\n            tag={isActive() ? 'strong' : 'button'}\n            onClick={setDate.bind(null, d)}\n          >\n            {d}\n          </n-button>\n        );\n      }}\n    </For>\n  );\n}\n\nexport default DatePanel;\n"],"names":["For","createMemo","cx","props","prevDays","len","current","startOf","day","_","lastDayOfMonth","subtract","endOf","i","push","get","nextDays","Array","from","length","allDays","_dayjs","daysInMonth","isPrev","idx","isNext","d","cls","isActive","setDate","date","previousMonth","nextMonth","next","set","isSame","onChange","bind"],"rangeMappings":"","mappings":"4XAAA,QAASA,OAAAA,CAAG,CAAEC,cAAAA,CAAU,KAAQ,UAAW,AAC3C,QAASC,MAAAA,CAAE,KAAQ,aAAc,AAoFjC,gBA7EA,SAAmBC,CAAqB,EAItC,IAAMC,EAAWH,EAAW,KAC1B,IAAMI,EAAMF,EAAMG,OAAO,CAACC,OAAO,CAAC,SAASC,GAAG,GAE9C,GAAI,CAACH,EAAK,MAAO,EAAE,CACnB,IAAMI,EAAc,EAAE,CAChBC,EAAiBP,EAAMG,OAAO,CAACK,QAAQ,CAAC,EAAG,SAASC,KAAK,CAAC,SAEhE,IAAK,IAAIC,EAAIR,EAAM,EAAGQ,GAAK,EAAGA,IAC5BJ,EAAEK,IAAI,CAACJ,EAAeC,QAAQ,CAACE,EAAG,OAAOE,GAAG,CAAC,SAG/C,OAAON,CACT,GACMO,EAAWf,EAAW,IAC1BgB,MAAMC,IAAI,CAAC,CAAEC,OAAQ,EAAIhB,EAAMG,OAAO,CAACM,KAAK,CAAC,SAASJ,GAAG,EAAG,EAAG,CAACC,EAAGI,IAAMA,EAAI,IAGzEO,EAAUnB,EAAW,IAAM,IAAIG,OAnB5Ba,MAAMC,IAAI,CAAC,CAAEC,OAAQE,AAmB8BlB,EAAMG,OAAO,CAnBpCgB,WAAW,EAAG,EAAG,CAACb,EAAGI,IAAMA,EAAI,MAmBWG,IAAW,EAE1F,SAASO,EAAOC,CAAW,EACzB,OAAOA,EAAMpB,IAAWe,MAAM,AAChC,CACA,SAASM,EAAOD,CAAW,EACzB,OAAOA,GAAOJ,IAAUD,MAAM,CAAGH,IAAWG,MAAM,AACpD,CACA,SACGnB,qBAAUoB,cACR,CAACM,EAAGb,KACH,IAAMc,EAAM1B,EAAW,KACrB,IAAMuB,EAAMX,WAEZ,AAAIU,EAAOC,IACPC,EAAOD,GADa,wBAEjB,UACT,GACMI,EAAW3B,EAAW,KAC1B,IAAMuB,EAAMX,IAEZ,MAAO,CAACU,EAAOC,IAAQ,CAACC,EAAOD,IAAQrB,EAAMG,OAAO,CAACS,GAAG,CAAC,UAAYW,CACvE,GAEA,SAASG,EAAQC,CAAY,EAC3B,IAAMN,EAAMX,IACNkB,EAAgB5B,EAAMG,OAAO,CAACK,QAAQ,CAAC,EAAG,SAC1CqB,EAAY7B,EAAMG,OAAO,CAACK,QAAQ,CAAC,GAAI,SAEvCsB,EAAO,AAACV,CAAAA,EAAOC,GAAOO,EAAgBN,EAAOD,GAAOQ,EAAY7B,EAAMG,OAAO,AAAD,EAAG4B,GAAG,CACtF,OACAJ,GAGG3B,EAAMG,OAAO,CAAC6B,MAAM,CAACF,IACxB9B,EAAMiC,QAAQ,CAACH,EAEnB,CAEA,yCAOaJ,EAAQQ,IAAI,CAAC,KAAMX,gBAJpB,CAAA,SACF,CAAA,oBAKLA,eAJMxB,EAAGyB,IAAOC,KAAc,iBAC1BA,IAAa,SAAW,uGAMnC,GAGN"}

package/es/date-picker/dayjs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/date-picker/dayjs.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport 'dayjs/locale/zh-cn';\nimport localData from 'dayjs/plugin/localeData';\n\ndayjs.extend(localData);\ndayjs.locale('zh-cn');\n\nexport default dayjs;\n"],"names":["dayjs","localData","extend","locale"],"mappings":"AAAA,OAAOA,MAAW,OAAQ,AAC1B,OAAO,oBAAqB,AAC5B,QAAOC,MAAe,yBAA0B,CAEhDD,EAAME,MAAM,CAACD,GACbD,EAAMG,MAAM,CAAC,QAEb,gBAAeH,CAAM"}
+{"version":3,"sources":["../../components/date-picker/dayjs.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport 'dayjs/locale/zh-cn';\nimport localData from 'dayjs/plugin/localeData';\n\ndayjs.extend(localData);\ndayjs.locale('zh-cn');\n\nexport default dayjs;\n"],"names":["dayjs","localData","extend","locale"],"rangeMappings":"","mappings":"AAAA,OAAOA,MAAW,OAAQ,AAC1B,OAAO,oBAAqB,AAC5B,QAAOC,MAAe,yBAA0B,CAEhDD,EAAME,MAAM,CAACD,GACbD,EAAMG,MAAM,CAAC,QAEb,gBAAeH,CAAM"}

package/es/date-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/date-picker/index.tsx"],"sourcesContent":["import {\n  createComponent,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  splitProps,\n  untrack,\n} from 'solid-js';\nimport { customElement } from 'solid-element';\nimport dayjs from './dayjs';\nimport Panel from './panel';\nimport { styles } from './style';\nimport '../button';\nimport '../menu';\nimport Popover, { defaultProps } from '../popover';\nimport type { CustomElement, InputElement, PopoverProps } from '..';\n\nfunction DatePicker(_props: DatePickerProps) {\n  let ref: InputElement | undefined;\n  const props = mergeProps(\n    {\n      type: 'date' as DatePickerProps['type'],\n      parser: 'YYYY-MM-DD HH:mm:ss',\n    },\n    _props,\n  );\n  const [local, other] = splitProps(props, [\n    'class',\n    'css',\n    'value',\n    'defaultValue',\n    'onChange',\n    'type',\n    'content',\n    'onOpenChange',\n    'open',\n    'format',\n    'popupCss',\n    'trigger',\n    'parser',\n    'showTime',\n    'showHour',\n    'showMinute',\n    'showSecond',\n    'prefixIcon',\n    'suffixIcon',\n    'placeholder',\n    'showToday',\n    'showHeader',\n  ]);\n  const [open, setOpen] = createSignal<boolean | null>(null);\n  const [current, setCurrent] = createSignal(dayjs(local.defaultValue));\n\n  const format = createMemo(() => {\n    if (local.format) {\n      return local.format;\n    }\n    if (local.showTime) return 'YYYY-MM-DD HH:mm:ss';\n    return {\n      month: 'YYYY-MM',\n      date: 'YYYY-MM-DD',\n      year: 'YYYY',\n    }[local.type || 'date'];\n  });\n\n  function openChange(next: boolean | null) {\n    if (!other.disabled) {\n      local.onOpenChange?.(next);\n      if (local.open === void 0) {\n        setOpen(next);\n      }\n    }\n  }\n\n  function focus(e: FocusEvent | MouseEvent) {\n    e.stopPropagation();\n    e.preventDefault();\n    openChange(true);\n  }\n  function blur() {\n    if (untrack(open)) {\n      openChange(false);\n    }\n  }\n  function inputMouseDown(e: MouseEvent) {\n    if (e.target === (ref?.shadowRoot as ShadowRoot)?.activeElement) {\n      openChange(!untrack(open));\n    }\n  }\n  function handleChange(next: dayjs.Dayjs) {\n    if (local.value === void 0) {\n      setCurrent(next);\n    }\n    props.onChange?.(next.format(local.parser), next);\n  }\n  function handleInputChange(e: CustomEvent<string | number | undefined>) {\n    if (e.detail) {\n      const next = dayjs(e.detail);\n\n      if (next.isValid()) {\n        handleChange(next);\n      }\n    }\n  }\n\n  createEffect(() => {\n    if (local.open !== void 0 && local.open !== untrack(open)) {\n      setOpen(local.open);\n    }\n  });\n  createEffect(() => {\n    const next = dayjs(local.value || local.defaultValue);\n\n    if (local.value !== void 0 && next.isValid()) {\n      setCurrent(next);\n    }\n  });\n  return (\n    <Popover\n      trigger=\"none\"\n      placement=\"left\"\n      open={open()}\n      onOpenChange={openChange}\n      css={local.css}\n      popupCss={styles}\n      content={\n        <Panel\n          type={local.type}\n          current={current()}\n          open={open()}\n          onChange={handleChange}\n          openChange={openChange}\n          showHour={local.showHour}\n          showMinute={local.showMinute}\n          showSecond={local.showSecond}\n          showTime={local.showTime}\n          showToday={local.showToday}\n          showHeader={local.showHeader}\n        />\n      }\n      {...other}\n    >\n      <n-input\n        ref={ref}\n        onMouseDown={inputMouseDown}\n        onFocus={focus}\n        onBlur={blur}\n        disabled={other.disabled}\n        value={current().format(format())}\n        suffix-icon={local.suffixIcon}\n        prefix-icon={local.prefixIcon}\n        placeholder={local.placeholder}\n        part=\"value\"\n        onChange={handleInputChange}\n      />\n    </Popover>\n  );\n}\n/** API\n * @since 2.1.0\n */\nexport interface DatePickerProps extends Partial<PopoverProps> {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义类名 */\n  css?: string;\n  /** 类型\n   * @default 'date'\n   */\n  type?: keyof typeof PickerType;\n  /** 值 */\n  value?: string | number;\n  /** 默认值\n   * @default 当前时间\n   */\n  defaultValue?: string | number;\n  /** 禁用 */\n  disabled?: boolean;\n  /** 格式化回填到输入框的内容\n   * @default 'YYYY-MM-DD'\n   */\n  format?: string;\n  /** 格式化获取的值\n   * @default 'YYYY-MM-DD HH:mm:ss'\n   */\n  parser?: string;\n  /** 前缀 */\n  prefixIcon?: JSX.Element;\n  /** 后缀\n   * @default '📅'\n   */\n  suffixIcon?: JSX.Element;\n  /** 变更时的回调 */\n  onChange?(val: string, time: dayjs.Dayjs): void;\n  /** 显示时间选择\n   * @default false\n   */\n  showTime?: boolean;\n  /** 显示小时选择\n   * @default true\n   **/\n  showHour?: boolean;\n  /** 显示分钟选择\n   * @default true\n   **/\n  showMinute?: boolean;\n  /** 显示秒选择\n   * @default true\n   **/\n  showSecond?: boolean;\n  /** 占位文本 */\n  placeholder?: string;\n  /** 显示今日按钮\n   * @default true\n   */\n  showToday?: boolean;\n  /** 显示顶部\n   * @default true\n   */\n  showHeader?: boolean;\n}\n\nenum PickerType {\n  /** 日期选择 */\n  date = 'date',\n  /** 月份选择 */\n  month = 'month',\n  /** 年份选择 */\n  year = 'year',\n}\n\nexport type DatePickerElement = CustomElement<DatePickerProps, 'onChange' | 'onOpenChange'>;\n\ncustomElement<DatePickerProps>(\n  'n-data-picker',\n  {\n    ...defaultProps,\n    value: void 0,\n    defaultValue: void 0,\n    disabled: void 0,\n    onChange: void 0,\n    open: void 0,\n    onOpenChange: void 0,\n    type: void 0,\n    format: void 0,\n    parser: void 0,\n    showTime: void 0,\n    suffixIcon: '📅',\n    prefixIcon: void 0,\n    placeholder: void 0,\n    showHour: true,\n    showMinute: true,\n    showSecond: true,\n    showToday: true,\n    showHeader: true,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        css: el.css,\n        onChange(val: string, time: dayjs.Dayjs) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: [val, time],\n            }),\n          );\n        },\n        onOpenChange(open: boolean | null) {\n          el.dispatchEvent(\n            new CustomEvent('openchange', {\n              detail: open,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('css');\n    });\n    return createComponent(DatePicker, props);\n  },\n);\nexport default DatePicker;\n"],"names":["PickerType","createComponent","createEffect","createMemo","createSignal","mergeProps","splitProps","untrack","customElement","dayjs","Panel","styles","Popover","defaultProps","DatePicker","_props","ref","props","type","parser","local","other","open","setOpen","current","setCurrent","defaultValue","format","showTime","month","date","year","openChange","next","disabled","onOpenChange","focus","e","stopPropagation","preventDefault","blur","inputMouseDown","target","shadowRoot","activeElement","handleChange","value","onChange","handleInputChange","detail","isValid","css","showHour","showMinute","showSecond","showToday","showHeader","suffixIcon","prefixIcon","placeholder","_","opt","el","element","val","time","dispatchEvent","CustomEvent","removeAttribute"],"mappings":"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"}
+{"version":3,"sources":["../../components/date-picker/index.tsx"],"sourcesContent":["import {\n  createComponent,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  splitProps,\n  untrack,\n} from 'solid-js';\nimport { customElement } from 'solid-element';\nimport dayjs from './dayjs';\nimport Panel from './panel';\nimport { styles } from './style';\nimport '../button';\nimport '../menu';\nimport Popover, { defaultProps } from '../popover';\nimport type { CustomElement, InputElement, PopoverProps } from '..';\n\nfunction DatePicker(_props: DatePickerProps) {\n  let ref: InputElement | undefined;\n  const props = mergeProps(\n    {\n      type: 'date' as DatePickerProps['type'],\n      parser: 'YYYY-MM-DD HH:mm:ss',\n    },\n    _props,\n  );\n  const [local, other] = splitProps(props, [\n    'class',\n    'css',\n    'value',\n    'defaultValue',\n    'onChange',\n    'type',\n    'content',\n    'onOpenChange',\n    'open',\n    'format',\n    'popupCss',\n    'trigger',\n    'parser',\n    'showTime',\n    'showHour',\n    'showMinute',\n    'showSecond',\n    'prefixIcon',\n    'suffixIcon',\n    'placeholder',\n    'showToday',\n    'showHeader',\n  ]);\n  const [open, setOpen] = createSignal<boolean | null>(null);\n  const [current, setCurrent] = createSignal(dayjs(local.defaultValue));\n\n  const format = createMemo(() => {\n    if (local.format) {\n      return local.format;\n    }\n    if (local.showTime) return 'YYYY-MM-DD HH:mm:ss';\n    return {\n      month: 'YYYY-MM',\n      date: 'YYYY-MM-DD',\n      year: 'YYYY',\n    }[local.type || 'date'];\n  });\n\n  function openChange(next: boolean | null) {\n    if (!other.disabled) {\n      local.onOpenChange?.(next);\n      if (local.open === void 0) {\n        setOpen(next);\n      }\n    }\n  }\n\n  function focus(e: FocusEvent | MouseEvent) {\n    e.stopPropagation();\n    e.preventDefault();\n    openChange(true);\n  }\n  function blur() {\n    if (untrack(open)) {\n      openChange(false);\n    }\n  }\n  function inputMouseDown(e: MouseEvent) {\n    if (e.target === (ref?.shadowRoot as ShadowRoot)?.activeElement) {\n      openChange(!untrack(open));\n    }\n  }\n  function handleChange(next: dayjs.Dayjs) {\n    if (local.value === void 0) {\n      setCurrent(next);\n    }\n    props.onChange?.(next.format(local.parser), next);\n  }\n  function handleInputChange(e: CustomEvent<string | number | undefined>) {\n    if (e.detail) {\n      const next = dayjs(e.detail);\n\n      if (next.isValid()) {\n        handleChange(next);\n      }\n    }\n  }\n\n  createEffect(() => {\n    if (local.open !== void 0 && local.open !== untrack(open)) {\n      setOpen(local.open);\n    }\n  });\n  createEffect(() => {\n    const next = dayjs(local.value || local.defaultValue);\n\n    if (local.value !== void 0 && next.isValid()) {\n      setCurrent(next);\n    }\n  });\n  return (\n    <Popover\n      trigger=\"none\"\n      placement=\"left\"\n      open={open()}\n      onOpenChange={openChange}\n      css={local.css}\n      popupCss={styles}\n      content={\n        <Panel\n          type={local.type}\n          current={current()}\n          open={open()}\n          onChange={handleChange}\n          openChange={openChange}\n          showHour={local.showHour}\n          showMinute={local.showMinute}\n          showSecond={local.showSecond}\n          showTime={local.showTime}\n          showToday={local.showToday}\n          showHeader={local.showHeader}\n        />\n      }\n      {...other}\n    >\n      <n-input\n        ref={ref}\n        onMouseDown={inputMouseDown}\n        onFocus={focus}\n        onBlur={blur}\n        disabled={other.disabled}\n        value={current().format(format())}\n        suffix-icon={local.suffixIcon}\n        prefix-icon={local.prefixIcon}\n        placeholder={local.placeholder}\n        part=\"value\"\n        onChange={handleInputChange}\n      />\n    </Popover>\n  );\n}\n/** API\n * @since 2.1.0\n */\nexport interface DatePickerProps extends Partial<PopoverProps> {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义类名 */\n  css?: string;\n  /** 类型\n   * @default 'date'\n   */\n  type?: keyof typeof PickerType;\n  /** 值 */\n  value?: string | number;\n  /** 默认值\n   * @default 当前时间\n   */\n  defaultValue?: string | number;\n  /** 禁用 */\n  disabled?: boolean;\n  /** 格式化回填到输入框的内容\n   * @default 'YYYY-MM-DD'\n   */\n  format?: string;\n  /** 格式化获取的值\n   * @default 'YYYY-MM-DD HH:mm:ss'\n   */\n  parser?: string;\n  /** 前缀 */\n  prefixIcon?: JSX.Element;\n  /** 后缀\n   * @default '📅'\n   */\n  suffixIcon?: JSX.Element;\n  /** 变更时的回调 */\n  onChange?(val: string, time: dayjs.Dayjs): void;\n  /** 显示时间选择\n   * @default false\n   */\n  showTime?: boolean;\n  /** 显示小时选择\n   * @default true\n   **/\n  showHour?: boolean;\n  /** 显示分钟选择\n   * @default true\n   **/\n  showMinute?: boolean;\n  /** 显示秒选择\n   * @default true\n   **/\n  showSecond?: boolean;\n  /** 占位文本 */\n  placeholder?: string;\n  /** 显示今日按钮\n   * @default true\n   */\n  showToday?: boolean;\n  /** 显示顶部\n   * @default true\n   */\n  showHeader?: boolean;\n}\n\nenum PickerType {\n  /** 日期选择 */\n  date = 'date',\n  /** 月份选择 */\n  month = 'month',\n  /** 年份选择 */\n  year = 'year',\n}\n\nexport type DatePickerElement = CustomElement<DatePickerProps, 'onChange' | 'onOpenChange'>;\n\ncustomElement<DatePickerProps>(\n  'n-data-picker',\n  {\n    ...defaultProps,\n    value: void 0,\n    defaultValue: void 0,\n    disabled: void 0,\n    onChange: void 0,\n    open: void 0,\n    onOpenChange: void 0,\n    type: void 0,\n    format: void 0,\n    parser: void 0,\n    showTime: void 0,\n    suffixIcon: '📅',\n    prefixIcon: void 0,\n    placeholder: void 0,\n    showHour: true,\n    showMinute: true,\n    showSecond: true,\n    showToday: true,\n    showHeader: true,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        css: el.css,\n        onChange(val: string, time: dayjs.Dayjs) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: [val, time],\n            }),\n          );\n        },\n        onOpenChange(open: boolean | null) {\n          el.dispatchEvent(\n            new CustomEvent('openchange', {\n              detail: open,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('css');\n    });\n    return createComponent(DatePicker, props);\n  },\n);\nexport default DatePicker;\n"],"names":["PickerType","createComponent","createEffect","createMemo","createSignal","mergeProps","splitProps","untrack","customElement","dayjs","Panel","styles","Popover","defaultProps","DatePicker","_props","ref","props","type","parser","local","other","open","setOpen","current","setCurrent","defaultValue","format","showTime","month","date","year","openChange","next","disabled","onOpenChange","focus","e","stopPropagation","preventDefault","blur","inputMouseDown","target","shadowRoot","activeElement","handleChange","value","onChange","handleInputChange","detail","isValid","css","showHour","showMinute","showSecond","showToday","showHeader","suffixIcon","prefixIcon","placeholder","_","opt","el","element","val","time","dispatchEvent","CustomEvent","removeAttribute"],"rangeMappings":"","mappings":"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"}

package/es/date-picker/month.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/date-picker/month.tsx"],"sourcesContent":["import { For, createMemo } from 'solid-js';\nimport { cx } from '@moneko/css';\nimport dayjs from './dayjs';\n\ntype MonthPanelProps = { current: dayjs.Dayjs; onChange(next: dayjs.Dayjs): void };\n\nexport const months = dayjs.monthsShort();\n\nfunction MonthPanel(props: MonthPanelProps) {\n  return (\n    <For each={months}>\n      {(m, i) => {\n        const isActive = createMemo(() => {\n          return props.current.get('month') === i();\n        });\n\n        function onChange() {\n          props.onChange(props.current.set('month', i()));\n        }\n\n        return (\n          <n-button\n            type=\"primary\"\n            flat={true}\n            class={cx('date-picker-month', isActive() && 'date-active')}\n            tag={isActive() ? 'strong' : 'button'}\n            onClick={onChange}\n          >\n            {m}\n          </n-button>\n        );\n      }}\n    </For>\n  );\n}\n\nexport default MonthPanel;\n"],"names":["For","createMemo","cx","dayjs","months","monthsShort","props","m","i","isActive","current","get","onChange","set"],"mappings":"4XAAA,QAASA,OAAAA,CAAG,CAAEC,cAAAA,CAAU,KAAQ,UAAW,AAC3C,QAASC,MAAAA,CAAE,KAAQ,aAAc,AACjC,QAAOC,MAAW,SAAU,AAI5B,QAAO,MAAMC,OAASD,EAAME,WAAW,EAAG,AA8B1C,gBA5BA,SAAoBC,CAAsB,EACxC,SACGN,QAAUI,gBACR,CAACG,EAAGC,KACH,IAAMC,EAAWR,EAAW,IACnBK,EAAMI,OAAO,CAACC,GAAG,CAAC,WAAaH,KAGxC,SAASI,IACPN,EAAMM,QAAQ,CAACN,EAAMI,OAAO,CAACG,GAAG,CAAC,QAASL,KAC5C,CAEA,yCAMaI,aAHH,CAAA,oBAKLL,eAJML,EAAG,oBAAqBO,KAAc,iBACxCA,IAAa,SAAW,uGAMnC,GAGN"}
+{"version":3,"sources":["../../components/date-picker/month.tsx"],"sourcesContent":["import { For, createMemo } from 'solid-js';\nimport { cx } from '@moneko/css';\nimport dayjs from './dayjs';\n\ntype MonthPanelProps = { current: dayjs.Dayjs; onChange(next: dayjs.Dayjs): void };\n\nexport const months = dayjs.monthsShort();\n\nfunction MonthPanel(props: MonthPanelProps) {\n  return (\n    <For each={months}>\n      {(m, i) => {\n        const isActive = createMemo(() => {\n          return props.current.get('month') === i();\n        });\n\n        function onChange() {\n          props.onChange(props.current.set('month', i()));\n        }\n\n        return (\n          <n-button\n            type=\"primary\"\n            flat={true}\n            class={cx('date-picker-month', isActive() && 'date-active')}\n            tag={isActive() ? 'strong' : 'button'}\n            onClick={onChange}\n          >\n            {m}\n          </n-button>\n        );\n      }}\n    </For>\n  );\n}\n\nexport default MonthPanel;\n"],"names":["For","createMemo","cx","dayjs","months","monthsShort","props","m","i","isActive","current","get","onChange","set"],"rangeMappings":"","mappings":"4XAAA,QAASA,OAAAA,CAAG,CAAEC,cAAAA,CAAU,KAAQ,UAAW,AAC3C,QAASC,MAAAA,CAAE,KAAQ,aAAc,AACjC,QAAOC,MAAW,SAAU,AAI5B,QAAO,MAAMC,OAASD,EAAME,WAAW,EAAG,AA8B1C,gBA5BA,SAAoBC,CAAsB,EACxC,SACGN,QAAUI,gBACR,CAACG,EAAGC,KACH,IAAMC,EAAWR,EAAW,IACnBK,EAAMI,OAAO,CAACC,GAAG,CAAC,WAAaH,KAGxC,SAASI,IACPN,EAAMM,QAAQ,CAACN,EAAMI,OAAO,CAACG,GAAG,CAAC,QAASL,KAC5C,CAEA,yCAMaI,aAHH,CAAA,oBAKLL,eAJML,EAAG,oBAAqBO,KAAc,iBACxCA,IAAa,SAAW,uGAMnC,GAGN"}

package/es/date-picker/panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/date-picker/panel.tsx"],"sourcesContent":["import { For, Match, Show, Switch, createEffect, createMemo, createSignal } from 'solid-js';\nimport { cx } from '@moneko/css';\nimport DatePanel from './date';\nimport dayjs from './dayjs';\nimport MonthPanel from './month';\nimport TimePicker from './time';\nimport YearPanel from './year';\nimport type { DatePickerProps } from '.';\n\ntype PanelProps = {\n  current: dayjs.Dayjs;\n  type?: DatePickerProps['type'];\n  onChange(val: dayjs.Dayjs): void;\n  open: boolean | null;\n  openChange(val: boolean | null): void;\n  showHour?: boolean;\n  showMinute?: boolean;\n  showSecond?: boolean;\n  showTime?: boolean;\n  showToday?: boolean;\n  showHeader?: boolean;\n};\n\nfunction preventDefault(e: Event) {\n  e.stopPropagation();\n  e.preventDefault();\n}\n\nfunction Panel(props: PanelProps) {\n  let datePicker: HTMLDivElement | undefined;\n  const [offset, setOffset] = createSignal(0);\n  const [type, setType] = createSignal<DatePickerProps['type']>('date');\n\n  const weekdays = dayjs.weekdaysMin();\n  const isDate = createMemo(() => type() === 'date');\n  const startYear = createMemo(\n    () => parseInt(`${props.current.get('years') / 10 + offset()}`) * 10,\n  );\n\n  function handleMouseDown(e: MouseEvent) {\n    if (props.open) {\n      preventDefault(e);\n    }\n  }\n  function setPrevYear() {\n    if (type() === 'year') {\n      setOffset((prev) => prev - 1);\n    } else {\n      props.onChange(props.current.subtract(1, 'year'));\n    }\n  }\n  function setNextYear() {\n    if (type() === 'year') {\n      setOffset((prev) => prev + 1);\n    } else {\n      props.onChange(props.current.subtract(-1, 'year'));\n    }\n  }\n  function setPrevMonth() {\n    props.onChange(props.current.subtract(1, 'month'));\n  }\n  function setNextMonth() {\n    props.onChange(props.current.subtract(-1, 'month'));\n  }\n  function handleChange(next: dayjs.Dayjs) {\n    props.onChange(next);\n    if (type() === props.type) {\n      props.openChange(false);\n    } else {\n      setType(props.type);\n    }\n  }\n  createEffect(() => {\n    if (type() !== 'year') {\n      setOffset((prev) => {\n        if (prev) return 0;\n        return prev;\n      });\n    }\n  });\n\n  createEffect(() => {\n    if (props.type) {\n      setType(props.type);\n    }\n  });\n  return (\n    <div class=\"date-time-picker\">\n      <div ref={datePicker} class=\"date-picker\" onMouseDown={handleMouseDown}>\n        <Show when={props.showHeader}>\n          <section class=\"date-picker-header\">\n            <span class={cx('date-prev', !isDate() && 'not-date')}>\n              <n-button\n                class=\"prev-year\"\n                type=\"primary\"\n                circle={true}\n                flat={true}\n                onClick={setPrevYear}\n              >\n                《\n              </n-button>\n              <Show when={isDate()}>\n                <n-button\n                  class=\"prev-month\"\n                  type=\"primary\"\n                  circle={true}\n                  flat={true}\n                  onClick={setPrevMonth}\n                >\n                  〈\n                </n-button>\n              </Show>\n            </span>\n            <span class=\"date-value\">\n              <n-button ghost={true} flat={true} onClick={() => setType('year')}>\n                <strong>\n                  <Show when={type() === 'year'} fallback={`${props.current.get('years')}年`}>\n                    {`${startYear()}-${startYear() + 9}年`}\n                  </Show>\n                </strong>\n              </n-button>\n              <Show when={isDate()}>\n                <n-button ghost={true} flat={true} onClick={() => setType('month')}>\n                  <strong>{`${props.current.get('months') + 1}月`}</strong>\n                </n-button>\n              </Show>\n            </span>\n            <span class={cx('date-next', !isDate() && 'not-date')}>\n              <Show when={isDate()}>\n                <n-button\n                  class=\"next-month\"\n                  type=\"primary\"\n                  circle={true}\n                  flat={true}\n                  onClick={setNextMonth}\n                >\n                  〉\n                </n-button>\n              </Show>\n              <n-button\n                class=\"next-year\"\n                type=\"primary\"\n                circle={true}\n                flat={true}\n                onClick={setNextYear}\n              >\n                》\n              </n-button>\n            </span>\n          </section>\n        </Show>\n        <Show when={isDate()}>\n          <section class=\"date-picker-weeks\">\n            <For each={weekdays}>{(e) => <span>{e}</span>}</For>\n          </section>\n        </Show>\n        <section class=\"date-picker-items\">\n          <Switch>\n            <Match when={isDate()}>\n              <DatePanel current={props.current} onChange={handleChange} />\n            </Match>\n            <Match when={type() === 'month'}>\n              <MonthPanel current={props.current} onChange={handleChange} />\n            </Match>\n            <Match when={type() === 'year'}>\n              <YearPanel current={props.current} onChange={handleChange} start={startYear()} />\n            </Match>\n          </Switch>\n        </section>\n        <Show when={isDate() && props.showToday}>\n          <section class=\"date-picker-footer\">\n            <n-button\n              type=\"primary\"\n              block={true}\n              link={true}\n              onClick={() => props.onChange(dayjs())}\n            >\n              今日\n            </n-button>\n          </section>\n        </Show>\n      </div>\n      <Show when={isDate() && props.showTime}>\n        <TimePicker\n          current={props.current}\n          onChange={props.onChange}\n          showHour={props.showHour}\n          showMinute={props.showMinute}\n          showSecond={props.showSecond}\n          datePicker={datePicker}\n        />\n      </Show>\n    </div>\n  );\n}\n\nexport default Panel;\n"],"names":["For","Match","Show","Switch","createEffect","createMemo","createSignal","cx","DatePanel","dayjs","MonthPanel","TimePicker","YearPanel","props","datePicker","offset","setOffset","type","setType","weekdays","weekdaysMin","isDate","startYear","parseInt","current","get","handleMouseDown","e","open","stopPropagation","preventDefault","setPrevYear","prev","onChange","subtract","setNextYear","setPrevMonth","setNextMonth","handleChange","next","openChange","showHeader","showToday","showTime","showHour","showMinute","showSecond"],"mappings":"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"}
+{"version":3,"sources":["../../components/date-picker/panel.tsx"],"sourcesContent":["import { For, Match, Show, Switch, createEffect, createMemo, createSignal } from 'solid-js';\nimport { cx } from '@moneko/css';\nimport DatePanel from './date';\nimport dayjs from './dayjs';\nimport MonthPanel from './month';\nimport TimePicker from './time';\nimport YearPanel from './year';\nimport type { DatePickerProps } from '.';\n\ntype PanelProps = {\n  current: dayjs.Dayjs;\n  type?: DatePickerProps['type'];\n  onChange(val: dayjs.Dayjs): void;\n  open: boolean | null;\n  openChange(val: boolean | null): void;\n  showHour?: boolean;\n  showMinute?: boolean;\n  showSecond?: boolean;\n  showTime?: boolean;\n  showToday?: boolean;\n  showHeader?: boolean;\n};\n\nfunction preventDefault(e: Event) {\n  e.stopPropagation();\n  e.preventDefault();\n}\n\nfunction Panel(props: PanelProps) {\n  let datePicker: HTMLDivElement | undefined;\n  const [offset, setOffset] = createSignal(0);\n  const [type, setType] = createSignal<DatePickerProps['type']>('date');\n\n  const weekdays = dayjs.weekdaysMin();\n  const isDate = createMemo(() => type() === 'date');\n  const startYear = createMemo(\n    () => parseInt(`${props.current.get('years') / 10 + offset()}`) * 10,\n  );\n\n  function handleMouseDown(e: MouseEvent) {\n    if (props.open) {\n      preventDefault(e);\n    }\n  }\n  function setPrevYear() {\n    if (type() === 'year') {\n      setOffset((prev) => prev - 1);\n    } else {\n      props.onChange(props.current.subtract(1, 'year'));\n    }\n  }\n  function setNextYear() {\n    if (type() === 'year') {\n      setOffset((prev) => prev + 1);\n    } else {\n      props.onChange(props.current.subtract(-1, 'year'));\n    }\n  }\n  function setPrevMonth() {\n    props.onChange(props.current.subtract(1, 'month'));\n  }\n  function setNextMonth() {\n    props.onChange(props.current.subtract(-1, 'month'));\n  }\n  function handleChange(next: dayjs.Dayjs) {\n    props.onChange(next);\n    if (type() === props.type) {\n      props.openChange(false);\n    } else {\n      setType(props.type);\n    }\n  }\n  createEffect(() => {\n    if (type() !== 'year') {\n      setOffset((prev) => {\n        if (prev) return 0;\n        return prev;\n      });\n    }\n  });\n\n  createEffect(() => {\n    if (props.type) {\n      setType(props.type);\n    }\n  });\n  return (\n    <div class=\"date-time-picker\">\n      <div ref={datePicker} class=\"date-picker\" onMouseDown={handleMouseDown}>\n        <Show when={props.showHeader}>\n          <section class=\"date-picker-header\">\n            <span class={cx('date-prev', !isDate() && 'not-date')}>\n              <n-button\n                class=\"prev-year\"\n                type=\"primary\"\n                circle={true}\n                flat={true}\n                onClick={setPrevYear}\n              >\n                《\n              </n-button>\n              <Show when={isDate()}>\n                <n-button\n                  class=\"prev-month\"\n                  type=\"primary\"\n                  circle={true}\n                  flat={true}\n                  onClick={setPrevMonth}\n                >\n                  〈\n                </n-button>\n              </Show>\n            </span>\n            <span class=\"date-value\">\n              <n-button ghost={true} flat={true} onClick={() => setType('year')}>\n                <strong>\n                  <Show when={type() === 'year'} fallback={`${props.current.get('years')}年`}>\n                    {`${startYear()}-${startYear() + 9}年`}\n                  </Show>\n                </strong>\n              </n-button>\n              <Show when={isDate()}>\n                <n-button ghost={true} flat={true} onClick={() => setType('month')}>\n                  <strong>{`${props.current.get('months') + 1}月`}</strong>\n                </n-button>\n              </Show>\n            </span>\n            <span class={cx('date-next', !isDate() && 'not-date')}>\n              <Show when={isDate()}>\n                <n-button\n                  class=\"next-month\"\n                  type=\"primary\"\n                  circle={true}\n                  flat={true}\n                  onClick={setNextMonth}\n                >\n                  〉\n                </n-button>\n              </Show>\n              <n-button\n                class=\"next-year\"\n                type=\"primary\"\n                circle={true}\n                flat={true}\n                onClick={setNextYear}\n              >\n                》\n              </n-button>\n            </span>\n          </section>\n        </Show>\n        <Show when={isDate()}>\n          <section class=\"date-picker-weeks\">\n            <For each={weekdays}>{(e) => <span>{e}</span>}</For>\n          </section>\n        </Show>\n        <section class=\"date-picker-items\">\n          <Switch>\n            <Match when={isDate()}>\n              <DatePanel current={props.current} onChange={handleChange} />\n            </Match>\n            <Match when={type() === 'month'}>\n              <MonthPanel current={props.current} onChange={handleChange} />\n            </Match>\n            <Match when={type() === 'year'}>\n              <YearPanel current={props.current} onChange={handleChange} start={startYear()} />\n            </Match>\n          </Switch>\n        </section>\n        <Show when={isDate() && props.showToday}>\n          <section class=\"date-picker-footer\">\n            <n-button\n              type=\"primary\"\n              block={true}\n              link={true}\n              onClick={() => props.onChange(dayjs())}\n            >\n              今日\n            </n-button>\n          </section>\n        </Show>\n      </div>\n      <Show when={isDate() && props.showTime}>\n        <TimePicker\n          current={props.current}\n          onChange={props.onChange}\n          showHour={props.showHour}\n          showMinute={props.showMinute}\n          showSecond={props.showSecond}\n          datePicker={datePicker}\n        />\n      </Show>\n    </div>\n  );\n}\n\nexport default Panel;\n"],"names":["For","Match","Show","Switch","createEffect","createMemo","createSignal","cx","DatePanel","dayjs","MonthPanel","TimePicker","YearPanel","props","datePicker","offset","setOffset","type","setType","weekdays","weekdaysMin","isDate","startYear","parseInt","current","get","handleMouseDown","e","open","stopPropagation","preventDefault","setPrevYear","prev","onChange","subtract","setNextYear","setPrevMonth","setNextMonth","handleChange","next","openChange","showHeader","showToday","showTime","showHour","showMinute","showSecond"],"rangeMappings":"","mappings":"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"}

package/es/date-picker/style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/date-picker/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\n\nexport const styles = css`\n  .date-time-picker {\n    display: flex;\n    padding: 0 10px;\n    gap: 10px;\n\n    n-button:not(.date-picker-month)::part(button) {\n      padding: 0;\n    }\n\n    n-button:not(.date-active)::part(button) {\n      &:not(:hover) {\n        --btn-color: var(--text-color);\n      }\n    }\n  }\n\n  .time-picker {\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n\n    &-header {\n      text-align: center;\n      border-block-end: var(--border-base);\n    }\n\n    &-items {\n      display: flex;\n      row-gap: 4px;\n      padding-block: 8px;\n      flex: 1;\n      overflow: hidden;\n    }\n\n    n-menu {\n      max-block-size: 100%;\n      overflow-y: auto;\n    }\n  }\n\n  .date-picker {\n    display: block;\n    inline-size: 220px;\n\n    &-header {\n      display: flex;\n      border-block-end: var(--border-base);\n    }\n\n    &-weeks {\n      display: flex;\n      padding-block-start: 8px;\n\n      /* opacity: 0.65; */\n      color: var(--text-secondary);\n\n      span {\n        flex: 1;\n        text-align: center;\n        box-sizing: border-box;\n        pointer-events: none;\n      }\n    }\n\n    &-items {\n      display: flex;\n      flex-wrap: wrap;\n      row-gap: 4px;\n      padding-block: 8px;\n    }\n\n    &-month {\n      inline-size: calc((100% - 8px) / 3);\n      text-align: center;\n    }\n\n    &-footer {\n      border-block-start: var(--border-base);\n    }\n\n    .date-prev,\n    .date-next,\n    .date-value {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: var(--text-secondary);\n    }\n\n    .date-prev,\n    .date-next,\n    .prev-day,\n    .next-day,\n    .date-day {\n      text-align: center;\n      inline-size: calc(100% / 7);\n    }\n\n    .date-day:nth-child(7n)::part(button),\n    .date-day:nth-child(7n - 6)::part(button),\n    .date-opacity::part(button) {\n      color: var(--text-secondary);\n    }\n\n    .date-opacity {\n      opacity: 0.3;\n    }\n\n    .not-date {\n      inline-size: calc((100% - 8px) / 3);\n    }\n\n    .date-value {\n      flex: 1;\n    }\n\n    .date-prev {\n      opacity: 0.65;\n\n      &:not(.not-date) {\n        .prev-year {\n          transform: translateX(6px);\n          display: inline-block;\n        }\n      }\n\n      .prev-year::part(label) {\n        transform: translateX(-20%);\n      }\n\n      .prev-month {\n        transform: translateX(-7px);\n        display: inline-block;\n\n        &::part(label) {\n          transform: translateX(-25%);\n        }\n      }\n    }\n\n    .date-next {\n      opacity: 0.65;\n\n      .next-year {\n        transform: translateX(-10px);\n\n        &::part(label) {\n          transform: translateX(30%);\n        }\n      }\n\n      .next-month::part(label) {\n        transform: translateX(25%);\n      }\n\n      &:not(.not-date) {\n        .next-year {\n          display: inline-block;\n          transform: translateX(-6px);\n        }\n\n        .next-month {\n          display: inline-block;\n          transform: translateX(7px);\n        }\n      }\n    }\n\n    .date-active::part(button) {\n      background-color: var(--btn-bg);\n    }\n  }\n`;\n"],"names":["css","styles"],"mappings":"AAAA,OAASA,OAAAA,CAAG,KAAQ,aAAc,AAElC,QAAO,MAAMC,OAASD,CAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6K1B,CAAC,AAAC"}
+{"version":3,"sources":["../../components/date-picker/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\n\nexport const styles = css`\n  .date-time-picker {\n    display: flex;\n    padding: 0 10px;\n    gap: 10px;\n\n    n-button:not(.date-picker-month)::part(button) {\n      padding: 0;\n    }\n\n    n-button:not(.date-active)::part(button) {\n      &:not(:hover) {\n        --btn-color: var(--text-color);\n      }\n    }\n  }\n\n  .time-picker {\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n\n    &-header {\n      text-align: center;\n      border-block-end: var(--border-base);\n    }\n\n    &-items {\n      display: flex;\n      row-gap: 4px;\n      padding-block: 8px;\n      flex: 1;\n      overflow: hidden;\n    }\n\n    n-menu {\n      max-block-size: 100%;\n      overflow-y: auto;\n    }\n  }\n\n  .date-picker {\n    display: block;\n    inline-size: 220px;\n\n    &-header {\n      display: flex;\n      border-block-end: var(--border-base);\n    }\n\n    &-weeks {\n      display: flex;\n      padding-block-start: 8px;\n\n      /* opacity: 0.65; */\n      color: var(--text-secondary);\n\n      span {\n        flex: 1;\n        text-align: center;\n        box-sizing: border-box;\n        pointer-events: none;\n      }\n    }\n\n    &-items {\n      display: flex;\n      flex-wrap: wrap;\n      row-gap: 4px;\n      padding-block: 8px;\n    }\n\n    &-month {\n      inline-size: calc((100% - 8px) / 3);\n      text-align: center;\n    }\n\n    &-footer {\n      border-block-start: var(--border-base);\n    }\n\n    .date-prev,\n    .date-next,\n    .date-value {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: var(--text-secondary);\n    }\n\n    .date-prev,\n    .date-next,\n    .prev-day,\n    .next-day,\n    .date-day {\n      text-align: center;\n      inline-size: calc(100% / 7);\n    }\n\n    .date-day:nth-child(7n)::part(button),\n    .date-day:nth-child(7n - 6)::part(button),\n    .date-opacity::part(button) {\n      color: var(--text-secondary);\n    }\n\n    .date-opacity {\n      opacity: 0.3;\n    }\n\n    .not-date {\n      inline-size: calc((100% - 8px) / 3);\n    }\n\n    .date-value {\n      flex: 1;\n    }\n\n    .date-prev {\n      opacity: 0.65;\n\n      &:not(.not-date) {\n        .prev-year {\n          transform: translateX(6px);\n          display: inline-block;\n        }\n      }\n\n      .prev-year::part(label) {\n        transform: translateX(-20%);\n      }\n\n      .prev-month {\n        transform: translateX(-7px);\n        display: inline-block;\n\n        &::part(label) {\n          transform: translateX(-25%);\n        }\n      }\n    }\n\n    .date-next {\n      opacity: 0.65;\n\n      .next-year {\n        transform: translateX(-10px);\n\n        &::part(label) {\n          transform: translateX(30%);\n        }\n      }\n\n      .next-month::part(label) {\n        transform: translateX(25%);\n      }\n\n      &:not(.not-date) {\n        .next-year {\n          display: inline-block;\n          transform: translateX(-6px);\n        }\n\n        .next-month {\n          display: inline-block;\n          transform: translateX(7px);\n        }\n      }\n    }\n\n    .date-active::part(button) {\n      background-color: var(--btn-bg);\n    }\n  }\n`;\n"],"names":["css","styles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAASA,OAAAA,CAAG,KAAQ,aAAc,AAElC,QAAO,MAAMC,OAASD,CAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6K1B,CAAC,AAAC"}

package/es/date-picker/time.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/date-picker/time.tsx"],"sourcesContent":["import { Show, createEffect, createSignal } from 'solid-js';\nimport dayjs from './dayjs';\n\ntype TimePickerProps = {\n  current: dayjs.Dayjs;\n  datePicker: HTMLDivElement | undefined;\n  onChange(next: dayjs.Dayjs): void;\n  showHour?: boolean;\n  showMinute?: boolean;\n  showSecond?: boolean;\n};\n\nexport const hours = Array.from({ length: 24 }, (_, i) => ({\n  label: i < 10 ? `0${i}` : i,\n  value: i,\n}));\nexport const minutes = Array.from({ length: 60 }, (_, i) => ({\n  label: i < 10 ? `0${i}` : i,\n  value: i,\n}));\n\nfunction TimePicker(props: TimePickerProps) {\n  const [hei, setHei] = createSignal('0px');\n\n  createEffect(() => {\n    setHei(`${props.datePicker?.offsetHeight}px`);\n  });\n\n  return (\n    <section class=\"time-picker\" style={{ 'max-block-size': hei() }}>\n      <section class=\"time-picker-header\">\n        <n-button ghost={true} flat={true}>\n          <strong>{props.current.format('HH:mm:ss')}</strong>\n        </n-button>\n      </section>\n      <section class=\"time-picker-items\">\n        <Show when={props.showHour}>\n          <n-menu\n            items={hours}\n            value={props.current.get('hour')}\n            onChange={(e) => {\n              const next = props.current.set('hour', e.detail[0] as number);\n\n              props.onChange(next);\n            }}\n          />\n        </Show>\n        <Show when={props.showMinute}>\n          <n-menu\n            items={minutes}\n            value={props.current.get('minute')}\n            onChange={(e) => {\n              const next = props.current.set('minute', e.detail[0] as number);\n\n              props.onChange(next);\n            }}\n          />\n        </Show>\n        <Show when={props.showSecond}>\n          <n-menu\n            items={minutes}\n            value={props.current.get('second')}\n            onChange={(e) => {\n              const next = props.current.set('second', e.detail[0] as number);\n\n              props.onChange(next);\n            }}\n          />\n        </Show>\n      </section>\n    </section>\n  );\n}\n\nexport default TimePicker;\n"],"names":["Show","createEffect","createSignal","hours","Array","from","length","_","i","label","value","minutes","props","hei","setHei","datePicker","offsetHeight","current","format","showHour","e","next","set","detail","onChange","get","showMinute","showSecond"],"mappings":"sYAAA,QAASA,QAAAA,CAAI,CAAEC,gBAAAA,CAAY,CAAEC,gBAAAA,CAAY,KAAQ,UAAW,AAY5D,QAAO,MAAMC,MAAQC,MAAMC,IAAI,CAAC,CAAEC,OAAQ,EAAG,EAAG,CAACC,EAAGC,IAAO,CAAA,CACzDC,MAAOD,EAAI,GAAK,CAAC,CAAC,EAAEA,EAAE,CAAC,CAAGA,EAC1BE,MAAOF,CACT,CAAA,EAAI,AACJ,QAAO,MAAMG,QAAUP,MAAMC,IAAI,CAAC,CAAEC,OAAQ,EAAG,EAAG,CAACC,EAAGC,IAAO,CAAA,CAC3DC,MAAOD,EAAI,GAAK,CAAC,CAAC,EAAEA,EAAE,CAAC,CAAGA,EAC1BE,MAAOF,CACT,CAAA,EAAI,AAuDJ,gBArDA,SAAoBI,CAAsB,EACxC,GAAM,CAACC,EAAKC,EAAO,CAAGZ,EAAa,OAMnC,OAJAD,EAAa,SACDW,EAAVE,EAAO,CAAC,SAAEF,EAAAA,EAAMG,UAAU,SAAhBH,EAAkBI,YAAY,CAAC,EAAE,CAAC,CAC9C,+FAKuB,CAAA,SAAY,CAAA,wBAClBJ,EAAMK,OAAO,CAACC,MAAM,CAAC,mBAI/BlB,qBAAWY,EAAMO,QAAQ,8DAIZ,AAACC,IACT,IAAMC,EAAOT,EAAMK,OAAO,CAACK,GAAG,CAAC,OAAQF,EAAEG,MAAM,CAAC,EAAE,EAElDX,EAAMY,QAAQ,CAACH,EACjB,WANOlB,kCACAS,EAAMK,OAAO,CAACQ,GAAG,CAAC,0BAQ5BzB,qBAAWY,EAAMc,UAAU,8DAId,AAACN,IACT,IAAMC,EAAOT,EAAMK,OAAO,CAACK,GAAG,CAAC,SAAUF,EAAEG,MAAM,CAAC,EAAE,EAEpDX,EAAMY,QAAQ,CAACH,EACjB,WANOV,oCACAC,EAAMK,OAAO,CAACQ,GAAG,CAAC,4BAQ5BzB,qBAAWY,EAAMe,UAAU,8DAId,AAACP,IACT,IAAMC,EAAOT,EAAMK,OAAO,CAACK,GAAG,CAAC,SAAUF,EAAEG,MAAM,CAAC,EAAE,EAEpDX,EAAMY,QAAQ,CAACH,EACjB,WANOV,oCACAC,EAAMK,OAAO,CAACQ,GAAG,CAAC,kCAhCuBZ,yCAAAA,oDA2C5D"}
+{"version":3,"sources":["../../components/date-picker/time.tsx"],"sourcesContent":["import { Show, createEffect, createSignal } from 'solid-js';\nimport dayjs from './dayjs';\n\ntype TimePickerProps = {\n  current: dayjs.Dayjs;\n  datePicker: HTMLDivElement | undefined;\n  onChange(next: dayjs.Dayjs): void;\n  showHour?: boolean;\n  showMinute?: boolean;\n  showSecond?: boolean;\n};\n\nexport const hours = Array.from({ length: 24 }, (_, i) => ({\n  label: i < 10 ? `0${i}` : i,\n  value: i,\n}));\nexport const minutes = Array.from({ length: 60 }, (_, i) => ({\n  label: i < 10 ? `0${i}` : i,\n  value: i,\n}));\n\nfunction TimePicker(props: TimePickerProps) {\n  const [hei, setHei] = createSignal('0px');\n\n  createEffect(() => {\n    setHei(`${props.datePicker?.offsetHeight}px`);\n  });\n\n  return (\n    <section class=\"time-picker\" style={{ 'max-block-size': hei() }}>\n      <section class=\"time-picker-header\">\n        <n-button ghost={true} flat={true}>\n          <strong>{props.current.format('HH:mm:ss')}</strong>\n        </n-button>\n      </section>\n      <section class=\"time-picker-items\">\n        <Show when={props.showHour}>\n          <n-menu\n            items={hours}\n            value={props.current.get('hour')}\n            onChange={(e) => {\n              const next = props.current.set('hour', e.detail[0] as number);\n\n              props.onChange(next);\n            }}\n          />\n        </Show>\n        <Show when={props.showMinute}>\n          <n-menu\n            items={minutes}\n            value={props.current.get('minute')}\n            onChange={(e) => {\n              const next = props.current.set('minute', e.detail[0] as number);\n\n              props.onChange(next);\n            }}\n          />\n        </Show>\n        <Show when={props.showSecond}>\n          <n-menu\n            items={minutes}\n            value={props.current.get('second')}\n            onChange={(e) => {\n              const next = props.current.set('second', e.detail[0] as number);\n\n              props.onChange(next);\n            }}\n          />\n        </Show>\n      </section>\n    </section>\n  );\n}\n\nexport default TimePicker;\n"],"names":["Show","createEffect","createSignal","hours","Array","from","length","_","i","label","value","minutes","props","hei","setHei","datePicker","offsetHeight","current","format","showHour","e","next","set","detail","onChange","get","showMinute","showSecond"],"rangeMappings":"","mappings":"sYAAA,QAASA,QAAAA,CAAI,CAAEC,gBAAAA,CAAY,CAAEC,gBAAAA,CAAY,KAAQ,UAAW,AAY5D,QAAO,MAAMC,MAAQC,MAAMC,IAAI,CAAC,CAAEC,OAAQ,EAAG,EAAG,CAACC,EAAGC,IAAO,CAAA,CACzDC,MAAOD,EAAI,GAAK,CAAC,CAAC,EAAEA,EAAE,CAAC,CAAGA,EAC1BE,MAAOF,CACT,CAAA,EAAI,AACJ,QAAO,MAAMG,QAAUP,MAAMC,IAAI,CAAC,CAAEC,OAAQ,EAAG,EAAG,CAACC,EAAGC,IAAO,CAAA,CAC3DC,MAAOD,EAAI,GAAK,CAAC,CAAC,EAAEA,EAAE,CAAC,CAAGA,EAC1BE,MAAOF,CACT,CAAA,EAAI,AAuDJ,gBArDA,SAAoBI,CAAsB,EACxC,GAAM,CAACC,EAAKC,EAAO,CAAGZ,EAAa,OAMnC,OAJAD,EAAa,SACDW,EAAVE,EAAO,CAAC,SAAEF,EAAAA,EAAMG,UAAU,SAAhBH,EAAkBI,YAAY,CAAC,EAAE,CAAC,CAC9C,+FAKuB,CAAA,SAAY,CAAA,wBAClBJ,EAAMK,OAAO,CAACC,MAAM,CAAC,mBAI/BlB,qBAAWY,EAAMO,QAAQ,8DAIZ,AAACC,IACT,IAAMC,EAAOT,EAAMK,OAAO,CAACK,GAAG,CAAC,OAAQF,EAAEG,MAAM,CAAC,EAAE,EAElDX,EAAMY,QAAQ,CAACH,EACjB,WANOlB,kCACAS,EAAMK,OAAO,CAACQ,GAAG,CAAC,0BAQ5BzB,qBAAWY,EAAMc,UAAU,8DAId,AAACN,IACT,IAAMC,EAAOT,EAAMK,OAAO,CAACK,GAAG,CAAC,SAAUF,EAAEG,MAAM,CAAC,EAAE,EAEpDX,EAAMY,QAAQ,CAACH,EACjB,WANOV,oCACAC,EAAMK,OAAO,CAACQ,GAAG,CAAC,4BAQ5BzB,qBAAWY,EAAMe,UAAU,8DAId,AAACP,IACT,IAAMC,EAAOT,EAAMK,OAAO,CAACK,GAAG,CAAC,SAAUF,EAAEG,MAAM,CAAC,EAAE,EAEpDX,EAAMY,QAAQ,CAACH,EACjB,WANOV,oCACAC,EAAMK,OAAO,CAACQ,GAAG,CAAC,kCAhCuBZ,yCAAAA,oDA2C5D"}

package/es/date-picker/year.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/date-picker/year.tsx"],"sourcesContent":["import { For, createMemo } from 'solid-js';\nimport { cx } from '@moneko/css';\nimport dayjs from './dayjs';\n\ntype YearPanelProps = {\n  current: dayjs.Dayjs;\n  start: number;\n  onChange(next: dayjs.Dayjs): void;\n};\nfunction YearPanel(props: YearPanelProps) {\n  const years = createMemo(() => {\n    const start = props.start;\n\n    return [start - 1, ...Array.from({ length: 10 }, (__, i) => start + i), start + 10];\n  });\n\n  return (\n    <For each={years()}>\n      {(y, i) => {\n        function onChange() {\n          props.onChange(props.current.set('years', y));\n        }\n        return (\n          <n-button\n            type=\"primary\"\n            flat={true}\n            class={cx(\n              'date-picker-month',\n              (i() === 0 || i() === years().length - 1) && 'date-opacity',\n              props.current.get('years') === y && 'date-active',\n            )}\n            tag={props.current.get('years') === y ? 'strong' : 'button'}\n            onClick={onChange}\n          >\n            {y}\n          </n-button>\n        );\n      }}\n    </For>\n  );\n}\n\nexport default YearPanel;\n"],"names":["For","createMemo","cx","props","years","start","Array","from","length","__","i","y","onChange","current","set","get"],"mappings":"4XAAA,QAASA,OAAAA,CAAG,CAAEC,cAAAA,CAAU,KAAQ,UAAW,AAC3C,QAASC,MAAAA,CAAE,KAAQ,aAAc,AAyCjC,gBAjCA,SAAmBC,CAAqB,EACtC,IAAMC,EAAQH,EAAW,KACvB,IAAMI,EAAQF,EAAME,KAAK,CAEzB,MAAO,CAACA,EAAQ,KAAMC,MAAMC,IAAI,CAAC,CAAEC,OAAQ,EAAG,EAAG,CAACC,EAAIC,IAAML,EAAQK,GAAIL,EAAQ,GAAG,AACrF,GAEA,SACGL,qBAAUI,cACR,CAACO,EAAGD,KACH,SAASE,IACPT,EAAMS,QAAQ,CAACT,EAAMU,OAAO,CAACC,GAAG,CAAC,QAASH,GAC5C,CACA,yCAUaC,aAPH,CAAA,oBASLD,eARMT,EACL,oBACA,AAACQ,CAAAA,AAAQ,IAARA,KAAaA,MAAQN,IAAQI,MAAM,CAAG,CAAA,GAAM,eAC7CL,EAAMU,OAAO,CAACE,GAAG,CAAC,WAAaJ,GAAK,iBAEjCR,EAAMU,OAAO,CAACE,GAAG,CAAC,WAAaJ,EAAI,SAAW,uGAMzD,GAGN"}
+{"version":3,"sources":["../../components/date-picker/year.tsx"],"sourcesContent":["import { For, createMemo } from 'solid-js';\nimport { cx } from '@moneko/css';\nimport dayjs from './dayjs';\n\ntype YearPanelProps = {\n  current: dayjs.Dayjs;\n  start: number;\n  onChange(next: dayjs.Dayjs): void;\n};\nfunction YearPanel(props: YearPanelProps) {\n  const years = createMemo(() => {\n    const start = props.start;\n\n    return [start - 1, ...Array.from({ length: 10 }, (__, i) => start + i), start + 10];\n  });\n\n  return (\n    <For each={years()}>\n      {(y, i) => {\n        function onChange() {\n          props.onChange(props.current.set('years', y));\n        }\n        return (\n          <n-button\n            type=\"primary\"\n            flat={true}\n            class={cx(\n              'date-picker-month',\n              (i() === 0 || i() === years().length - 1) && 'date-opacity',\n              props.current.get('years') === y && 'date-active',\n            )}\n            tag={props.current.get('years') === y ? 'strong' : 'button'}\n            onClick={onChange}\n          >\n            {y}\n          </n-button>\n        );\n      }}\n    </For>\n  );\n}\n\nexport default YearPanel;\n"],"names":["For","createMemo","cx","props","years","start","Array","from","length","__","i","y","onChange","current","set","get"],"rangeMappings":"","mappings":"4XAAA,QAASA,OAAAA,CAAG,CAAEC,cAAAA,CAAU,KAAQ,UAAW,AAC3C,QAASC,MAAAA,CAAE,KAAQ,aAAc,AAyCjC,gBAjCA,SAAmBC,CAAqB,EACtC,IAAMC,EAAQH,EAAW,KACvB,IAAMI,EAAQF,EAAME,KAAK,CAEzB,MAAO,CAACA,EAAQ,KAAMC,MAAMC,IAAI,CAAC,CAAEC,OAAQ,EAAG,EAAG,CAACC,EAAIC,IAAML,EAAQK,GAAIL,EAAQ,GAAG,AACrF,GAEA,SACGL,qBAAUI,cACR,CAACO,EAAGD,KACH,SAASE,IACPT,EAAMS,QAAQ,CAACT,EAAMU,OAAO,CAACC,GAAG,CAAC,QAASH,GAC5C,CACA,yCAUaC,aAPH,CAAA,oBASLD,eARMT,EACL,oBACA,AAACQ,CAAAA,AAAQ,IAARA,KAAaA,MAAQN,IAAQI,MAAM,CAAG,CAAA,GAAM,eAC7CL,EAAMU,OAAO,CAACE,GAAG,CAAC,WAAaJ,GAAK,iBAEjCR,EAAMU,OAAO,CAACE,GAAG,CAAC,WAAaJ,EAAI,SAAW,uGAMzD,GAGN"}

package/es/dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/dropdown/index.tsx"],"sourcesContent":["import {\n  Show,\n  createComponent,\n  createEffect,\n  createSignal,\n  mergeProps,\n  splitProps,\n  untrack,\n} from 'solid-js';\nimport { isFunction } from '@moneko/common';\nimport { customElement } from 'solid-element';\nimport Empty from '../empty';\nimport '../menu';\nimport Popover, { defaultProps as popoverProps } from '../popover';\nimport type { CustomElement, MenuMultipleProps, MenuOption, MenuProps, PopoverProps } from '..';\n\nexport interface BaseDropdownProps extends Omit<PopoverProps, 'content'> {\n  /** 打开内容气泡 */\n  open?: boolean | null;\n}\nexport interface DropdownProps\n  extends Omit<MenuProps, 'openKeys' | 'onOpenChange'>,\n    BaseDropdownProps {\n  /** 打开内容气泡 */\n  open?: boolean | null;\n}\nexport interface DropdownMultipleProps\n  extends Omit<MenuMultipleProps, 'openKeys' | 'onOpenChange'>,\n    BaseDropdownProps {\n  /** 打开内容气泡 */\n  open?: boolean | null;\n}\nexport type DropdownElement = CustomElement<DropdownProps>;\nexport type DropdownMultipleElement = CustomElement<DropdownMultipleProps>;\n\nfunction Dropdown(props: DropdownProps | DropdownMultipleProps) {\n  const [local, other] = splitProps(props, [\n    'popupClass',\n    'popupCss',\n    'value',\n    'defaultValue',\n    'onChange',\n    'open',\n    'onOpenChange',\n    'fieldNames',\n    'items',\n    'multiple',\n    'toggle',\n  ]);\n  let portalRef: HTMLDivElement | undefined;\n  const [value, setValue] = createSignal<(string | number)[]>([]);\n  const [open, setOpen] = createSignal<boolean | null>(null);\n  const [menuOpenKeys, setMenuOpenKeys] = createSignal<(string | number)[]>([]);\n\n  function openChange(next: boolean | null) {\n    if (isFunction(local.onOpenChange)) {\n      local.onOpenChange(next);\n    }\n    if (local.open === void 0) {\n      setOpen(next);\n    }\n  }\n\n  function change(\n    e: CustomEvent<[val: (string | number)[] | (string | number), item: MenuOption]>,\n  ) {\n    const [key, item] = e.detail;\n\n    if (isFunction(local.onChange)) {\n      local.onChange(key, item);\n    }\n    if (local.value === void 0) {\n      setValue(Array.isArray(key) ? key : [key]);\n    }\n    if (!local.multiple) {\n      openChange(false);\n    }\n  }\n  function menuOpenKeysChange(e: CustomEvent<(string | number)[]>) {\n    setMenuOpenKeys(e.detail);\n  }\n\n  createEffect(() => {\n    if (local.value !== void 0 && local.value !== null) {\n      setValue(Array.isArray(local.value) ? local.value : [local.value]);\n    } else {\n      setValue([]);\n    }\n  });\n  createEffect(() => {\n    if (local.open !== void 0 && untrack(open) !== local.open) {\n      setOpen(local.open);\n    }\n  });\n\n  return (\n    <Popover\n      popupClass={local.popupClass}\n      popupCss={local.popupCss}\n      open={open()}\n      onOpenChange={openChange}\n      content={\n        <div ref={portalRef} class=\"container\">\n          <Show when={local.items?.length} fallback={<Empty style={{ width: '100%' }} />}>\n            <n-menu\n              items={local.items}\n              default-value={local.defaultValue}\n              multiple={local.multiple as true}\n              field-names={local.fieldNames}\n              toggle={local.toggle}\n              disabled={other.disabled}\n              value={value()}\n              onChange={change}\n              open-keys={menuOpenKeys()}\n              onOpenChange={menuOpenKeysChange}\n            />\n          </Show>\n        </div>\n      }\n      {...other}\n    />\n  );\n}\n\nexport const defaultProps = {\n  ...popoverProps,\n  fieldNames: void 0,\n  toggle: void 0,\n  value: void 0,\n  defaultValue: void 0,\n  onChange: void 0,\n  multiple: void 0,\n  disabled: void 0,\n  type: void 0,\n  onOpenChange: void 0,\n  openKeys: void 0,\n};\n\ncustomElement<DropdownProps>(\n  'n-dropdown',\n  {\n    ...defaultProps,\n    items: [],\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        items: el.items,\n        onChange(key, item) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: [key, item],\n            }),\n          );\n        },\n        onOpenChange(open: boolean | null) {\n          el.dispatchEvent(\n            new CustomEvent('openchange', {\n              detail: open,\n            }),\n          );\n        },\n        children: [...el.childNodes.values()],\n      } as DropdownProps,\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('items');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return createComponent(Dropdown, props);\n  },\n);\nexport default Dropdown;\n"],"names":["Show","createComponent","createEffect","createSignal","mergeProps","splitProps","untrack","isFunction","customElement","Empty","Popover","defaultProps","popoverProps","Dropdown","props","portalRef","local","other","value","setValue","open","setOpen","menuOpenKeys","setMenuOpenKeys","openChange","next","onOpenChange","change","e","key","item","detail","onChange","Array","isArray","multiple","menuOpenKeysChange","popupClass","popupCss","items","length","width","defaultValue","fieldNames","toggle","disabled","type","openKeys","_","opt","el","element","dispatchEvent","CustomEvent","children","childNodes","values","removeAttribute"],"mappings":"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"}
+{"version":3,"sources":["../../components/dropdown/index.tsx"],"sourcesContent":["import {\n  Show,\n  createComponent,\n  createEffect,\n  createSignal,\n  mergeProps,\n  splitProps,\n  untrack,\n} from 'solid-js';\nimport { isFunction } from '@moneko/common';\nimport { customElement } from 'solid-element';\nimport Empty from '../empty';\nimport '../menu';\nimport Popover, { defaultProps as popoverProps } from '../popover';\nimport type { CustomElement, MenuMultipleProps, MenuOption, MenuProps, PopoverProps } from '..';\n\nexport interface BaseDropdownProps extends Omit<PopoverProps, 'content'> {\n  /** 打开内容气泡 */\n  open?: boolean | null;\n}\nexport interface DropdownProps\n  extends Omit<MenuProps, 'openKeys' | 'onOpenChange'>,\n    BaseDropdownProps {\n  /** 打开内容气泡 */\n  open?: boolean | null;\n}\nexport interface DropdownMultipleProps\n  extends Omit<MenuMultipleProps, 'openKeys' | 'onOpenChange'>,\n    BaseDropdownProps {\n  /** 打开内容气泡 */\n  open?: boolean | null;\n}\nexport type DropdownElement = CustomElement<DropdownProps>;\nexport type DropdownMultipleElement = CustomElement<DropdownMultipleProps>;\n\nfunction Dropdown(props: DropdownProps | DropdownMultipleProps) {\n  const [local, other] = splitProps(props, [\n    'popupClass',\n    'popupCss',\n    'value',\n    'defaultValue',\n    'onChange',\n    'open',\n    'onOpenChange',\n    'fieldNames',\n    'items',\n    'multiple',\n    'toggle',\n  ]);\n  let portalRef: HTMLDivElement | undefined;\n  const [value, setValue] = createSignal<(string | number)[]>([]);\n  const [open, setOpen] = createSignal<boolean | null>(null);\n  const [menuOpenKeys, setMenuOpenKeys] = createSignal<(string | number)[]>([]);\n\n  function openChange(next: boolean | null) {\n    if (isFunction(local.onOpenChange)) {\n      local.onOpenChange(next);\n    }\n    if (local.open === void 0) {\n      setOpen(next);\n    }\n  }\n\n  function change(\n    e: CustomEvent<[val: (string | number)[] | (string | number), item: MenuOption]>,\n  ) {\n    const [key, item] = e.detail;\n\n    if (isFunction(local.onChange)) {\n      local.onChange(key, item);\n    }\n    if (local.value === void 0) {\n      setValue(Array.isArray(key) ? key : [key]);\n    }\n    if (!local.multiple) {\n      openChange(false);\n    }\n  }\n  function menuOpenKeysChange(e: CustomEvent<(string | number)[]>) {\n    setMenuOpenKeys(e.detail);\n  }\n\n  createEffect(() => {\n    if (local.value !== void 0 && local.value !== null) {\n      setValue(Array.isArray(local.value) ? local.value : [local.value]);\n    } else {\n      setValue([]);\n    }\n  });\n  createEffect(() => {\n    if (local.open !== void 0 && untrack(open) !== local.open) {\n      setOpen(local.open);\n    }\n  });\n\n  return (\n    <Popover\n      popupClass={local.popupClass}\n      popupCss={local.popupCss}\n      open={open()}\n      onOpenChange={openChange}\n      content={\n        <div ref={portalRef} class=\"container\">\n          <Show when={local.items?.length} fallback={<Empty style={{ width: '100%' }} />}>\n            <n-menu\n              items={local.items}\n              default-value={local.defaultValue}\n              multiple={local.multiple as true}\n              field-names={local.fieldNames}\n              toggle={local.toggle}\n              disabled={other.disabled}\n              value={value()}\n              onChange={change}\n              open-keys={menuOpenKeys()}\n              onOpenChange={menuOpenKeysChange}\n            />\n          </Show>\n        </div>\n      }\n      {...other}\n    />\n  );\n}\n\nexport const defaultProps = {\n  ...popoverProps,\n  fieldNames: void 0,\n  toggle: void 0,\n  value: void 0,\n  defaultValue: void 0,\n  onChange: void 0,\n  multiple: void 0,\n  disabled: void 0,\n  type: void 0,\n  onOpenChange: void 0,\n  openKeys: void 0,\n};\n\ncustomElement<DropdownProps>(\n  'n-dropdown',\n  {\n    ...defaultProps,\n    items: [],\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        items: el.items,\n        onChange(key, item) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: [key, item],\n            }),\n          );\n        },\n        onOpenChange(open: boolean | null) {\n          el.dispatchEvent(\n            new CustomEvent('openchange', {\n              detail: open,\n            }),\n          );\n        },\n        children: [...el.childNodes.values()],\n      } as DropdownProps,\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('items');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return createComponent(Dropdown, props);\n  },\n);\nexport default Dropdown;\n"],"names":["Show","createComponent","createEffect","createSignal","mergeProps","splitProps","untrack","isFunction","customElement","Empty","Popover","defaultProps","popoverProps","Dropdown","props","portalRef","local","other","value","setValue","open","setOpen","menuOpenKeys","setMenuOpenKeys","openChange","next","onOpenChange","change","e","key","item","detail","onChange","Array","isArray","multiple","menuOpenKeysChange","popupClass","popupCss","items","length","width","defaultValue","fieldNames","toggle","disabled","type","openKeys","_","opt","el","element","dispatchEvent","CustomEvent","children","childNodes","values","removeAttribute"],"rangeMappings":"","mappings":"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"}

package/es/empty/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/empty/index.tsx"],"sourcesContent":["import { Show } from 'solid-js';\nimport { css } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport '../typography';\nimport type { CustomElement } from '..';\n\nconst style = css`\n  .empty-container {\n    inline-size: 100%;\n    flex: 1;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 24px;\n    box-sizing: border-box;\n  }\n\n  .empty-label {\n    font-size: var(--font-size-sm);\n  }\n`;\n\nexport interface EmptyProps {\n  /** 自定义样式表 */\n  css?: string;\n  /** 自定义类名 */\n  class?: string;\n  /** 描述 */\n  label?: JSX.Element;\n  style?: Record<string, string | number>;\n}\nexport type EmptyElement = CustomElement<EmptyProps>;\n\nfunction Empty(props: EmptyProps) {\n  return (\n    <>\n      <style>\n        {style}\n        {css(props.css)}\n      </style>\n      <div class=\"empty-container\">\n        <Show\n          when={props.label}\n          fallback={\n            <n-typography class=\"empty-label\" type=\"secondary\">\n              无数据\n            </n-typography>\n          }\n        >\n          {props.label}\n        </Show>\n      </div>\n    </>\n  );\n}\n\ncustomElement<EmptyProps>(\n  'n-empty',\n  {\n    class: void 0,\n    css: void 0,\n    label: void 0,\n  },\n  Empty,\n);\n\nexport default Empty;\n"],"names":["Show","css","customElement","style","Empty","props","label","class"],"mappings":"gSAAA,QAASA,QAAAA,CAAI,KAAQ,UAAW,AAChC,QAASC,OAAAA,CAAG,KAAQ,aAAc,AAClC,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAC9C,OAAO,eAAgB,CAGvB,IAAMC,EAAQF,CAAG,CAAC;;;;;;;;;;;;;;AAclB,CAAC,CAaD,SAASG,EAAMC,CAAiB,EAC9B,kCAGOF,gBACAF,EAAII,EAAMJ,GAAG,2CAGbD,qBACOK,EAAMC,KAAK,yFAOhBD,EAAMC,KAAK,WAKtB,CAEAJ,EACE,UACA,CACEK,MAAO,KAAK,EACZN,IAAK,KAAK,EACVK,MAAO,KAAK,CACd,EACAF,EAGF,gBAAeA,CAAM"}
+{"version":3,"sources":["../../components/empty/index.tsx"],"sourcesContent":["import { Show } from 'solid-js';\nimport { css } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport '../typography';\nimport type { CustomElement } from '..';\n\nconst style = css`\n  .empty-container {\n    inline-size: 100%;\n    flex: 1;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 24px;\n    box-sizing: border-box;\n  }\n\n  .empty-label {\n    font-size: var(--font-size-sm);\n  }\n`;\n\nexport interface EmptyProps {\n  /** 自定义样式表 */\n  css?: string;\n  /** 自定义类名 */\n  class?: string;\n  /** 描述 */\n  label?: JSX.Element;\n  style?: Record<string, string | number>;\n}\nexport type EmptyElement = CustomElement<EmptyProps>;\n\nfunction Empty(props: EmptyProps) {\n  return (\n    <>\n      <style>\n        {style}\n        {css(props.css)}\n      </style>\n      <div class=\"empty-container\">\n        <Show\n          when={props.label}\n          fallback={\n            <n-typography class=\"empty-label\" type=\"secondary\">\n              无数据\n            </n-typography>\n          }\n        >\n          {props.label}\n        </Show>\n      </div>\n    </>\n  );\n}\n\ncustomElement<EmptyProps>(\n  'n-empty',\n  {\n    class: void 0,\n    css: void 0,\n    label: void 0,\n  },\n  Empty,\n);\n\nexport default Empty;\n"],"names":["Show","css","customElement","style","Empty","props","label","class"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"gSAAA,QAASA,QAAAA,CAAI,KAAQ,UAAW,AAChC,QAASC,OAAAA,CAAG,KAAQ,aAAc,AAClC,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAC9C,OAAO,eAAgB,CAGvB,IAAMC,EAAQF,CAAG,CAAC;;;;;;;;;;;;;;AAclB,CAAC,CAaD,SAASG,EAAMC,CAAiB,EAC9B,kCAGOF,gBACAF,EAAII,EAAMJ,GAAG,2CAGbD,qBACOK,EAAMC,KAAK,yFAOhBD,EAAMC,KAAK,WAKtB,CAEAJ,EACE,UACA,CACEK,MAAO,KAAK,EACZN,IAAK,KAAK,EACVK,MAAO,KAAK,CACd,EACAF,EAGF,gBAAeA,CAAM"}

package/es/from-schema/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/from-schema/index.ts"],"sourcesContent":["import { type TreeData } from '../tree';\n\nenum Type {\n  string = 'string',\n  number = 'number',\n  integer = 'integer',\n  boolean = 'boolean',\n  object = 'object',\n  array = 'array',\n}\ninterface BaseSchema {\n  type?: keyof typeof Type;\n  name?: string;\n  title?: string;\n  items?: never;\n  [key: string]: Any;\n}\ninterface ArraySchema extends Omit<BaseSchema, 'type' | 'items'> {\n  type: 'array';\n  items: Schema;\n  properties?: Record<string, Schema>;\n}\n\ninterface ObjectSchema extends Omit<BaseSchema, 'type'> {\n  type?: Exclude<keyof typeof Type, 'array'>;\n  properties?: Record<string, Schema>;\n}\n\nexport type Schema = ObjectSchema | ArraySchema;\n\nfunction fromSchema(schema: Schema, pid?: string): TreeData<string>[] {\n  const treeData: TreeData<string>[] = [];\n  const { properties } = schema;\n\n  for (const k in properties) {\n    if (Object.prototype.hasOwnProperty.call(properties, k)) {\n      const name = k as keyof typeof properties;\n      const { properties: _properties, items, type = 'string', ...item } = properties[name];\n      const node: TreeData<string> = {\n        ...item,\n        name: name,\n        type,\n        subTitle: type,\n        key: `${pid ? `${pid}.` : ''}${name}`,\n      };\n\n      if (type === 'object') {\n        node.children = fromSchema({ properties: _properties }, node.key);\n      } else if (type === 'array') {\n        node.children = fromSchema(\n          {\n            properties: {\n              items: {\n                ...(items as Schema),\n                title: 'items',\n                isItems: true,\n              },\n            },\n          },\n          node.key,\n        );\n      }\n      treeData.push(node);\n    }\n  }\n\n  return treeData;\n}\n\nexport default fromSchema;\n"],"names":["Type","fromSchema","schema","pid","treeData","properties","Object","prototype","hasOwnProperty","call","_properties","items","type","item","node","name","subTitle","key","children","title","isItems","push"],"mappings":"MAEKA,kNAAAA,EAAAA,IAAAA,kHAmEL,gBAvCA,SAASC,EAAWC,CAAc,CAAEC,CAAY,EAC9C,IAAMC,EAA+B,EAAE,CACjC,CAAEC,WAAAA,CAAU,CAAE,CAAGH,EAEvB,IAAK,SAAWG,EACd,GAAIC,OAAOC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACJ,KAAgB,CAEvD,IAAqEA,EAAAA,CAAU,GAAM,CAA/E,CAAEA,WAAYK,CAAW,CAAEC,MAAAA,CAAK,CAAEC,KAAAA,EAAO,QAAQ,CAAW,CAAGP,EAATQ,qIAASR,GAA7DA,aAAyBM,QAAOC,SAClCE,EAAyB,KAC1BD,GACHE,IAAI,GACJH,KAAAA,EACAI,SAAUJ,EACVK,IAAK,CAAC,EAAEd,EAAM,CAAC,EAAEA,EAAI,CAAC,CAAC,CAAG,GAAG,IAAO,CAAC,EAGnCS,AAAS,CAAA,WAATA,EACFE,EAAKI,QAAQ,CAAGjB,EAAW,CAAEI,WAAYK,CAAY,EAAGI,EAAKG,GAAG,EAC9C,UAATL,GACTE,CAAAA,EAAKI,QAAQ,CAAGjB,EACd,CACEI,WAAY,CACVM,MAAO,KACDA,GACJQ,MAAO,QACPC,QAAS,CAAA,GAEb,CACF,EACAN,EAAKG,GAAG,CACV,EAEFb,EAASiB,IAAI,CAACP,EAChB,CAGF,OAAOV,CACT"}
+{"version":3,"sources":["../../components/from-schema/index.ts"],"sourcesContent":["import { type TreeData } from '../tree';\n\nenum Type {\n  string = 'string',\n  number = 'number',\n  integer = 'integer',\n  boolean = 'boolean',\n  object = 'object',\n  array = 'array',\n}\ninterface BaseSchema {\n  type?: keyof typeof Type;\n  name?: string;\n  title?: string;\n  items?: never;\n  [key: string]: Any;\n}\ninterface ArraySchema extends Omit<BaseSchema, 'type' | 'items'> {\n  type: 'array';\n  items: Schema;\n  properties?: Record<string, Schema>;\n}\n\ninterface ObjectSchema extends Omit<BaseSchema, 'type'> {\n  type?: Exclude<keyof typeof Type, 'array'>;\n  properties?: Record<string, Schema>;\n}\n\nexport type Schema = ObjectSchema | ArraySchema;\n\nfunction fromSchema(schema: Schema, pid?: string): TreeData<string>[] {\n  const treeData: TreeData<string>[] = [];\n  const { properties } = schema;\n\n  for (const k in properties) {\n    if (Object.prototype.hasOwnProperty.call(properties, k)) {\n      const name = k as keyof typeof properties;\n      const { properties: _properties, items, type = 'string', ...item } = properties[name];\n      const node: TreeData<string> = {\n        ...item,\n        name: name,\n        type,\n        subTitle: type,\n        key: `${pid ? `${pid}.` : ''}${name}`,\n      };\n\n      if (type === 'object') {\n        node.children = fromSchema({ properties: _properties }, node.key);\n      } else if (type === 'array') {\n        node.children = fromSchema(\n          {\n            properties: {\n              items: {\n                ...(items as Schema),\n                title: 'items',\n                isItems: true,\n              },\n            },\n          },\n          node.key,\n        );\n      }\n      treeData.push(node);\n    }\n  }\n\n  return treeData;\n}\n\nexport default fromSchema;\n"],"names":["Type","fromSchema","schema","pid","treeData","properties","Object","prototype","hasOwnProperty","call","_properties","items","type","item","node","name","subTitle","key","children","title","isItems","push"],"rangeMappings":"","mappings":"MAEKA,kNAAAA,EAAAA,IAAAA,kHAmEL,gBAvCA,SAASC,EAAWC,CAAc,CAAEC,CAAY,EAC9C,IAAMC,EAA+B,EAAE,CACjC,CAAEC,WAAAA,CAAU,CAAE,CAAGH,EAEvB,IAAK,SAAWG,EACd,GAAIC,OAAOC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACJ,KAAgB,CAEvD,IAAqEA,EAAAA,CAAU,GAAM,CAA/E,CAAEA,WAAYK,CAAW,CAAEC,MAAAA,CAAK,CAAEC,KAAAA,EAAO,QAAQ,CAAW,CAAGP,EAATQ,qIAASR,GAA7DA,aAAyBM,QAAOC,SAClCE,EAAyB,KAC1BD,GACHE,IAAI,GACJH,KAAAA,EACAI,SAAUJ,EACVK,IAAK,CAAC,EAAEd,EAAM,CAAC,EAAEA,EAAI,CAAC,CAAC,CAAG,GAAG,IAAO,CAAC,EAGnCS,AAAS,CAAA,WAATA,EACFE,EAAKI,QAAQ,CAAGjB,EAAW,CAAEI,WAAYK,CAAY,EAAGI,EAAKG,GAAG,EAC9C,UAATL,GACTE,CAAAA,EAAKI,QAAQ,CAAGjB,EACd,CACEI,WAAY,CACVM,MAAO,KACDA,GACJQ,MAAO,QACPC,QAAS,CAAA,GAEb,CACF,EACAN,EAAKG,GAAG,CACV,EAEFb,EAASiB,IAAI,CAACP,EAChB,CAGF,OAAOV,CACT"}

package/es/get-options/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/get-options/index.ts"],"sourcesContent":["import { type BaseOption, type BasicConfig, FieldName } from '../basic-config';\n\nfunction getOptions<T extends BaseOption = BaseOption>(\n  list?: (T | string | number)[],\n  fieldNames?: BasicConfig['fieldName'],\n): (T & Record<string, unknown>)[] {\n  if (!list) return [];\n  return list.map((item, i) => {\n    const { options, children, label, value } = Object.assign({}, FieldName, fieldNames);\n\n    if (typeof item === 'object') {\n      const _label = (typeof item[label] === 'undefined' ? item[value] : item[label]) || i;\n      const _value = (typeof item[value] === 'undefined' ? _label : item[value]) || i;\n      const _item = {\n        ...item,\n        [label]: _label,\n        [value]: _value,\n      };\n\n      if (Array.isArray(item[children])) {\n        Object.assign(_item, {\n          [children]: getOptions(item[children], fieldNames),\n        });\n      }\n      if (Array.isArray(item[options])) {\n        Object.assign(_item, {\n          [options]: getOptions(item[options], fieldNames),\n        });\n      }\n      return _item;\n    }\n    return {\n      [label]: item,\n      [value]: item,\n    } as T;\n  });\n}\n\nexport default getOptions;\n"],"names":["FieldName","getOptions","list","fieldNames","map","item","i","options","children","label","value","Object","assign","_label","_value","_item","Array","isArray"],"mappings":"+MAAA,OAA4CA,aAAAA,CAAS,KAAQ,iBAAkB,AAsC/E,gBApCA,SAASC,EACPC,CAA8B,CAC9BC,CAAqC,SAErC,AAAKD,EACEA,EAAKE,GAAG,CAAC,CAACC,EAAMC,KACrB,GAAM,CAAEC,QAAAA,CAAO,CAAEC,SAAAA,CAAQ,CAAEC,MAAAA,CAAK,CAAEC,MAAAA,CAAK,CAAE,CAAGC,OAAOC,MAAM,CAAC,CAAC,EAAGZ,EAAWG,GAEzE,GAAI,AAAgB,UAAhB,OAAOE,EAAmB,CAC5B,IAAMQ,EAAS,AAAC,CAAA,AAAuB,KAAA,IAAhBR,CAAI,CAACI,EAAM,CAAmBJ,CAAI,CAACK,EAAM,CAAGL,CAAI,CAACI,EAAM,AAAD,GAAMH,EAC7EQ,EAAS,AAAC,CAAA,AAAuB,KAAA,IAAhBT,CAAI,CAACK,EAAM,CAAmBG,EAASR,CAAI,CAACK,EAAM,AAAD,GAAMJ,EACxES,EAAQ,KACTV,GACH,CAACI,EAAM,CAAEI,EACT,CAACH,EAAM,CAAEI,IAaX,OAVIE,MAAMC,OAAO,CAACZ,CAAI,CAACG,EAAS,GAC9BG,OAAOC,MAAM,CAACG,EAAO,CACnB,CAACP,EAAS,CAAEP,EAAWI,CAAI,CAACG,EAAS,CAAEL,EACzC,GAEEa,MAAMC,OAAO,CAACZ,CAAI,CAACE,EAAQ,GAC7BI,OAAOC,MAAM,CAACG,EAAO,CACnB,CAACR,EAAQ,CAAEN,EAAWI,CAAI,CAACE,EAAQ,CAAEJ,EACvC,GAEKY,CACT,CACA,MAAO,CACL,CAACN,EAAM,CAAEJ,EACT,CAACK,EAAM,CAAEL,CACX,CACF,GA7BkB,EAAE,AA8BtB"}
+{"version":3,"sources":["../../components/get-options/index.ts"],"sourcesContent":["import { type BaseOption, type BasicConfig, FieldName } from '../basic-config';\n\nfunction getOptions<T extends BaseOption = BaseOption>(\n  list?: (T | string | number)[],\n  fieldNames?: BasicConfig['fieldName'],\n): (T & Record<string, unknown>)[] {\n  if (!list) return [];\n  return list.map((item, i) => {\n    const { options, children, label, value } = Object.assign({}, FieldName, fieldNames);\n\n    if (typeof item === 'object') {\n      const _label = (typeof item[label] === 'undefined' ? item[value] : item[label]) || i;\n      const _value = (typeof item[value] === 'undefined' ? _label : item[value]) || i;\n      const _item = {\n        ...item,\n        [label]: _label,\n        [value]: _value,\n      };\n\n      if (Array.isArray(item[children])) {\n        Object.assign(_item, {\n          [children]: getOptions(item[children], fieldNames),\n        });\n      }\n      if (Array.isArray(item[options])) {\n        Object.assign(_item, {\n          [options]: getOptions(item[options], fieldNames),\n        });\n      }\n      return _item;\n    }\n    return {\n      [label]: item,\n      [value]: item,\n    } as T;\n  });\n}\n\nexport default getOptions;\n"],"names":["FieldName","getOptions","list","fieldNames","map","item","i","options","children","label","value","Object","assign","_label","_value","_item","Array","isArray"],"rangeMappings":"","mappings":"+MAAA,OAA4CA,aAAAA,CAAS,KAAQ,iBAAkB,AAsC/E,gBApCA,SAASC,EACPC,CAA8B,CAC9BC,CAAqC,SAErC,AAAKD,EACEA,EAAKE,GAAG,CAAC,CAACC,EAAMC,KACrB,GAAM,CAAEC,QAAAA,CAAO,CAAEC,SAAAA,CAAQ,CAAEC,MAAAA,CAAK,CAAEC,MAAAA,CAAK,CAAE,CAAGC,OAAOC,MAAM,CAAC,CAAC,EAAGZ,EAAWG,GAEzE,GAAI,AAAgB,UAAhB,OAAOE,EAAmB,CAC5B,IAAMQ,EAAS,AAAC,CAAA,AAAuB,KAAA,IAAhBR,CAAI,CAACI,EAAM,CAAmBJ,CAAI,CAACK,EAAM,CAAGL,CAAI,CAACI,EAAM,AAAD,GAAMH,EAC7EQ,EAAS,AAAC,CAAA,AAAuB,KAAA,IAAhBT,CAAI,CAACK,EAAM,CAAmBG,EAASR,CAAI,CAACK,EAAM,AAAD,GAAMJ,EACxES,EAAQ,KACTV,GACH,CAACI,EAAM,CAAEI,EACT,CAACH,EAAM,CAAEI,IAaX,OAVIE,MAAMC,OAAO,CAACZ,CAAI,CAACG,EAAS,GAC9BG,OAAOC,MAAM,CAACG,EAAO,CACnB,CAACP,EAAS,CAAEP,EAAWI,CAAI,CAACG,EAAS,CAAEL,EACzC,GAEEa,MAAMC,OAAO,CAACZ,CAAI,CAACE,EAAQ,GAC7BI,OAAOC,MAAM,CAACG,EAAO,CACnB,CAACR,EAAQ,CAAEN,EAAWI,CAAI,CAACE,EAAQ,CAAEJ,EACvC,GAEKY,CACT,CACA,MAAO,CACL,CAACN,EAAM,CAAEJ,EACT,CAACK,EAAM,CAAEL,CACX,CACF,GA7BkB,EAAE,AA8BtB"}

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

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

package/es/img/index.js.map

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

package/es/img/style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/img/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\n\nexport const imgCss = css`\n  .img {\n    max-inline-size: 100%;\n    max-block-size: 100%;\n    object-fit: contain;\n    transition: opacity 0.3s;\n  }\n\n  .none {\n    pointer-events: none;\n    opacity: 0.25;\n  }\n`;\nexport const style = css`\n  .close {\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    z-index: 1;\n    color: #fff;\n    transition: transform var(--transition-duration);\n    cursor: pointer;\n    transform: scale(0);\n\n    &::before {\n      padding: 0 16px;\n      font-size: 24px;\n      content: '⛌';\n      line-height: 46px;\n    }\n  }\n\n  .portal {\n    position: fixed;\n    z-index: 99999;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    &::before {\n      position: absolute;\n      z-index: -1;\n      background: var(--img) center/cover no-repeat;\n      content: '';\n      inline-size: 100%;\n      block-size: 100%;\n      pointer-events: none;\n      opacity: 0.5;\n    }\n\n    &::after {\n      position: absolute;\n      z-index: -1;\n      content: '';\n      inline-size: 100%;\n      block-size: 100%;\n      pointer-events: none;\n      backdrop-filter: blur(50px);\n    }\n\n    &:hover {\n      .close {\n        transform: scale(1);\n      }\n    }\n  }\n\n  .open {\n    animation: photo-in var(--transition-duration) forwards;\n  }\n\n  .closeing {\n    animation: photo-out var(--transition-duration) forwards;\n  }\n\n  @keyframes photo-in {\n    0% {\n      pointer-events: none;\n    }\n\n    100% {\n      inline-size: 100vi;\n      block-size: 100vb;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n    }\n  }\n\n  @keyframes photo-out {\n    from {\n      inline-size: 100vi;\n      block-size: 100vb;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n    }\n\n    to {\n      pointer-events: none;\n    }\n  }\n`;\n"],"names":["css","imgCss","style"],"mappings":"AAAA,OAASA,OAAAA,CAAG,KAAQ,aAAc,AAElC,QAAO,MAAMC,OAASD,CAAG,CAAC;;;;;;;;;;;;AAY1B,CAAC,AAAC,AACF,QAAO,MAAME,MAAQF,CAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFzB,CAAC,AAAC"}
+{"version":3,"sources":["../../components/img/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\n\nexport const imgCss = css`\n  .img {\n    max-inline-size: 100%;\n    max-block-size: 100%;\n    object-fit: contain;\n    transition: opacity 0.3s;\n  }\n\n  .none {\n    pointer-events: none;\n    opacity: 0.25;\n  }\n`;\nexport const style = css`\n  .close {\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    z-index: 1;\n    color: #fff;\n    transition: transform var(--transition-duration);\n    cursor: pointer;\n    transform: scale(0);\n\n    &::before {\n      padding: 0 16px;\n      font-size: 24px;\n      content: '⛌';\n      line-height: 46px;\n    }\n  }\n\n  .portal {\n    position: fixed;\n    z-index: 99999;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    &::before {\n      position: absolute;\n      z-index: -1;\n      background: var(--img) center/cover no-repeat;\n      content: '';\n      inline-size: 100%;\n      block-size: 100%;\n      pointer-events: none;\n      opacity: 0.5;\n    }\n\n    &::after {\n      position: absolute;\n      z-index: -1;\n      content: '';\n      inline-size: 100%;\n      block-size: 100%;\n      pointer-events: none;\n      backdrop-filter: blur(50px);\n    }\n\n    &:hover {\n      .close {\n        transform: scale(1);\n      }\n    }\n  }\n\n  .open {\n    animation: photo-in var(--transition-duration) forwards;\n  }\n\n  .closeing {\n    animation: photo-out var(--transition-duration) forwards;\n  }\n\n  @keyframes photo-in {\n    0% {\n      pointer-events: none;\n    }\n\n    100% {\n      inline-size: 100vi;\n      block-size: 100vb;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n    }\n  }\n\n  @keyframes photo-out {\n    from {\n      inline-size: 100vi;\n      block-size: 100vb;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n    }\n\n    to {\n      pointer-events: none;\n    }\n  }\n`;\n"],"names":["css","imgCss","style"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAASA,OAAAA,CAAG,KAAQ,aAAc,AAElC,QAAO,MAAMC,OAASD,CAAG,CAAC;;;;;;;;;;;;AAY1B,CAAC,AAAC,AACF,QAAO,MAAME,MAAQF,CAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFzB,CAAC,AAAC"}

package/es/index.js.map

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

package/es/input/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/input/index.tsx"],"sourcesContent":["import {\n  Show,\n  createComponent,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\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 from '../theme';\nimport type { BasicConfig, CustomElement } from '..';\n\nexport interface InputProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 前缀 */\n  prefixIcon?: JSX.Element;\n  /** 后缀 */\n  suffixIcon?: JSX.Element;\n  /** 大写锁定图标, 可以结合密码输入框使用\n   * @since 2.5.2\n   */\n  capsLockIcon?: JSX.Element;\n  /** 禁用 */\n  disabled?: boolean;\n  /** 自动完成 */\n  autoComplete?: string;\n  /** 占位文本 */\n  placeholder?: string;\n  /** 组件尺寸\n   * @default 'normal'\n   */\n  size?: BasicConfig['size'];\n  /** 描述 */\n  label?: JSX.Element;\n  /** 状态 */\n  status?: 'error' | 'warning' | 'success';\n  /** 类型\n   * @default 'text'\n   */\n  type?: 'email' | 'hidden' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url';\n  /** HTML attribute: accept */\n  accept?: string;\n  /** 值 */\n  value?: string | number;\n  /** 默认值 */\n  defaultValue?: string | number;\n  /** 值变更时触发的函数 */\n  onChange?: (value: InputProps['value']) => void;\n  onKeyDown?(e: KeyboardEvent): void;\n  onMouseDown?(e: MouseEvent): void;\n  onFocus?(e: FocusEvent): void;\n  onBlur?(e: FocusEvent): void;\n  onKeyUp?(e: KeyboardEvent): void;\n  /** 指定输入框展示值的格式 */\n  formatter?: (value?: InputProps['value']) => InputProps['value'];\n  /** 搭配 formatter 使用, 将转换后的值转回原来的值 */\n  parser?: (value?: InputProps['value']) => InputProps['value'];\n}\n\nfunction Input(props: InputProps) {\n  const { baseStyle } = theme;\n  let inputRef: HTMLInputElement | undefined;\n  const [x, setX] = createSignal<string>();\n  const [capsLock, setCapsLock] = createSignal(false);\n\n  function parserValue(val: InputProps['value']) {\n    if (props.parser) {\n      return isFunction(props.parser) ? props.parser(val) : props.parser;\n    } else if (props.type === 'number' && typeof val === 'string') {\n      const num = val.replace(/[^\\d]/g, '');\n\n      return num.length ? parseFloat(num) : void 0;\n    }\n    return val;\n  }\n\n  function handleInput(e: Event & { target: HTMLInputElement }) {\n    props.onChange?.(parserValue(e.target?.value));\n  }\n  function handleMouseDown(e: MouseEvent) {\n    props.onMouseDown?.(e);\n  }\n  function handleKeyDown(e: KeyboardEvent) {\n    if (props.capsLockIcon) {\n      setCapsLock(e.getModifierState('CapsLock'));\n    }\n    props.onKeyDown?.(e);\n  }\n  function handleBlur(e: FocusEvent) {\n    props.onBlur?.(e);\n  }\n  function handleKeyUp(e: KeyboardEvent) {\n    props.onKeyUp?.(e);\n  }\n\n  const value = createMemo(() => {\n    if (props.formatter) {\n      return isFunction(props.formatter) ? props.formatter(props.value) : props.formatter;\n    }\n    return props.value;\n  });\n\n  createEffect(() => {\n    if (props.label) {\n      setX(`.label {--x: ${inputRef?.offsetLeft || 0}px;opacity:1;}`);\n    }\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {x()}\n        {css(props.css)}\n      </style>\n      <fieldset\n        class={cx('fieldset', props.size, props.status, props.class)}\n        disabled={props.disabled}\n      >\n        <Show when={props.prefixIcon}>\n          <span class=\"prefix\">{props.prefixIcon}</span>\n        </Show>\n        <input\n          ref={inputRef}\n          class=\"input\"\n          part=\"input\"\n          onChange={handleInput}\n          type={props.type}\n          value={value()}\n          autocomplete={props.autoComplete}\n          accept={props.accept}\n          placeholder={props.placeholder}\n          onMouseDown={handleMouseDown}\n          onKeyDown={handleKeyDown}\n          onKeyUp={handleKeyUp}\n          onBlur={handleBlur}\n        />\n        <Show when={props.label}>\n          <label class=\"label\">{props.label}</label>\n        </Show>\n        <Show when={props.capsLockIcon && capsLock()}>\n          <span class=\"caps-lock\">{props.capsLockIcon}</span>\n        </Show>\n        <Show when={props.suffixIcon}>\n          <span class=\"suffix\">{props.suffixIcon}</span>\n        </Show>\n      </fieldset>\n    </>\n  );\n}\n\nexport type InputElement = CustomElement<InputProps>;\n\nexport const defaultInportProps = {\n  class: void 0,\n  css: void 0,\n  suffixIcon: void 0,\n  prefixIcon: void 0,\n  capsLockIcon: void 0,\n  size: void 0,\n  disabled: void 0,\n  status: void 0,\n  type: void 0,\n  label: void 0,\n  value: void 0,\n  defaultValue: void 0,\n  formatter: void 0,\n  parser: void 0,\n  onChange: void 0,\n  onMouseDown: void 0,\n  onKeyDown: void 0,\n  accept: void 0,\n  autoComplete: void 0,\n  placeholder: '请输入',\n};\n\ncustomElement<InputProps>('n-input', defaultInportProps, (_, opt) => {\n  const el = opt.element;\n  const props = mergeProps(\n    {\n      css: el.css,\n      size: el.size || 'normal',\n      value: el.value || el.defaultValue || '',\n      type: el.type || 'text',\n      onChange(val?: number | string) {\n        el.dispatchEvent(\n          new CustomEvent('change', {\n            detail: val,\n          }),\n        );\n      },\n    },\n    _,\n  );\n\n  return createComponent(Input, props);\n});\n\nexport default Input;\n"],"names":["Show","createComponent","createEffect","createMemo","createSignal","mergeProps","isFunction","css","cx","customElement","style","theme","Input","props","inputRef","baseStyle","x","setX","capsLock","setCapsLock","handleInput","e","onChange","parserValue","val","parser","type","num","replace","length","parseFloat","target","value","handleMouseDown","onMouseDown","handleKeyDown","capsLockIcon","getModifierState","onKeyDown","handleBlur","onBlur","handleKeyUp","onKeyUp","formatter","label","offsetLeft","prefixIcon","suffixIcon","size","status","class","disabled","autoComplete","accept","placeholder","defaultInportProps","defaultValue","_","opt","el","element","dispatchEvent","CustomEvent","detail"],"mappings":"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"}
+{"version":3,"sources":["../../components/input/index.tsx"],"sourcesContent":["import {\n  Show,\n  createComponent,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\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 from '../theme';\nimport type { BasicConfig, CustomElement } from '..';\n\nexport interface InputProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 前缀 */\n  prefixIcon?: JSX.Element;\n  /** 后缀 */\n  suffixIcon?: JSX.Element;\n  /** 大写锁定图标, 可以结合密码输入框使用\n   * @since 2.5.2\n   */\n  capsLockIcon?: JSX.Element;\n  /** 禁用 */\n  disabled?: boolean;\n  /** 自动完成 */\n  autoComplete?: string;\n  /** 占位文本 */\n  placeholder?: string;\n  /** 组件尺寸\n   * @default 'normal'\n   */\n  size?: BasicConfig['size'];\n  /** 描述 */\n  label?: JSX.Element;\n  /** 状态 */\n  status?: 'error' | 'warning' | 'success';\n  /** 类型\n   * @default 'text'\n   */\n  type?: 'email' | 'hidden' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url';\n  /** HTML attribute: accept */\n  accept?: string;\n  /** 值 */\n  value?: string | number;\n  /** 默认值 */\n  defaultValue?: string | number;\n  /** 值变更时触发的函数 */\n  onChange?: (value: InputProps['value']) => void;\n  onKeyDown?(e: KeyboardEvent): void;\n  onMouseDown?(e: MouseEvent): void;\n  onFocus?(e: FocusEvent): void;\n  onBlur?(e: FocusEvent): void;\n  onKeyUp?(e: KeyboardEvent): void;\n  /** 指定输入框展示值的格式 */\n  formatter?: (value?: InputProps['value']) => InputProps['value'];\n  /** 搭配 formatter 使用, 将转换后的值转回原来的值 */\n  parser?: (value?: InputProps['value']) => InputProps['value'];\n}\n\nfunction Input(props: InputProps) {\n  const { baseStyle } = theme;\n  let inputRef: HTMLInputElement | undefined;\n  const [x, setX] = createSignal<string>();\n  const [capsLock, setCapsLock] = createSignal(false);\n\n  function parserValue(val: InputProps['value']) {\n    if (props.parser) {\n      return isFunction(props.parser) ? props.parser(val) : props.parser;\n    } else if (props.type === 'number' && typeof val === 'string') {\n      const num = val.replace(/[^\\d]/g, '');\n\n      return num.length ? parseFloat(num) : void 0;\n    }\n    return val;\n  }\n\n  function handleInput(e: Event & { target: HTMLInputElement }) {\n    props.onChange?.(parserValue(e.target?.value));\n  }\n  function handleMouseDown(e: MouseEvent) {\n    props.onMouseDown?.(e);\n  }\n  function handleKeyDown(e: KeyboardEvent) {\n    if (props.capsLockIcon) {\n      setCapsLock(e.getModifierState('CapsLock'));\n    }\n    props.onKeyDown?.(e);\n  }\n  function handleBlur(e: FocusEvent) {\n    props.onBlur?.(e);\n  }\n  function handleKeyUp(e: KeyboardEvent) {\n    props.onKeyUp?.(e);\n  }\n\n  const value = createMemo(() => {\n    if (props.formatter) {\n      return isFunction(props.formatter) ? props.formatter(props.value) : props.formatter;\n    }\n    return props.value;\n  });\n\n  createEffect(() => {\n    if (props.label) {\n      setX(`.label {--x: ${inputRef?.offsetLeft || 0}px;opacity:1;}`);\n    }\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {x()}\n        {css(props.css)}\n      </style>\n      <fieldset\n        class={cx('fieldset', props.size, props.status, props.class)}\n        disabled={props.disabled}\n      >\n        <Show when={props.prefixIcon}>\n          <span class=\"prefix\">{props.prefixIcon}</span>\n        </Show>\n        <input\n          ref={inputRef}\n          class=\"input\"\n          part=\"input\"\n          onChange={handleInput}\n          type={props.type}\n          value={value()}\n          autocomplete={props.autoComplete}\n          accept={props.accept}\n          placeholder={props.placeholder}\n          onMouseDown={handleMouseDown}\n          onKeyDown={handleKeyDown}\n          onKeyUp={handleKeyUp}\n          onBlur={handleBlur}\n        />\n        <Show when={props.label}>\n          <label class=\"label\">{props.label}</label>\n        </Show>\n        <Show when={props.capsLockIcon && capsLock()}>\n          <span class=\"caps-lock\">{props.capsLockIcon}</span>\n        </Show>\n        <Show when={props.suffixIcon}>\n          <span class=\"suffix\">{props.suffixIcon}</span>\n        </Show>\n      </fieldset>\n    </>\n  );\n}\n\nexport type InputElement = CustomElement<InputProps>;\n\nexport const defaultInportProps = {\n  class: void 0,\n  css: void 0,\n  suffixIcon: void 0,\n  prefixIcon: void 0,\n  capsLockIcon: void 0,\n  size: void 0,\n  disabled: void 0,\n  status: void 0,\n  type: void 0,\n  label: void 0,\n  value: void 0,\n  defaultValue: void 0,\n  formatter: void 0,\n  parser: void 0,\n  onChange: void 0,\n  onMouseDown: void 0,\n  onKeyDown: void 0,\n  accept: void 0,\n  autoComplete: void 0,\n  placeholder: '请输入',\n};\n\ncustomElement<InputProps>('n-input', defaultInportProps, (_, opt) => {\n  const el = opt.element;\n  const props = mergeProps(\n    {\n      css: el.css,\n      size: el.size || 'normal',\n      value: el.value || el.defaultValue || '',\n      type: el.type || 'text',\n      onChange(val?: number | string) {\n        el.dispatchEvent(\n          new CustomEvent('change', {\n            detail: val,\n          }),\n        );\n      },\n    },\n    _,\n  );\n\n  return createComponent(Input, props);\n});\n\nexport default Input;\n"],"names":["Show","createComponent","createEffect","createMemo","createSignal","mergeProps","isFunction","css","cx","customElement","style","theme","Input","props","inputRef","baseStyle","x","setX","capsLock","setCapsLock","handleInput","e","onChange","parserValue","val","parser","type","num","replace","length","parseFloat","target","value","handleMouseDown","onMouseDown","handleKeyDown","capsLockIcon","getModifierState","onKeyDown","handleBlur","onBlur","handleKeyUp","onKeyUp","formatter","label","offsetLeft","prefixIcon","suffixIcon","size","status","class","disabled","autoComplete","accept","placeholder","defaultInportProps","defaultValue","_","opt","el","element","dispatchEvent","CustomEvent","detail"],"rangeMappings":"","mappings":"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"}

package/es/input/style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/input/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\n\nexport const style = css`\n  .label {\n    --x: 0;\n\n    position: absolute;\n    overflow: hidden;\n    border-radius: var(--border-radius);\n    padding: 0 4px;\n    text-overflow: ellipsis;\n    color: var(--text-secondary);\n    opacity: 0;\n    transition:\n      transform var(--transition-duration),\n      opacity var(--transition-duration),\n      color var(--transition-duration),\n      background-color var(--transition-duration);\n    line-height: 1.45;\n    pointer-events: none;\n    transform-origin: left;\n    max-inline-size: 100%;\n    word-break: keep-all;\n  }\n\n  .normal {\n    padding: 4px 10px;\n    font-size: var(--font-size);\n    line-height: 1.5;\n\n    .label {\n      transform: translate3d(calc(var(--x, 0) - 10px), 0, 1px);\n    }\n  }\n\n  .large {\n    padding: 6px 16px;\n    font-size: var(--font-size-lg);\n    line-height: 1.5;\n\n    .label {\n      transform: translate3d(calc(var(--x, 0) - 16px), 0, 1px);\n    }\n  }\n\n  .small {\n    padding: 2px;\n    font-size: var(--font-size-sm);\n    line-height: 20px;\n\n    .label {\n      transform: translate3d(calc(var(--x, 0) - 2px), 0, 1px);\n    }\n  }\n\n  .input {\n    overflow: hidden;\n    border: none;\n    font-size: inherit;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: inherit;\n    inline-size: inherit;\n    background: none;\n    outline: none;\n    appearance: none;\n    flex: 1;\n\n    &::placeholder {\n      opacity: 0;\n      transition:\n        color var(--transition-duration),\n        opacity var(--transition-duration);\n    }\n\n    &:focus::placeholder {\n      opacity: 1;\n    }\n\n    &:not(:placeholder-shown) + .label,\n    &:focus + .label {\n      background: var(--component-bg);\n      transform: translate3d(0, calc(-50% - 0.43em), 1px) scale(0.8);\n    }\n\n    &:focus + .label {\n      color: var(--primary-color);\n    }\n\n    &:not(:placeholder-shown, :focus) + .label {\n      color: var(--text-color);\n    }\n  }\n\n  .fieldset {\n    position: relative;\n    display: flex;\n    margin: 0;\n    border: 1px solid var(--border-color);\n    border-radius: var(--border-radius);\n    color: var(--text-color);\n    background-color: var(--component-bg);\n    transition: all var(--transition-duration);\n    inline-size: 100%;\n    background-image: none;\n    box-sizing: border-box;\n    accent-color: var(--primary-color, #5794ff);\n\n    &:hover {\n      border-color: var(--primary-hover, #80b3ff);\n      border-inline-end-width: 1px;\n    }\n\n    &:focus-within {\n      border-color: var(--primary-hover, #80b3ff);\n      border-inline-end-width: 1px;\n      outline: 0;\n      box-shadow: 0 0 0 2px var(--primary-outline);\n    }\n\n    &:invalid,\n    &.error {\n      --border-color: var(--error-border);\n      --primary-hover: var(--error-hover);\n      --primary-outline: var(--error-outline);\n      --primary-color: var(--error-color);\n\n      .label {\n        --text-color: var(--error-color);\n      }\n    }\n\n    &.success {\n      --border-color: var(--success-border);\n      --primary-hover: var(--success-hover);\n      --primary-outline: var(--success-outline);\n      --primary-color: var(--success-color);\n\n      .label {\n        --text-color: var(--success-color);\n      }\n    }\n\n    &.warning {\n      --border-color: var(--warning-border);\n      --primary-hover: var(--warning-hover);\n      --primary-outline: var(--warning-outline);\n      --primary-color: var(--warning-color);\n\n      .label {\n        --text-color: var(--warning-color);\n      }\n    }\n\n    &:disabled {\n      --text-color: var(--disable-color);\n      --border-color: var(--disable-border);\n      --primary-hover: var(--disable-border);\n\n      background-color: var(--disable-bg);\n      cursor: not-allowed;\n\n      .input {\n        pointer-events: none;\n\n        &:not(:placeholder-shown) + .label {\n          background: var(--disable-border);\n        }\n      }\n    }\n  }\n\n  .prefix {\n    margin-inline-end: 4px;\n  }\n\n  .suffix,\n  .caps-lock {\n    margin-inline-start: 4px;\n  }\n`;\n"],"names":["css","style"],"mappings":"AAAA,OAASA,OAAAA,CAAG,KAAQ,aAAc,AAElC,QAAO,MAAMC,MAAQD,CAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkLzB,CAAC,AAAC"}
+{"version":3,"sources":["../../components/input/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\n\nexport const style = css`\n  .label {\n    --x: 0;\n\n    position: absolute;\n    overflow: hidden;\n    border-radius: var(--border-radius);\n    padding: 0 4px;\n    text-overflow: ellipsis;\n    color: var(--text-secondary);\n    opacity: 0;\n    transition:\n      transform var(--transition-duration),\n      opacity var(--transition-duration),\n      color var(--transition-duration),\n      background-color var(--transition-duration);\n    line-height: 1.45;\n    pointer-events: none;\n    transform-origin: left;\n    max-inline-size: 100%;\n    word-break: keep-all;\n  }\n\n  .normal {\n    padding: 4px 10px;\n    font-size: var(--font-size);\n    line-height: 1.5;\n\n    .label {\n      transform: translate3d(calc(var(--x, 0) - 10px), 0, 1px);\n    }\n  }\n\n  .large {\n    padding: 6px 16px;\n    font-size: var(--font-size-lg);\n    line-height: 1.5;\n\n    .label {\n      transform: translate3d(calc(var(--x, 0) - 16px), 0, 1px);\n    }\n  }\n\n  .small {\n    padding: 2px;\n    font-size: var(--font-size-sm);\n    line-height: 20px;\n\n    .label {\n      transform: translate3d(calc(var(--x, 0) - 2px), 0, 1px);\n    }\n  }\n\n  .input {\n    overflow: hidden;\n    border: none;\n    font-size: inherit;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: inherit;\n    inline-size: inherit;\n    background: none;\n    outline: none;\n    appearance: none;\n    flex: 1;\n\n    &::placeholder {\n      opacity: 0;\n      transition:\n        color var(--transition-duration),\n        opacity var(--transition-duration);\n    }\n\n    &:focus::placeholder {\n      opacity: 1;\n    }\n\n    &:not(:placeholder-shown) + .label,\n    &:focus + .label {\n      background: var(--component-bg);\n      transform: translate3d(0, calc(-50% - 0.43em), 1px) scale(0.8);\n    }\n\n    &:focus + .label {\n      color: var(--primary-color);\n    }\n\n    &:not(:placeholder-shown, :focus) + .label {\n      color: var(--text-color);\n    }\n  }\n\n  .fieldset {\n    position: relative;\n    display: flex;\n    margin: 0;\n    border: 1px solid var(--border-color);\n    border-radius: var(--border-radius);\n    color: var(--text-color);\n    background-color: var(--component-bg);\n    transition: all var(--transition-duration);\n    inline-size: 100%;\n    background-image: none;\n    box-sizing: border-box;\n    accent-color: var(--primary-color, #5794ff);\n\n    &:hover {\n      border-color: var(--primary-hover, #80b3ff);\n      border-inline-end-width: 1px;\n    }\n\n    &:focus-within {\n      border-color: var(--primary-hover, #80b3ff);\n      border-inline-end-width: 1px;\n      outline: 0;\n      box-shadow: 0 0 0 2px var(--primary-outline);\n    }\n\n    &:invalid,\n    &.error {\n      --border-color: var(--error-border);\n      --primary-hover: var(--error-hover);\n      --primary-outline: var(--error-outline);\n      --primary-color: var(--error-color);\n\n      .label {\n        --text-color: var(--error-color);\n      }\n    }\n\n    &.success {\n      --border-color: var(--success-border);\n      --primary-hover: var(--success-hover);\n      --primary-outline: var(--success-outline);\n      --primary-color: var(--success-color);\n\n      .label {\n        --text-color: var(--success-color);\n      }\n    }\n\n    &.warning {\n      --border-color: var(--warning-border);\n      --primary-hover: var(--warning-hover);\n      --primary-outline: var(--warning-outline);\n      --primary-color: var(--warning-color);\n\n      .label {\n        --text-color: var(--warning-color);\n      }\n    }\n\n    &:disabled {\n      --text-color: var(--disable-color);\n      --border-color: var(--disable-border);\n      --primary-hover: var(--disable-border);\n\n      background-color: var(--disable-bg);\n      cursor: not-allowed;\n\n      .input {\n        pointer-events: none;\n\n        &:not(:placeholder-shown) + .label {\n          background: var(--disable-border);\n        }\n      }\n    }\n  }\n\n  .prefix {\n    margin-inline-end: 4px;\n  }\n\n  .suffix,\n  .caps-lock {\n    margin-inline-start: 4px;\n  }\n`;\n"],"names":["css","style"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAASA,OAAAA,CAAG,KAAQ,aAAc,AAElC,QAAO,MAAMC,MAAQD,CAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkLzB,CAAC,AAAC"}