neko-ui 2.5.0-beta.1 → 2.5.0-beta.2

package/es/checkbox/index.d.ts

@@ -1,5 +1,4 @@
-import { type BaseOption, type BasicConfig } from '../basic-config';
-import type { CustomElement } from '..';
+import type { BaseOption, BasicConfig, CustomElement } from '..';
 /** 通用API
  * @since 1.0.0
  */

package/es/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/checkbox/index.tsx"],"sourcesContent":["import { For, createComponent, createEffect, createMemo, createSignal, mergeProps } from 'solid-js';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { style } from './style';\nimport { type BaseOption, type BasicConfig, FieldName } from '../basic-config';\nimport getOptions from '../get-options';\nimport theme from '../theme';\nimport type { CustomElement } from '..';\n\n/** 通用API\n * @since 1.0.0\n */\nexport interface CheckboxBaseProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** input[type=\"checkbox\"] 的 name 属性 */\n  name?: string;\n  /** 只读 */\n  disabled?: boolean;\n  /** 选项排列方式\n   * @default 'horizontal'\n   */\n  layout?: 'vertical' | 'horizontal';\n  /** 自定义节点 'label'、'value'、'options' 的字段 */\n  fieldNames?: BasicConfig['fieldName'];\n}\n/** 复选框API */\nexport interface CheckboxBoolProps extends CheckboxBaseProps {\n  /** 一个 bool 值; */\n  value?: boolean;\n  /** 默认值 */\n  defaultValue?: boolean;\n  /** 值修改时的回调方法 */\n  onChange?: (val: boolean) => void;\n  checkAll?: never;\n  options?: never;\n}\n/** 通过数据渲染一组复选框按钮的API */\nexport interface CheckboxGroupProps extends CheckboxBaseProps {\n  /** 全选 */\n  checkAll?: boolean;\n  /** 值;\n   * 当设置了value时, 将是受控模式;\n   * 受控模式可通过 onChange 事件更新 value\n   **/\n  value?: (string | number)[];\n  /** 默认值 */\n  defaultValue?: (string | number)[];\n  /** 渲染选项所使用的数据,\n   * 当没有设置该值时, 将渲染一个切换 bool 值的按钮\n   * */\n  options?: (CheckboxOption | string)[];\n  /** 值修改时的回调方法 */\n  onChange?: (val: (string | number)[]) => void;\n}\n/** 复选框选项\n * @since 1.0.0\n */\nexport interface CheckboxOption extends BaseOption {\n  /** 不确定状态 */\n  indeterminate?: boolean;\n}\n\nfunction Checkbox(props: CheckboxBoolProps | CheckboxGroupProps) {\n  const { baseStyle } = theme;\n  const [value, setValue] = createSignal<(string | number)[]>([]);\n  const fieldNames = createMemo(() => Object.assign({}, FieldName, props.fieldNames));\n\n  createEffect(() => {\n    const _val = typeof props.value === 'undefined' ? props.defaultValue : props.value;\n    let val: (string | number)[] = [];\n\n    if (Array.isArray(_val)) {\n      val = _val;\n    } else if (typeof _val !== 'undefined') {\n      val = [_val as unknown as string];\n    }\n\n    setValue(val);\n  });\n  const options = createMemo(() => {\n    const fieldName = fieldNames();\n\n    if (typeof props.options === 'undefined') {\n      return getOptions([{ value: 1 } as CheckboxOption], fieldName);\n    }\n    const checkAll: CheckboxOption[] = [\n      { [fieldName.value]: 'all', [fieldName.label]: '全选', indeterminate: false },\n    ];\n    const arr = props.checkAll ? checkAll : [];\n\n    return arr.concat(getOptions(props.options || [], fieldName));\n  });\n\n  const all = createMemo(() => {\n    const allVal: (string | number)[] = [];\n    const fieldName = fieldNames();\n\n    options().forEach((item) => {\n      if (!('indeterminate' in item) && typeof item[fieldName.value] !== 'undefined') {\n        allVal.push(item[fieldName.value]!);\n      }\n    });\n\n    return allVal;\n  });\n\n  function getIndeterminate() {\n    let _indeterminate = false;\n\n    all().forEach((v) => {\n      if (value().length && !value().includes(v)) {\n        _indeterminate = true;\n      }\n    });\n    return _indeterminate;\n  }\n  const checkedAll = createMemo(() => {\n    let checked = true;\n    const alls = all();\n\n    for (let i = 0, len = alls.length; i < len; i++) {\n      if (!value().includes(alls[i])) {\n        checked = false;\n        break;\n      }\n    }\n    return checked;\n  });\n\n  function onChange(item: CheckboxOption) {\n    if (!props.disabled && !item.disabled) {\n      const isIndeterminate = 'indeterminate' in item;\n      let newVal = isIndeterminate ? [] : [...value()];\n      const val = item[fieldNames().value]!;\n\n      if (isIndeterminate) {\n        if (!checkedAll()) {\n          newVal = all();\n        }\n      } else {\n        const idx = newVal.indexOf(val);\n\n        if (idx !== -1) {\n          newVal.splice(idx, 1);\n        } else {\n          newVal.push(val);\n        }\n      }\n      if (typeof props.value === 'undefined') {\n        setValue(newVal);\n      }\n      props.onChange?.((typeof props.options === 'undefined' ? !!newVal[0] : newVal) as never);\n    }\n  }\n  function onKeyUp(item: CheckboxOption, e: KeyboardEvent) {\n    e.preventDefault();\n    if (e.key === 'Enter') {\n      onChange(item);\n    }\n  }\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {css(props.css)}\n      </style>\n      <section class={cx('box', props.layout, props.class)}>\n        <For each={options()}>\n          {(item) => {\n            const readOnly = props.disabled || item.disabled;\n            const fieldName = fieldNames();\n            const realVal = item[fieldName.value]!;\n\n            if ('indeterminate' in item) {\n              createEffect(() => {\n                item.ref.indeterminate = getIndeterminate();\n              });\n            }\n            return (\n              <span\n                class={cx('item', item.class, item.status)}\n                aria-disabled={readOnly}\n                tabindex={readOnly ? -1 : 0}\n                onKeyUp={onKeyUp.bind(null, item)}\n                onClick={onChange.bind(null, item)}\n              >\n                <input\n                  ref={item.ref}\n                  class=\"checkbox\"\n                  type=\"checkbox\"\n                  name={props.name}\n                  value={realVal as string}\n                  disabled={readOnly}\n                  checked={'indeterminate' in item ? checkedAll() : value().includes(realVal)}\n                  onChange={onChange.bind(null, item)}\n                />\n                <label>{item[fieldName.label]}</label>\n              </span>\n            );\n          }}\n        </For>\n      </section>\n    </>\n  );\n}\n\nexport type CheckboxGroupElement = CustomElement<CheckboxGroupProps>;\nexport type CheckboxBoolElement = CustomElement<CheckboxBoolProps>;\n\ncustomElement<CheckboxBoolProps | CheckboxGroupProps>(\n  'n-checkbox',\n  {\n    class: void 0,\n    css: void 0,\n    name: void 0,\n    disabled: void 0,\n    value: void 0,\n    defaultValue: void 0,\n    options: void 0,\n    onChange: void 0,\n    fieldNames: void 0,\n    checkAll: void 0,\n    layout: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        layout: el.layout || 'horizontal',\n        onChange(next: (string | number)[] | boolean) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: next,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('options');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return createComponent(Checkbox, props);\n  },\n);\nexport default Checkbox;\n"],"names":["For","createComponent","createEffect","createMemo","createSignal","mergeProps","css","cx","customElement","style","FieldName","getOptions","theme","Checkbox","props","baseStyle","value","setValue","fieldNames","Object","assign","_val","defaultValue","val","Array","isArray","options","fieldName","checkAll","label","indeterminate","arr","concat","all","allVal","forEach","item","push","checkedAll","checked","alls","i","len","length","includes","onChange","disabled","isIndeterminate","newVal","idx","indexOf","splice","onKeyUp","e","preventDefault","key","readOnly","realVal","_indeterminate","ref","v","bind","class","status","name","layout","_","opt","el","element","next","dispatchEvent","CustomEvent","detail","removeAttribute"],"mappings":"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"}
+{"version":3,"sources":["../../components/checkbox/index.tsx"],"sourcesContent":["import { For, createComponent, createEffect, createMemo, createSignal, mergeProps } from 'solid-js';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { style } from './style';\nimport { FieldName } from '../basic-config';\nimport getOptions from '../get-options';\nimport theme from '../theme';\nimport type { BaseOption, BasicConfig, CustomElement } from '..';\n\n/** 通用API\n * @since 1.0.0\n */\nexport interface CheckboxBaseProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** input[type=\"checkbox\"] 的 name 属性 */\n  name?: string;\n  /** 只读 */\n  disabled?: boolean;\n  /** 选项排列方式\n   * @default 'horizontal'\n   */\n  layout?: 'vertical' | 'horizontal';\n  /** 自定义节点 'label'、'value'、'options' 的字段 */\n  fieldNames?: BasicConfig['fieldName'];\n}\n/** 复选框API */\nexport interface CheckboxBoolProps extends CheckboxBaseProps {\n  /** 一个 bool 值; */\n  value?: boolean;\n  /** 默认值 */\n  defaultValue?: boolean;\n  /** 值修改时的回调方法 */\n  onChange?: (val: boolean) => void;\n  checkAll?: never;\n  options?: never;\n}\n/** 通过数据渲染一组复选框按钮的API */\nexport interface CheckboxGroupProps extends CheckboxBaseProps {\n  /** 全选 */\n  checkAll?: boolean;\n  /** 值;\n   * 当设置了value时, 将是受控模式;\n   * 受控模式可通过 onChange 事件更新 value\n   **/\n  value?: (string | number)[];\n  /** 默认值 */\n  defaultValue?: (string | number)[];\n  /** 渲染选项所使用的数据,\n   * 当没有设置该值时, 将渲染一个切换 bool 值的按钮\n   * */\n  options?: (CheckboxOption | string)[];\n  /** 值修改时的回调方法 */\n  onChange?: (val: (string | number)[]) => void;\n}\n/** 复选框选项\n * @since 1.0.0\n */\nexport interface CheckboxOption extends BaseOption {\n  /** 不确定状态 */\n  indeterminate?: boolean;\n}\n\nfunction Checkbox(props: CheckboxBoolProps | CheckboxGroupProps) {\n  const { baseStyle } = theme;\n  const [value, setValue] = createSignal<(string | number)[]>([]);\n  const fieldNames = createMemo(() => Object.assign({}, FieldName, props.fieldNames));\n\n  createEffect(() => {\n    const _val = typeof props.value === 'undefined' ? props.defaultValue : props.value;\n    let val: (string | number)[] = [];\n\n    if (Array.isArray(_val)) {\n      val = _val;\n    } else if (typeof _val !== 'undefined') {\n      val = [_val as unknown as string];\n    }\n\n    setValue(val);\n  });\n  const options = createMemo(() => {\n    const fieldName = fieldNames();\n\n    if (typeof props.options === 'undefined') {\n      return getOptions([{ value: 1 } as CheckboxOption], fieldName);\n    }\n    const checkAll: CheckboxOption[] = [\n      { [fieldName.value]: 'all', [fieldName.label]: '全选', indeterminate: false },\n    ];\n    const arr = props.checkAll ? checkAll : [];\n\n    return arr.concat(getOptions(props.options || [], fieldName));\n  });\n\n  const all = createMemo(() => {\n    const allVal: (string | number)[] = [];\n    const fieldName = fieldNames();\n\n    options().forEach((item) => {\n      if (!('indeterminate' in item) && typeof item[fieldName.value] !== 'undefined') {\n        allVal.push(item[fieldName.value]!);\n      }\n    });\n\n    return allVal;\n  });\n\n  function getIndeterminate() {\n    let _indeterminate = false;\n\n    all().forEach((v) => {\n      if (value().length && !value().includes(v)) {\n        _indeterminate = true;\n      }\n    });\n    return _indeterminate;\n  }\n  const checkedAll = createMemo(() => {\n    let checked = true;\n    const alls = all();\n\n    for (let i = 0, len = alls.length; i < len; i++) {\n      if (!value().includes(alls[i])) {\n        checked = false;\n        break;\n      }\n    }\n    return checked;\n  });\n\n  function onChange(item: CheckboxOption) {\n    if (!props.disabled && !item.disabled) {\n      const isIndeterminate = 'indeterminate' in item;\n      let newVal = isIndeterminate ? [] : [...value()];\n      const val = item[fieldNames().value]!;\n\n      if (isIndeterminate) {\n        if (!checkedAll()) {\n          newVal = all();\n        }\n      } else {\n        const idx = newVal.indexOf(val);\n\n        if (idx !== -1) {\n          newVal.splice(idx, 1);\n        } else {\n          newVal.push(val);\n        }\n      }\n      if (typeof props.value === 'undefined') {\n        setValue(newVal);\n      }\n      props.onChange?.((typeof props.options === 'undefined' ? !!newVal[0] : newVal) as never);\n    }\n  }\n  function onKeyUp(item: CheckboxOption, e: KeyboardEvent) {\n    e.preventDefault();\n    if (e.key === 'Enter') {\n      onChange(item);\n    }\n  }\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {css(props.css)}\n      </style>\n      <section class={cx('box', props.layout, props.class)}>\n        <For each={options()}>\n          {(item) => {\n            const readOnly = props.disabled || item.disabled;\n            const fieldName = fieldNames();\n            const realVal = item[fieldName.value]!;\n\n            if ('indeterminate' in item) {\n              createEffect(() => {\n                item.ref.indeterminate = getIndeterminate();\n              });\n            }\n            return (\n              <span\n                class={cx('item', item.class, item.status)}\n                aria-disabled={readOnly}\n                tabindex={readOnly ? -1 : 0}\n                onKeyUp={onKeyUp.bind(null, item)}\n                onClick={onChange.bind(null, item)}\n              >\n                <input\n                  ref={item.ref}\n                  class=\"checkbox\"\n                  type=\"checkbox\"\n                  name={props.name}\n                  value={realVal as string}\n                  disabled={readOnly}\n                  checked={'indeterminate' in item ? checkedAll() : value().includes(realVal)}\n                  onChange={onChange.bind(null, item)}\n                />\n                <label>{item[fieldName.label]}</label>\n              </span>\n            );\n          }}\n        </For>\n      </section>\n    </>\n  );\n}\n\nexport type CheckboxGroupElement = CustomElement<CheckboxGroupProps>;\nexport type CheckboxBoolElement = CustomElement<CheckboxBoolProps>;\n\ncustomElement<CheckboxBoolProps | CheckboxGroupProps>(\n  'n-checkbox',\n  {\n    class: void 0,\n    css: void 0,\n    name: void 0,\n    disabled: void 0,\n    value: void 0,\n    defaultValue: void 0,\n    options: void 0,\n    onChange: void 0,\n    fieldNames: void 0,\n    checkAll: void 0,\n    layout: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        layout: el.layout || 'horizontal',\n        onChange(next: (string | number)[] | boolean) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: next,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('options');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return createComponent(Checkbox, props);\n  },\n);\nexport default Checkbox;\n"],"names":["For","createComponent","createEffect","createMemo","createSignal","mergeProps","css","cx","customElement","style","FieldName","getOptions","theme","Checkbox","props","baseStyle","value","setValue","fieldNames","Object","assign","_val","defaultValue","val","Array","isArray","options","fieldName","checkAll","label","indeterminate","arr","concat","all","allVal","forEach","item","push","checkedAll","checked","alls","i","len","length","includes","onChange","disabled","isIndeterminate","newVal","idx","indexOf","splice","onKeyUp","e","preventDefault","key","readOnly","realVal","_indeterminate","ref","v","bind","class","status","name","layout","_","opt","el","element","next","dispatchEvent","CustomEvent","detail","removeAttribute"],"mappings":"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"}

package/es/date-picker/index.d.ts

@@ -2,8 +2,7 @@ import { type JSXElement } from 'solid-js';
 import dayjs from './dayjs';
 import '../button';
 import '../menu';
-import { type PopoverProps } from '../popover';
-import type { CustomElement } from '..';
+import type { CustomElement, PopoverProps } from '..';
 declare function DatePicker(_props: DatePickerProps): import("solid-js").JSX.Element;
 /** API
  * @since 2.1.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../components/date-picker/index.tsx"],"sourcesContent":["import {\n  type JSXElement,\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, { type PopoverProps, defaultProps } from '../popover';\nimport type { CustomElement, InputElement } 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?: JSXElement;\n  /** 后缀\n   * @default '📅'\n   */\n  suffixIcon?: JSXElement;\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  type JSXElement,\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?: JSXElement;\n  /** 后缀\n   * @default '📅'\n   */\n  suffixIcon?: JSXElement;\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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"}

package/es/get-options/index.d.ts

@@ -1,3 +1,3 @@
-import { type BaseOption, type BasicConfig } from '..';
+import { type BaseOption, type BasicConfig } from '../basic-config';
 declare function getOptions<T extends BaseOption = BaseOption>(list?: (T | string | number)[], fieldNames?: BasicConfig['fieldName']): (T & Record<string, unknown>)[];
 export default getOptions;

package/es/get-options/index.js

@@ -1,2 +1,2 @@
-import{_ as r}from"@swc/helpers/_/_extends";import{FieldName as e}from"..";export default function t(s,i){return s?s.map((s,a)=>{let{options:o,children:n,label:c,value:f}=Object.assign({},e,i);if("object"==typeof s){let e=(void 0===s[c]?s[f]:s[c])||a,p=(void 0===s[f]?e:s[f])||a,m=r({},s,{[c]:e,[f]:p});return Array.isArray(s[n])&&Object.assign(m,{[n]:t(s[n],i)}),Array.isArray(s[o])&&Object.assign(m,{[o]:t(s[o],i)}),m}return{[c]:s,[f]:s}}):[]}
+import{_ as r}from"@swc/helpers/_/_extends";import{FieldName as e}from"../basic-config";export default function t(i,s){return i?i.map((i,a)=>{let{options:o,children:n,label:c,value:f}=Object.assign({},e,s);if("object"==typeof i){let e=(void 0===i[c]?i[f]:i[c])||a,p=(void 0===i[f]?e:i[f])||a,b=r({},i,{[c]:e,[f]:p});return Array.isArray(i[n])&&Object.assign(b,{[n]:t(i[n],s)}),Array.isArray(i[o])&&Object.assign(b,{[o]:t(i[o],s)}),b}return{[c]:i,[f]:i}}):[]}
 //# sourceMappingURL=index.js.map

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 '..';\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":"2CAAA,QAA4CA,aAAAA,CAAS,KAAQ,IAAK,AAsClE,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"],"mappings":"2CAAA,QAA4CA,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/input-number/index.d.ts

@@ -1,5 +1,4 @@
-import { type InputProps } from '../input';
-import type { CustomElement } from '..';
+import type { CustomElement, InputProps } from '..';
 /** API
  * @since 2.0.0
  */

package/es/input-number/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/input-number/index.tsx"],"sourcesContent":["import { createComponent, createEffect, createSignal, mergeProps, onCleanup } from 'solid-js';\nimport { passiveSupported } from '@moneko/common';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport Input, { type InputProps, defaultInportProps } from '../input';\nimport type { CustomElement } from '..';\n\nconst style = css`\n  /** 隐藏原生加减控件 */\n  .number[type='number'] {\n    appearance: textfield;\n  }\n\n  .number[type='number']::-webkit-inner-spin-button,\n  .number[type='number']::-webkit-outer-spin-button {\n    appearance: none;\n  }\n`;\n\n/** API\n * @since 2.0.0\n */\nexport interface InputNumberProps extends Omit<InputProps, 'value' | 'defaultValue' | 'onChange'> {\n  /** 值 */\n  value?: number;\n  /** 默认值\n   * @default 0\n   */\n  defaultValue?: number;\n  /** 最小值\n   * @default Number.MIN_SAFE_INTEGER\n   */\n  min?: number;\n  /** 最大值\n   * @default Number.MAX_SAFE_INTEGER\n   */\n  max?: number;\n  /** 值变更时触发的函数 */\n  onChange?: (value?: number) => void;\n  /** 每次改变步数，可以为小数\n   * @default 1\n   */\n  step?: number;\n  /** 数值精度\n   * @default 2\n   */\n  precision?: number;\n}\nexport type InputNumberElement = CustomElement<InputNumberProps>;\n\nfunction InputNumber(props: InputNumberProps) {\n  const [move, setMove] = createSignal(false);\n\n  function onMouseDown(e: MouseEvent) {\n    e.stopPropagation();\n    setMove(true);\n  }\n  function onKeyDown(e: KeyboardEvent) {\n    switch (e.key) {\n      case 'ArrowUp':\n        // eslint-disable-next-line @typescript-eslint/no-use-before-define\n        mouseMove({ movementX: 0, movementY: -1 });\n        break;\n      case 'ArrowDown':\n        // eslint-disable-next-line @typescript-eslint/no-use-before-define\n        mouseMove({ movementX: 0, movementY: 1 });\n        break;\n      default:\n        break;\n    }\n  }\n  function mouseUp() {\n    setMove(false);\n  }\n  const _ = mergeProps(\n    {\n      size: 'normal',\n      value: '',\n      defaultValue: 0,\n      type: 'text',\n      onKeyDown: onKeyDown,\n      onMouseDown: onMouseDown,\n      step: 1,\n      precision: 2,\n      max: Number.MAX_SAFE_INTEGER,\n      min: Number.MIN_SAFE_INTEGER,\n    },\n    props,\n  );\n\n  function change(val?: string | number) {\n    let _val = typeof val === 'string' ? parseFloat(val) : val;\n\n    if (isNaN(_val as number)) {\n      _val = '' as unknown as number;\n    }\n    if (typeof _val !== 'undefined') {\n      if (_val < (_.min as number)) _val = _.min;\n      if ((_val as number) > (_.max as number)) _val = _.max;\n    }\n    props.onChange?.(_val);\n  }\n\n  function mouseMove(e: { movementX: number; movementY: number }) {\n    const { movementX, movementY } = e;\n    const _val = _.value;\n    const val = typeof _val === 'number' && !isNaN(_val) ? _val : Number(_val) || 0;\n\n    change(Number(Number(val + (movementX - movementY) * (_.step as number)).toFixed(_.precision)));\n  }\n\n  createEffect(() => {\n    if (move()) {\n      document.body.addEventListener('mousemove', mouseMove, {\n        passive: passiveSupported,\n      });\n      document.body.addEventListener('mouseup', mouseUp, {\n        passive: passiveSupported,\n      });\n    }\n    onCleanup(() => {\n      document.body.removeEventListener('mousemove', mouseMove, false);\n      document.body.removeEventListener('mouseup', mouseUp, passiveSupported);\n    });\n  });\n\n  return (\n    <Input\n      {...(_ as InputProps)}\n      class={cx('number', props.class)}\n      onChange={change}\n      css={style + (props.css || '')}\n    />\n  );\n}\n\ncustomElement<InputNumberProps>(\n  'n-input-number',\n  {\n    ...defaultInportProps,\n    defaultValue: void 0,\n    max: void 0,\n    min: void 0,\n    onChange: void 0,\n    step: void 0,\n    precision: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        onChange(val?: number | string) {\n          el.value = val;\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: val,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    return createComponent(InputNumber, props);\n  },\n);\n\nexport default InputNumber;\n"],"names":["createComponent","createEffect","createSignal","mergeProps","onCleanup","passiveSupported","css","cx","customElement","Input","defaultInportProps","style","InputNumber","props","move","setMove","mouseUp","_","size","value","defaultValue","type","onKeyDown","e","key","mouseMove","movementX","movementY","onMouseDown","stopPropagation","step","precision","max","Number","MAX_SAFE_INTEGER","min","MIN_SAFE_INTEGER","change","val","_val","parseFloat","isNaN","onChange","toFixed","document","body","addEventListener","passive","removeEventListener","class","opt","el","element","dispatchEvent","CustomEvent","detail"],"mappings":"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"}
+{"version":3,"sources":["../../components/input-number/index.tsx"],"sourcesContent":["import { createComponent, createEffect, createSignal, mergeProps, onCleanup } from 'solid-js';\nimport { passiveSupported } from '@moneko/common';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport Input, { defaultInportProps } from '../input';\nimport type { CustomElement, InputProps } from '..';\n\nconst style = css`\n  /** 隐藏原生加减控件 */\n  .number[type='number'] {\n    appearance: textfield;\n  }\n\n  .number[type='number']::-webkit-inner-spin-button,\n  .number[type='number']::-webkit-outer-spin-button {\n    appearance: none;\n  }\n`;\n\n/** API\n * @since 2.0.0\n */\nexport interface InputNumberProps extends Omit<InputProps, 'value' | 'defaultValue' | 'onChange'> {\n  /** 值 */\n  value?: number;\n  /** 默认值\n   * @default 0\n   */\n  defaultValue?: number;\n  /** 最小值\n   * @default Number.MIN_SAFE_INTEGER\n   */\n  min?: number;\n  /** 最大值\n   * @default Number.MAX_SAFE_INTEGER\n   */\n  max?: number;\n  /** 值变更时触发的函数 */\n  onChange?: (value?: number) => void;\n  /** 每次改变步数，可以为小数\n   * @default 1\n   */\n  step?: number;\n  /** 数值精度\n   * @default 2\n   */\n  precision?: number;\n}\nexport type InputNumberElement = CustomElement<InputNumberProps>;\n\nfunction InputNumber(props: InputNumberProps) {\n  const [move, setMove] = createSignal(false);\n\n  function onMouseDown(e: MouseEvent) {\n    e.stopPropagation();\n    setMove(true);\n  }\n  function onKeyDown(e: KeyboardEvent) {\n    switch (e.key) {\n      case 'ArrowUp':\n        // eslint-disable-next-line @typescript-eslint/no-use-before-define\n        mouseMove({ movementX: 0, movementY: -1 });\n        break;\n      case 'ArrowDown':\n        // eslint-disable-next-line @typescript-eslint/no-use-before-define\n        mouseMove({ movementX: 0, movementY: 1 });\n        break;\n      default:\n        break;\n    }\n  }\n  function mouseUp() {\n    setMove(false);\n  }\n  const _ = mergeProps(\n    {\n      size: 'normal',\n      value: '',\n      defaultValue: 0,\n      type: 'text',\n      onKeyDown: onKeyDown,\n      onMouseDown: onMouseDown,\n      step: 1,\n      precision: 2,\n      max: Number.MAX_SAFE_INTEGER,\n      min: Number.MIN_SAFE_INTEGER,\n    },\n    props,\n  );\n\n  function change(val?: string | number) {\n    let _val = typeof val === 'string' ? parseFloat(val) : val;\n\n    if (isNaN(_val as number)) {\n      _val = '' as unknown as number;\n    }\n    if (typeof _val !== 'undefined') {\n      if (_val < (_.min as number)) _val = _.min;\n      if ((_val as number) > (_.max as number)) _val = _.max;\n    }\n    props.onChange?.(_val);\n  }\n\n  function mouseMove(e: { movementX: number; movementY: number }) {\n    const { movementX, movementY } = e;\n    const _val = _.value;\n    const val = typeof _val === 'number' && !isNaN(_val) ? _val : Number(_val) || 0;\n\n    change(Number(Number(val + (movementX - movementY) * (_.step as number)).toFixed(_.precision)));\n  }\n\n  createEffect(() => {\n    if (move()) {\n      document.body.addEventListener('mousemove', mouseMove, {\n        passive: passiveSupported,\n      });\n      document.body.addEventListener('mouseup', mouseUp, {\n        passive: passiveSupported,\n      });\n    }\n    onCleanup(() => {\n      document.body.removeEventListener('mousemove', mouseMove, false);\n      document.body.removeEventListener('mouseup', mouseUp, passiveSupported);\n    });\n  });\n\n  return (\n    <Input\n      {...(_ as InputProps)}\n      class={cx('number', props.class)}\n      onChange={change}\n      css={style + (props.css || '')}\n    />\n  );\n}\n\ncustomElement<InputNumberProps>(\n  'n-input-number',\n  {\n    ...defaultInportProps,\n    defaultValue: void 0,\n    max: void 0,\n    min: void 0,\n    onChange: void 0,\n    step: void 0,\n    precision: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        onChange(val?: number | string) {\n          el.value = val;\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: val,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    return createComponent(InputNumber, props);\n  },\n);\n\nexport default InputNumber;\n"],"names":["createComponent","createEffect","createSignal","mergeProps","onCleanup","passiveSupported","css","cx","customElement","Input","defaultInportProps","style","InputNumber","props","move","setMove","mouseUp","_","size","value","defaultValue","type","onKeyDown","e","key","mouseMove","movementX","movementY","onMouseDown","stopPropagation","step","precision","max","Number","MAX_SAFE_INTEGER","min","MIN_SAFE_INTEGER","change","val","_val","parseFloat","isNaN","onChange","toFixed","document","body","addEventListener","passive","removeEventListener","class","opt","el","element","dispatchEvent","CustomEvent","detail"],"mappings":"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"}

package/es/menu/index.d.ts

@@ -1,6 +1,5 @@
 import { type JSXElement } from 'solid-js';
-import { type BaseOption, type BasicConfig } from '../basic-config';
-import type { CustomElement } from '..';
+import type { BaseOption, BasicConfig, CustomElement } from '..';
 declare function Menu(props: MenuProps | MenuMultipleProps): import("solid-js").JSX.Element;
 export interface BaseMenuProps {
     /** 自定义类名 */

package/es/menu/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/menu/index.tsx"],"sourcesContent":["import {\n  For,\n  type JSXElement,\n  Match,\n  Show,\n  Switch,\n  createComponent,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  splitProps,\n  untrack,\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 { type BaseOption, type BasicConfig, FieldName } from '../basic-config';\nimport getOptions from '../get-options';\nimport theme from '../theme';\nimport type { CustomElement } from '..';\n\nfunction Menu(props: MenuProps | MenuMultipleProps) {\n  let ref: HTMLDivElement | undefined;\n  const { isDark, baseStyle } = theme;\n  const [local, other] = splitProps(props, [\n    'class',\n    'css',\n    'items',\n    'fieldNames',\n    'value',\n    'disabled',\n    'toggle',\n    'multiple',\n    'onChange',\n    'onOpenChange',\n    'openKeys',\n  ]);\n  const [value, setValue] = createSignal<(string | number)[]>([]);\n  const [openKeys, setOpenKeys] = createSignal<(string | number)[]>([]);\n  const cssVar = createMemo(\n    () => `:host {--sub-menu-bg: ${isDark() ? 'rgb(255 255 255 / 1%)' : 'rgb(0 0 0 / 1%)'} ;}`,\n  );\n  const fieldNames = createMemo(() => Object.assign({}, FieldName, local.fieldNames));\n  const options = createMemo(() => getOptions(local.items, fieldNames()));\n\n  function preventDefault(e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  function change(item: MenuOption, e: MouseEvent) {\n    e.preventDefault();\n    if (!item.disabled && !local.disabled) {\n      let _value = [...value()];\n      const key = item[fieldNames().value]!;\n\n      if (local.multiple) {\n        const idx = _value.indexOf(key);\n\n        if (idx === -1) {\n          _value.push(key);\n        } else {\n          _value.splice(idx, 1);\n        }\n      } else if (local.toggle && _value[0] === key) {\n        _value = [];\n      } else {\n        _value = [key];\n      }\n      if (isFunction(local.onChange)) {\n        local.onChange((local.multiple ? _value : _value[0]) as never, item);\n      }\n      if (typeof local.value === 'undefined') {\n        setValue(_value);\n      }\n    }\n  }\n\n  interface RenderMenuProps {\n    list: MenuOption[];\n    fieldNames: { [key in keyof typeof FieldName]: string };\n  }\n  function RenderMenu(_: RenderMenuProps) {\n    return (\n      <For each={_.list}>\n        {(item) => {\n          function RowTitle() {\n            return (\n              <>\n                <Show when={item[_.fieldNames.icon]}>\n                  <span class=\"menu-icon\" part=\"icon\">\n                    {item[_.fieldNames.icon]}\n                  </span>\n                </Show>\n                {item[_.fieldNames.label]}\n                <span class=\"menu-suffix\" part=\"suffix\">\n                  {item[_.fieldNames.suffix]}\n                </span>\n              </>\n            );\n          }\n\n          function SubMenu() {\n            const isOpen = createMemo(() => openKeys().includes(item[_.fieldNames.value]!));\n            const [show, setShow] = createSignal<boolean>(untrack(isOpen));\n\n            createEffect(() => {\n              if (isOpen()) {\n                setShow(true);\n              }\n            });\n            function handleOpen(e: MouseEvent) {\n              preventDefault(e);\n              let _openKeys = openKeys();\n\n              if (_openKeys.includes(item[_.fieldNames.value]!)) {\n                _openKeys = _openKeys.filter((v) => v !== item[_.fieldNames.value]);\n              } else {\n                _openKeys = _openKeys.concat(item[_.fieldNames.value]!);\n              }\n\n              if (isFunction(local.onOpenChange)) {\n                local.onOpenChange(_openKeys);\n              }\n              if (local.openKeys === void 0) {\n                setOpenKeys(_openKeys);\n              }\n            }\n            function Child() {\n              let el: HTMLDivElement | undefined;\n              const [hei, setHei] = createSignal();\n\n              createEffect(() => {\n                setHei(el?.offsetHeight || 0);\n              });\n              function onAnimationEnd() {\n                if (!isOpen()) {\n                  setShow(false);\n                }\n              }\n              return (\n                <div\n                  class=\"sub-menu-children\"\n                  part=\"sub-menu-children\"\n                  style={{\n                    '--h': `${hei()}px`,\n                  }}\n                  onAnimationEnd={onAnimationEnd}\n                >\n                  <div ref={el}>\n                    <RenderMenu fieldNames={_.fieldNames} list={item[_.fieldNames.children]!} />\n                  </div>\n                </div>\n              );\n            }\n\n            return (\n              <div\n                class={cx('sub-menu', item.class, `sub-menu-${isOpen() ? 'open' : 'close'}`)}\n                part=\"sub-menu\"\n                onMouseDown={preventDefault}\n              >\n                <span class=\"sub-menu-title\" onClick={handleOpen}>\n                  <RowTitle />\n                  <span class=\"menu-arrow\" />\n                </span>\n                <Show when={show()}>\n                  <Child />\n                </Show>\n              </div>\n            );\n          }\n          return (\n            <Switch\n              fallback={\n                <div\n                  class={cx('menu-item', item.class, item.type)}\n                  part=\"item\"\n                  handle-closed={item.handleClosed}\n                  aria-disabled={local.disabled || item.disabled}\n                  aria-selected={value().includes(item[_.fieldNames.value]!)}\n                  onMouseDown={preventDefault}\n                  onClick={change.bind(null, item)}\n                >\n                  <RowTitle />\n                </div>\n              }\n            >\n              <Match when={Array.isArray(item[_.fieldNames.children])}>\n                <SubMenu />\n              </Match>\n              <Match when={Array.isArray(item[_.fieldNames.options])}>\n                <div class={cx('menu-group', item.class)} onMouseDown={preventDefault}>\n                  <span class=\"menu-group-title\">\n                    <RowTitle />\n                  </span>\n                  <RenderMenu fieldNames={_.fieldNames} list={item[_.fieldNames.options]!} />\n                </div>\n              </Match>\n            </Switch>\n          );\n        }}\n      </For>\n    );\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 (Array.isArray(local.openKeys)) {\n      setOpenKeys(local.openKeys);\n    }\n  });\n\n  createEffect(() => {\n    let timer: NodeJS.Timeout | undefined;\n\n    if (value()?.length) {\n      timer = setTimeout(() => {\n        clearTimeout(timer);\n        const el = ref?.querySelector<HTMLElement>('[aria-selected=true]');\n\n        if (el && ref) {\n          const next = el.offsetTop - ref.offsetTop;\n\n          if (next < ref.scrollTop) {\n            ref.scrollTo({\n              top: next,\n              behavior: 'smooth',\n            });\n          } else if (\n            el.offsetTop + el.offsetHeight >\n            ref.scrollTop + ref.offsetHeight + ref.offsetTop\n          ) {\n            ref.scrollTo({\n              top: next - ref.offsetHeight + el.offsetHeight,\n              behavior: 'smooth',\n            });\n          }\n        }\n      }, 32);\n    }\n\n    onCleanup(() => {\n      clearTimeout(timer);\n    });\n  });\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {cssVar()}\n        {css(local.css)}\n      </style>\n      <section ref={ref} class=\"menu\" part=\"menu\" {...other}>\n        <RenderMenu fieldNames={fieldNames()} list={options()} />\n      </section>\n    </>\n  );\n}\n\nexport interface BaseMenuProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 菜单展开的keys */\n  openKeys?: (string | number)[];\n  /** 菜单展开时触发的方法 */\n  onOpenChange?: (keys: (string | number)[]) => void;\n  /** 选项数据 */\n  items?: (string | MenuOption)[];\n  /** 自定义节点 'label'、'value'、'options' 的字段 */\n  fieldNames?: BasicConfig['fieldName'];\n  /** 不可用状态 */\n  disabled?: boolean;\n  /** 可以取消 */\n  toggle?: boolean;\n}\n\nexport interface MenuProps extends BaseMenuProps {\n  /** 值修改时的回调方法 */\n  onChange?(val: string | number, item: MenuOption): void;\n  /** 值 */\n  value?: string | number;\n  /** 默认值 */\n  defaultValue?: string | number;\n  /** 可多选\n   * @default false\n   */\n  multiple?: false | never;\n}\n\nexport interface MenuMultipleProps extends BaseMenuProps {\n  /** 可多选\n   * @default true\n   */\n  multiple: true;\n  /** 值修改时的回调方法 */\n  onChange?(val: (string | number)[], item: MenuOption): void;\n  /** 值 */\n  value?: (string | number)[];\n  /** 默认值 */\n  defaultValue?: (string | number)[];\n}\n\n/** 菜单选项 */\nexport interface MenuOption extends Omit<BaseOption, 'children' | 'options'> {\n  /** 图标 */\n  icon?: JSXElement;\n  /** 内置类型(状态) */\n  type?: 'primary' | 'success' | 'error' | 'warning';\n  /** 自定义颜色 */\n  color?: string;\n  /** 子菜单 */\n  children?: (string | MenuOption)[];\n  /** 分组子选项 */\n  options?: (string | MenuOption)[];\n}\n\nexport type MenuElement = CustomElement<MenuProps, 'onChange' | 'onOpenChange'>;\nexport type MenuMultipleElement = CustomElement<MenuMultipleProps, 'onChange' | 'onOpenChange'>;\n\ncustomElement<MenuProps>(\n  'n-menu',\n  {\n    class: void 0,\n    css: void 0,\n    disabled: void 0,\n    value: void 0,\n    defaultValue: void 0,\n    onOpenChange: void 0,\n    openKeys: void 0,\n    fieldNames: void 0,\n    multiple: void 0,\n    toggle: void 0,\n    onChange: void 0,\n    items: [],\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const defaultProps: Partial<MenuProps> = {\n      css: el.css,\n      onChange(key, item) {\n        el.dispatchEvent(\n          new CustomEvent('change', {\n            detail: [key, item],\n          }),\n        );\n      },\n      onOpenChange(keys) {\n        el.dispatchEvent(\n          new CustomEvent('openchange', {\n            detail: keys,\n          }),\n        );\n      },\n    };\n    const props = mergeProps(defaultProps, _);\n\n    createEffect(() => {\n      el.removeAttribute('items');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return createComponent(Menu, props);\n  },\n);\n\nexport default Menu;\n"],"names":["For","Match","Show","Switch","createComponent","createEffect","createMemo","createSignal","mergeProps","onCleanup","splitProps","untrack","isFunction","css","cx","customElement","style","FieldName","getOptions","theme","Menu","props","ref","isDark","baseStyle","local","other","value","setValue","openKeys","setOpenKeys","cssVar","fieldNames","Object","assign","options","items","preventDefault","e","stopPropagation","change","item","disabled","_value","key","multiple","idx","indexOf","push","splice","toggle","onChange","RenderMenu","_","list","RowTitle","icon","label","suffix","SubMenu","isOpen","includes","show","setShow","handleOpen","_openKeys","filter","v","concat","onOpenChange","Child","el","hei","setHei","onAnimationEnd","offsetHeight","children","class","bind","type","handleClosed","Array","isArray","timer","length","setTimeout","clearTimeout","querySelector","next","offsetTop","scrollTop","scrollTo","top","behavior","defaultValue","opt","element","defaultProps","dispatchEvent","CustomEvent","detail","keys","removeAttribute"],"mappings":"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"}
+{"version":3,"sources":["../../components/menu/index.tsx"],"sourcesContent":["import {\n  For,\n  type JSXElement,\n  Match,\n  Show,\n  Switch,\n  createComponent,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  splitProps,\n  untrack,\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 { FieldName } from '../basic-config';\nimport getOptions from '../get-options';\nimport theme from '../theme';\nimport type { BaseOption, BasicConfig, CustomElement } from '..';\n\nfunction Menu(props: MenuProps | MenuMultipleProps) {\n  let ref: HTMLDivElement | undefined;\n  const { isDark, baseStyle } = theme;\n  const [local, other] = splitProps(props, [\n    'class',\n    'css',\n    'items',\n    'fieldNames',\n    'value',\n    'disabled',\n    'toggle',\n    'multiple',\n    'onChange',\n    'onOpenChange',\n    'openKeys',\n  ]);\n  const [value, setValue] = createSignal<(string | number)[]>([]);\n  const [openKeys, setOpenKeys] = createSignal<(string | number)[]>([]);\n  const cssVar = createMemo(\n    () => `:host {--sub-menu-bg: ${isDark() ? 'rgb(255 255 255 / 1%)' : 'rgb(0 0 0 / 1%)'} ;}`,\n  );\n  const fieldNames = createMemo(() => Object.assign({}, FieldName, local.fieldNames));\n  const options = createMemo(() => getOptions(local.items, fieldNames()));\n\n  function preventDefault(e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  function change(item: MenuOption, e: MouseEvent) {\n    e.preventDefault();\n    if (!item.disabled && !local.disabled) {\n      let _value = [...value()];\n      const key = item[fieldNames().value]!;\n\n      if (local.multiple) {\n        const idx = _value.indexOf(key);\n\n        if (idx === -1) {\n          _value.push(key);\n        } else {\n          _value.splice(idx, 1);\n        }\n      } else if (local.toggle && _value[0] === key) {\n        _value = [];\n      } else {\n        _value = [key];\n      }\n      if (isFunction(local.onChange)) {\n        local.onChange((local.multiple ? _value : _value[0]) as never, item);\n      }\n      if (typeof local.value === 'undefined') {\n        setValue(_value);\n      }\n    }\n  }\n\n  interface RenderMenuProps {\n    list: MenuOption[];\n    fieldNames: { [key in keyof typeof FieldName]: string };\n  }\n  function RenderMenu(_: RenderMenuProps) {\n    return (\n      <For each={_.list}>\n        {(item) => {\n          function RowTitle() {\n            return (\n              <>\n                <Show when={item[_.fieldNames.icon]}>\n                  <span class=\"menu-icon\" part=\"icon\">\n                    {item[_.fieldNames.icon]}\n                  </span>\n                </Show>\n                {item[_.fieldNames.label]}\n                <span class=\"menu-suffix\" part=\"suffix\">\n                  {item[_.fieldNames.suffix]}\n                </span>\n              </>\n            );\n          }\n\n          function SubMenu() {\n            const isOpen = createMemo(() => openKeys().includes(item[_.fieldNames.value]!));\n            const [show, setShow] = createSignal<boolean>(untrack(isOpen));\n\n            createEffect(() => {\n              if (isOpen()) {\n                setShow(true);\n              }\n            });\n            function handleOpen(e: MouseEvent) {\n              preventDefault(e);\n              let _openKeys = openKeys();\n\n              if (_openKeys.includes(item[_.fieldNames.value]!)) {\n                _openKeys = _openKeys.filter((v) => v !== item[_.fieldNames.value]);\n              } else {\n                _openKeys = _openKeys.concat(item[_.fieldNames.value]!);\n              }\n\n              if (isFunction(local.onOpenChange)) {\n                local.onOpenChange(_openKeys);\n              }\n              if (local.openKeys === void 0) {\n                setOpenKeys(_openKeys);\n              }\n            }\n            function Child() {\n              let el: HTMLDivElement | undefined;\n              const [hei, setHei] = createSignal();\n\n              createEffect(() => {\n                setHei(el?.offsetHeight || 0);\n              });\n              function onAnimationEnd() {\n                if (!isOpen()) {\n                  setShow(false);\n                }\n              }\n              return (\n                <div\n                  class=\"sub-menu-children\"\n                  part=\"sub-menu-children\"\n                  style={{\n                    '--h': `${hei()}px`,\n                  }}\n                  onAnimationEnd={onAnimationEnd}\n                >\n                  <div ref={el}>\n                    <RenderMenu fieldNames={_.fieldNames} list={item[_.fieldNames.children]!} />\n                  </div>\n                </div>\n              );\n            }\n\n            return (\n              <div\n                class={cx('sub-menu', item.class, `sub-menu-${isOpen() ? 'open' : 'close'}`)}\n                part=\"sub-menu\"\n                onMouseDown={preventDefault}\n              >\n                <span class=\"sub-menu-title\" onClick={handleOpen}>\n                  <RowTitle />\n                  <span class=\"menu-arrow\" />\n                </span>\n                <Show when={show()}>\n                  <Child />\n                </Show>\n              </div>\n            );\n          }\n          return (\n            <Switch\n              fallback={\n                <div\n                  class={cx('menu-item', item.class, item.type)}\n                  part=\"item\"\n                  handle-closed={item.handleClosed}\n                  aria-disabled={local.disabled || item.disabled}\n                  aria-selected={value().includes(item[_.fieldNames.value]!)}\n                  onMouseDown={preventDefault}\n                  onClick={change.bind(null, item)}\n                >\n                  <RowTitle />\n                </div>\n              }\n            >\n              <Match when={Array.isArray(item[_.fieldNames.children])}>\n                <SubMenu />\n              </Match>\n              <Match when={Array.isArray(item[_.fieldNames.options])}>\n                <div class={cx('menu-group', item.class)} onMouseDown={preventDefault}>\n                  <span class=\"menu-group-title\">\n                    <RowTitle />\n                  </span>\n                  <RenderMenu fieldNames={_.fieldNames} list={item[_.fieldNames.options]!} />\n                </div>\n              </Match>\n            </Switch>\n          );\n        }}\n      </For>\n    );\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 (Array.isArray(local.openKeys)) {\n      setOpenKeys(local.openKeys);\n    }\n  });\n\n  createEffect(() => {\n    let timer: NodeJS.Timeout | undefined;\n\n    if (value()?.length) {\n      timer = setTimeout(() => {\n        clearTimeout(timer);\n        const el = ref?.querySelector<HTMLElement>('[aria-selected=true]');\n\n        if (el && ref) {\n          const next = el.offsetTop - ref.offsetTop;\n\n          if (next < ref.scrollTop) {\n            ref.scrollTo({\n              top: next,\n              behavior: 'smooth',\n            });\n          } else if (\n            el.offsetTop + el.offsetHeight >\n            ref.scrollTop + ref.offsetHeight + ref.offsetTop\n          ) {\n            ref.scrollTo({\n              top: next - ref.offsetHeight + el.offsetHeight,\n              behavior: 'smooth',\n            });\n          }\n        }\n      }, 32);\n    }\n\n    onCleanup(() => {\n      clearTimeout(timer);\n    });\n  });\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {cssVar()}\n        {css(local.css)}\n      </style>\n      <section ref={ref} class=\"menu\" part=\"menu\" {...other}>\n        <RenderMenu fieldNames={fieldNames()} list={options()} />\n      </section>\n    </>\n  );\n}\n\nexport interface BaseMenuProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 菜单展开的keys */\n  openKeys?: (string | number)[];\n  /** 菜单展开时触发的方法 */\n  onOpenChange?: (keys: (string | number)[]) => void;\n  /** 选项数据 */\n  items?: (string | MenuOption)[];\n  /** 自定义节点 'label'、'value'、'options' 的字段 */\n  fieldNames?: BasicConfig['fieldName'];\n  /** 不可用状态 */\n  disabled?: boolean;\n  /** 可以取消 */\n  toggle?: boolean;\n}\n\nexport interface MenuProps extends BaseMenuProps {\n  /** 值修改时的回调方法 */\n  onChange?(val: string | number, item: MenuOption): void;\n  /** 值 */\n  value?: string | number;\n  /** 默认值 */\n  defaultValue?: string | number;\n  /** 可多选\n   * @default false\n   */\n  multiple?: false | never;\n}\n\nexport interface MenuMultipleProps extends BaseMenuProps {\n  /** 可多选\n   * @default true\n   */\n  multiple: true;\n  /** 值修改时的回调方法 */\n  onChange?(val: (string | number)[], item: MenuOption): void;\n  /** 值 */\n  value?: (string | number)[];\n  /** 默认值 */\n  defaultValue?: (string | number)[];\n}\n\n/** 菜单选项 */\nexport interface MenuOption extends Omit<BaseOption, 'children' | 'options'> {\n  /** 图标 */\n  icon?: JSXElement;\n  /** 内置类型(状态) */\n  type?: 'primary' | 'success' | 'error' | 'warning';\n  /** 自定义颜色 */\n  color?: string;\n  /** 子菜单 */\n  children?: (string | MenuOption)[];\n  /** 分组子选项 */\n  options?: (string | MenuOption)[];\n}\n\nexport type MenuElement = CustomElement<MenuProps, 'onChange' | 'onOpenChange'>;\nexport type MenuMultipleElement = CustomElement<MenuMultipleProps, 'onChange' | 'onOpenChange'>;\n\ncustomElement<MenuProps>(\n  'n-menu',\n  {\n    class: void 0,\n    css: void 0,\n    disabled: void 0,\n    value: void 0,\n    defaultValue: void 0,\n    onOpenChange: void 0,\n    openKeys: void 0,\n    fieldNames: void 0,\n    multiple: void 0,\n    toggle: void 0,\n    onChange: void 0,\n    items: [],\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const defaultProps: Partial<MenuProps> = {\n      css: el.css,\n      onChange(key, item) {\n        el.dispatchEvent(\n          new CustomEvent('change', {\n            detail: [key, item],\n          }),\n        );\n      },\n      onOpenChange(keys) {\n        el.dispatchEvent(\n          new CustomEvent('openchange', {\n            detail: keys,\n          }),\n        );\n      },\n    };\n    const props = mergeProps(defaultProps, _);\n\n    createEffect(() => {\n      el.removeAttribute('items');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return createComponent(Menu, props);\n  },\n);\n\nexport default Menu;\n"],"names":["For","Match","Show","Switch","createComponent","createEffect","createMemo","createSignal","mergeProps","onCleanup","splitProps","untrack","isFunction","css","cx","customElement","style","FieldName","getOptions","theme","Menu","props","ref","isDark","baseStyle","local","other","value","setValue","openKeys","setOpenKeys","cssVar","fieldNames","Object","assign","options","items","preventDefault","e","stopPropagation","change","item","disabled","_value","key","multiple","idx","indexOf","push","splice","toggle","onChange","RenderMenu","_","list","RowTitle","icon","label","suffix","SubMenu","isOpen","includes","show","setShow","handleOpen","_openKeys","filter","v","concat","onOpenChange","Child","el","hei","setHei","onAnimationEnd","offsetHeight","children","class","bind","type","handleClosed","Array","isArray","timer","length","setTimeout","clearTimeout","querySelector","next","offsetTop","scrollTop","scrollTo","top","behavior","defaultValue","opt","element","defaultProps","dispatchEvent","CustomEvent","detail","keys","removeAttribute"],"mappings":"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"}

package/es/radio/index.d.ts

@@ -1,5 +1,4 @@
-import { type BaseOption, type BasicConfig } from '../basic-config';
-import type { CustomElement } from '..';
+import type { BaseOption, BasicConfig, CustomElement } from '..';
 export interface RadioOption extends Omit<BaseOption, 'icon'> {
     /** 值 */
     value?: string;

package/es/radio/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/radio/index.tsx"],"sourcesContent":["import { For, createComponent, createEffect, createMemo, createSignal, mergeProps } from 'solid-js';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { style } from './style';\nimport { type BaseOption, type BasicConfig, FieldName } from '../basic-config';\nimport getOptions from '../get-options';\nimport theme from '../theme';\nimport type { CustomElement } from '..';\n\nexport interface RadioOption extends Omit<BaseOption, 'icon'> {\n  /** 值 */\n  value?: string;\n}\n\nexport interface RadioProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** input[type=\"radio\"] 的 name 属性 */\n  name?: string;\n  /** 只读 */\n  disabled?: boolean;\n  /** 值 */\n  value?: string;\n  /** 默认值 */\n  defaultValue?: string;\n  /** 选项数据 */\n  options?: (RadioOption | string)[];\n  /** 自定义节点 'label'、'value'、'options' 的字段 */\n  fieldNames?: BasicConfig['fieldName'];\n  /** 值修改时的回调方法 */\n  onChange?(val: string): void;\n  /** 选项排列方式\n   * @default 'horizontal'\n   */\n  layout?: 'vertical' | 'horizontal';\n}\n\nfunction Radio(props: RadioProps) {\n  const { baseStyle } = theme;\n  const [value, setValue] = createSignal(props.defaultValue);\n  const fieldNames = createMemo(() => Object.assign({}, FieldName, props.fieldNames));\n\n  function onChange(item: RadioOption) {\n    if (!props.disabled && !item.disabled) {\n      const next = item[fieldNames().value]!;\n\n      setValue(next);\n      props.onChange?.(next);\n    }\n  }\n  function onKeyUp(item: RadioOption, e: KeyboardEvent) {\n    if (e.key === 'Enter') {\n      onChange(item);\n    }\n  }\n  const options = createMemo(() => {\n    return getOptions(props.options, fieldNames());\n  });\n\n  createEffect(() => {\n    setValue(props.value);\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {css(props.css)}\n      </style>\n      <section class={cx('box', props.layout, props.class)} part=\"box\">\n        <For each={options()}>\n          {(item) => {\n            const readOnly = props.disabled || item.disabled;\n            const handleChange = () => {\n              onChange(item);\n            };\n            const fieldName = fieldNames();\n\n            return (\n              <div\n                class={cx('item', item.class, item.status)}\n                part=\"item\"\n                tabindex={readOnly ? -1 : 0}\n                aria-disabled={readOnly}\n                onKeyUp={onKeyUp.bind(null, item)}\n                onClick={handleChange}\n              >\n                <input\n                  class=\"radio\"\n                  type=\"radio\"\n                  name={props.name}\n                  value={item[fieldName.value]}\n                  disabled={readOnly}\n                  tabindex={-1}\n                  checked={item[fieldName.value] === value()}\n                  onChange={handleChange}\n                />\n                <label class=\"label\" part=\"label\">\n                  {item[fieldName.label]}\n                </label>\n              </div>\n            );\n          }}\n        </For>\n      </section>\n    </>\n  );\n}\n\nexport type RadioElement = CustomElement<RadioProps>;\n\ncustomElement<RadioProps>(\n  'n-radio',\n  {\n    class: void 0,\n    css: void 0,\n    name: void 0,\n    disabled: void 0,\n    value: void 0,\n    defaultValue: void 0,\n    options: [],\n    onChange: void 0,\n    fieldNames: void 0,\n    layout: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        layout: el.layout || 'horizontal',\n        onChange(next: string) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: next,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('options');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return createComponent(Radio, props);\n  },\n);\nexport default Radio;\n"],"names":["For","createComponent","createEffect","createMemo","createSignal","mergeProps","css","cx","customElement","style","FieldName","getOptions","theme","Radio","props","baseStyle","value","setValue","defaultValue","fieldNames","Object","assign","onChange","item","disabled","next","onKeyUp","e","key","options","readOnly","handleChange","fieldName","bind","label","class","status","name","layout","_","opt","el","element","dispatchEvent","CustomEvent","detail","removeAttribute"],"mappings":"wgBAAA,QAASA,OAAAA,CAAG,CAAEC,mBAAAA,CAAe,CAAEC,gBAAAA,CAAY,CAAEC,cAAAA,CAAU,CAAEC,gBAAAA,CAAY,CAAEC,cAAAA,CAAU,KAAQ,UAAW,AACpG,QAASC,OAAAA,CAAG,CAAEC,MAAAA,CAAE,KAAQ,aAAc,AACtC,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAC9C,QAASC,SAAAA,CAAK,KAAQ,SAAU,AAChC,QAA4CC,aAAAA,CAAS,KAAQ,iBAAkB,AAC/E,QAAOC,MAAgB,gBAAiB,AACxC,QAAOC,MAAW,UAAW,CAiC7B,SAASC,EAAMC,CAAiB,EAC9B,GAAM,CAAEC,UAAAA,CAAS,CAAE,CAAGH,EAChB,CAACI,EAAOC,EAAS,CAAGb,EAAaU,EAAMI,YAAY,EACnDC,EAAahB,EAAW,IAAMiB,OAAOC,MAAM,CAAC,CAAC,EAAGX,EAAWI,EAAMK,UAAU,GAEjF,SAASG,EAASC,CAAiB,EACjC,GAAI,CAACT,EAAMU,QAAQ,EAAI,CAACD,EAAKC,QAAQ,CAAE,CACrC,IAAMC,EAAOF,CAAI,CAACJ,IAAaH,KAAK,CAAC,CAErCC,EAASQ,SACTX,EAAMQ,QAAQ,EAAdR,EAAMQ,QAAQ,MAAdR,EAAiBW,EACnB,CACF,CACA,SAASC,EAAQH,CAAiB,CAAEI,CAAgB,EACpC,UAAVA,EAAEC,GAAG,EACPN,EAASC,EAEb,CACA,IAAMM,EAAU1B,EAAW,IAClBQ,EAAWG,EAAMe,OAAO,CAAEV,MAOnC,OAJAjB,EAAa,KACXe,EAASH,EAAME,KAAK,CACtB,+BAKOD,YACAN,gBACAH,EAAIQ,EAAMR,GAAG,2CAGbN,qBAAU6B,cACR,AAACN,IACA,IAAMO,EAAWhB,EAAMU,QAAQ,EAAID,EAAKC,QAAQ,CAC1CO,EAAe,KACnBT,EAASC,EACX,EACMS,EAAYb,IAElB,wEAOaY,kBADAL,EAAQO,IAAI,CAAC,KAAMV,sBAFlBO,EAAW,GAAK,uBACXA,gBAYHC,cAHAD,iBACA,YAKTP,CAAI,CAACS,EAAUE,KAAK,CAAC,cAlBjB3B,EAAG,OAAQgB,EAAKY,KAAK,CAAEZ,EAAKa,MAAM,IAUjCtB,EAAMuB,IAAI,4GACTd,CAAI,CAACS,EAAUhB,KAAK,CAAC,kBAGnBO,CAAI,CAACS,EAAUhB,KAAK,CAAC,GAAKA,UAQ3C,eAjCYT,EAAG,MAAOO,EAAMwB,MAAM,CAAExB,EAAMqB,KAAK,UAsCzD,CAIA3B,EACE,UACA,CACE2B,MAAO,KAAK,EACZ7B,IAAK,KAAK,EACV+B,KAAM,KAAK,EACXb,SAAU,KAAK,EACfR,MAAO,KAAK,EACZE,aAAc,KAAK,EACnBW,QAAS,EAAE,CACXP,SAAU,KAAK,EACfH,WAAY,KAAK,EACjBmB,OAAQ,KAAK,CACf,EACA,CAACC,EAAGC,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChB5B,EAAQT,EACZ,CACEiC,OAAQG,EAAGH,MAAM,EAAI,aACrBhB,SAASG,CAAY,EACnBgB,EAAGE,aAAa,CACd,IAAIC,YAAY,SAAU,CACxBC,OAAQpB,CACV,GAEJ,CACF,EACAc,GAQF,OALArC,EAAa,KACXuC,EAAGK,eAAe,CAAC,WACnBL,EAAGK,eAAe,CAAC,eACnBL,EAAGK,eAAe,CAAC,MACrB,GACO7C,EAAgBY,EAAOC,EAChC,EAEF,gBAAeD,CAAM"}
+{"version":3,"sources":["../../components/radio/index.tsx"],"sourcesContent":["import { For, createComponent, createEffect, createMemo, createSignal, mergeProps } from 'solid-js';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { style } from './style';\nimport { FieldName } from '../basic-config';\nimport getOptions from '../get-options';\nimport theme from '../theme';\nimport type { BaseOption, BasicConfig, CustomElement } from '..';\n\nexport interface RadioOption extends Omit<BaseOption, 'icon'> {\n  /** 值 */\n  value?: string;\n}\n\nexport interface RadioProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** input[type=\"radio\"] 的 name 属性 */\n  name?: string;\n  /** 只读 */\n  disabled?: boolean;\n  /** 值 */\n  value?: string;\n  /** 默认值 */\n  defaultValue?: string;\n  /** 选项数据 */\n  options?: (RadioOption | string)[];\n  /** 自定义节点 'label'、'value'、'options' 的字段 */\n  fieldNames?: BasicConfig['fieldName'];\n  /** 值修改时的回调方法 */\n  onChange?(val: string): void;\n  /** 选项排列方式\n   * @default 'horizontal'\n   */\n  layout?: 'vertical' | 'horizontal';\n}\n\nfunction Radio(props: RadioProps) {\n  const { baseStyle } = theme;\n  const [value, setValue] = createSignal(props.defaultValue);\n  const fieldNames = createMemo(() => Object.assign({}, FieldName, props.fieldNames));\n\n  function onChange(item: RadioOption) {\n    if (!props.disabled && !item.disabled) {\n      const next = item[fieldNames().value]!;\n\n      setValue(next);\n      props.onChange?.(next);\n    }\n  }\n  function onKeyUp(item: RadioOption, e: KeyboardEvent) {\n    if (e.key === 'Enter') {\n      onChange(item);\n    }\n  }\n  const options = createMemo(() => {\n    return getOptions(props.options, fieldNames());\n  });\n\n  createEffect(() => {\n    setValue(props.value);\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {css(props.css)}\n      </style>\n      <section class={cx('box', props.layout, props.class)} part=\"box\">\n        <For each={options()}>\n          {(item) => {\n            const readOnly = props.disabled || item.disabled;\n            const handleChange = () => {\n              onChange(item);\n            };\n            const fieldName = fieldNames();\n\n            return (\n              <div\n                class={cx('item', item.class, item.status)}\n                part=\"item\"\n                tabindex={readOnly ? -1 : 0}\n                aria-disabled={readOnly}\n                onKeyUp={onKeyUp.bind(null, item)}\n                onClick={handleChange}\n              >\n                <input\n                  class=\"radio\"\n                  type=\"radio\"\n                  name={props.name}\n                  value={item[fieldName.value]}\n                  disabled={readOnly}\n                  tabindex={-1}\n                  checked={item[fieldName.value] === value()}\n                  onChange={handleChange}\n                />\n                <label class=\"label\" part=\"label\">\n                  {item[fieldName.label]}\n                </label>\n              </div>\n            );\n          }}\n        </For>\n      </section>\n    </>\n  );\n}\n\nexport type RadioElement = CustomElement<RadioProps>;\n\ncustomElement<RadioProps>(\n  'n-radio',\n  {\n    class: void 0,\n    css: void 0,\n    name: void 0,\n    disabled: void 0,\n    value: void 0,\n    defaultValue: void 0,\n    options: [],\n    onChange: void 0,\n    fieldNames: void 0,\n    layout: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        layout: el.layout || 'horizontal',\n        onChange(next: string) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: next,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('options');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return createComponent(Radio, props);\n  },\n);\nexport default Radio;\n"],"names":["For","createComponent","createEffect","createMemo","createSignal","mergeProps","css","cx","customElement","style","FieldName","getOptions","theme","Radio","props","baseStyle","value","setValue","defaultValue","fieldNames","Object","assign","onChange","item","disabled","next","onKeyUp","e","key","options","readOnly","handleChange","fieldName","bind","label","class","status","name","layout","_","opt","el","element","dispatchEvent","CustomEvent","detail","removeAttribute"],"mappings":"wgBAAA,QAASA,OAAAA,CAAG,CAAEC,mBAAAA,CAAe,CAAEC,gBAAAA,CAAY,CAAEC,cAAAA,CAAU,CAAEC,gBAAAA,CAAY,CAAEC,cAAAA,CAAU,KAAQ,UAAW,AACpG,QAASC,OAAAA,CAAG,CAAEC,MAAAA,CAAE,KAAQ,aAAc,AACtC,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAC9C,QAASC,SAAAA,CAAK,KAAQ,SAAU,AAChC,QAASC,aAAAA,CAAS,KAAQ,iBAAkB,AAC5C,QAAOC,MAAgB,gBAAiB,AACxC,QAAOC,MAAW,UAAW,CAiC7B,SAASC,EAAMC,CAAiB,EAC9B,GAAM,CAAEC,UAAAA,CAAS,CAAE,CAAGH,EAChB,CAACI,EAAOC,EAAS,CAAGb,EAAaU,EAAMI,YAAY,EACnDC,EAAahB,EAAW,IAAMiB,OAAOC,MAAM,CAAC,CAAC,EAAGX,EAAWI,EAAMK,UAAU,GAEjF,SAASG,EAASC,CAAiB,EACjC,GAAI,CAACT,EAAMU,QAAQ,EAAI,CAACD,EAAKC,QAAQ,CAAE,CACrC,IAAMC,EAAOF,CAAI,CAACJ,IAAaH,KAAK,CAAC,CAErCC,EAASQ,SACTX,EAAMQ,QAAQ,EAAdR,EAAMQ,QAAQ,MAAdR,EAAiBW,EACnB,CACF,CACA,SAASC,EAAQH,CAAiB,CAAEI,CAAgB,EACpC,UAAVA,EAAEC,GAAG,EACPN,EAASC,EAEb,CACA,IAAMM,EAAU1B,EAAW,IAClBQ,EAAWG,EAAMe,OAAO,CAAEV,MAOnC,OAJAjB,EAAa,KACXe,EAASH,EAAME,KAAK,CACtB,+BAKOD,YACAN,gBACAH,EAAIQ,EAAMR,GAAG,2CAGbN,qBAAU6B,cACR,AAACN,IACA,IAAMO,EAAWhB,EAAMU,QAAQ,EAAID,EAAKC,QAAQ,CAC1CO,EAAe,KACnBT,EAASC,EACX,EACMS,EAAYb,IAElB,wEAOaY,kBADAL,EAAQO,IAAI,CAAC,KAAMV,sBAFlBO,EAAW,GAAK,uBACXA,gBAYHC,cAHAD,iBACA,YAKTP,CAAI,CAACS,EAAUE,KAAK,CAAC,cAlBjB3B,EAAG,OAAQgB,EAAKY,KAAK,CAAEZ,EAAKa,MAAM,IAUjCtB,EAAMuB,IAAI,4GACTd,CAAI,CAACS,EAAUhB,KAAK,CAAC,kBAGnBO,CAAI,CAACS,EAAUhB,KAAK,CAAC,GAAKA,UAQ3C,eAjCYT,EAAG,MAAOO,EAAMwB,MAAM,CAAExB,EAAMqB,KAAK,UAsCzD,CAIA3B,EACE,UACA,CACE2B,MAAO,KAAK,EACZ7B,IAAK,KAAK,EACV+B,KAAM,KAAK,EACXb,SAAU,KAAK,EACfR,MAAO,KAAK,EACZE,aAAc,KAAK,EACnBW,QAAS,EAAE,CACXP,SAAU,KAAK,EACfH,WAAY,KAAK,EACjBmB,OAAQ,KAAK,CACf,EACA,CAACC,EAAGC,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChB5B,EAAQT,EACZ,CACEiC,OAAQG,EAAGH,MAAM,EAAI,aACrBhB,SAASG,CAAY,EACnBgB,EAAGE,aAAa,CACd,IAAIC,YAAY,SAAU,CACxBC,OAAQpB,CACV,GAEJ,CACF,EACAc,GAQF,OALArC,EAAa,KACXuC,EAAGK,eAAe,CAAC,WACnBL,EAAGK,eAAe,CAAC,eACnBL,EAAGK,eAAe,CAAC,MACrB,GACO7C,EAAgBY,EAAOC,EAChC,EAEF,gBAAeD,CAAM"}

package/es/segmented/index.d.ts

@@ -1,6 +1,5 @@
-import { type BaseOption, type BasicConfig } from '../basic-config';
 import '../typography';
-import type { CustomElement } from '..';
+import type { BaseOption, BasicConfig, CustomElement } from '..';
 export interface SegmentedProps {
     /** 自定义类名 */
     class?: string;

package/es/segmented/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/segmented/index.tsx"],"sourcesContent":["import {\n  For,\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 { type BaseOption, type BasicConfig, FieldName } from '../basic-config';\nimport getOptions from '../get-options';\nimport theme from '../theme';\nimport '../typography';\nimport type { CustomElement } from '..';\n\nexport interface SegmentedProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** input[type=\"radio\"] 的 name 属性 */\n  name?: string;\n  /** 只读 */\n  disabled?: boolean;\n  /** 值 */\n  value?: string | number;\n  /** 默认值 */\n  defaultValue?: string | number;\n  /** 选项数据 */\n  options?: (BaseOption | string | number)[];\n  /** 自定义节点 'label'、'value'、'options' 的字段 */\n  fieldNames?: BasicConfig['fieldName'];\n  /** 值修改时的回调方法 */\n  onChange?(val: string | number): void;\n}\n\nfunction Segmented(props: SegmentedProps) {\n  const { baseStyle, isDark } = theme;\n  const [value, setValue] = createSignal(props.defaultValue);\n  const [offsetStyle, setOffsetStyle] = createSignal('');\n  let box: HTMLDivElement | undefined;\n  const cssVar = createMemo(() => {\n    if (isDark()) {\n      return css`\n        :host {\n          --segmented-bg: #000;\n          --segmented-current-bg: #1f1f1f;\n        }\n      `;\n    }\n\n    return css`\n      :host {\n        --segmented-bg: var(--primary-details-bg);\n        --segmented-current-bg: #fff;\n      }\n    `;\n  });\n  const fieldNames = createMemo(() => Object.assign({}, FieldName, props.fieldNames));\n\n  function onChange(item: BaseOption) {\n    if (!props.disabled && !item.disabled) {\n      const next = item[fieldNames().value];\n\n      if (isFunction(props.onChange)) {\n        props.onChange(next);\n      }\n      if (props.value === void 0) {\n        setValue(next);\n      }\n    }\n  }\n  function onKeyUp(key: string, item: BaseOption) {\n    if (key === 'Enter') {\n      onChange(item);\n    }\n  }\n  const options = createMemo(() => {\n    return getOptions(props.options, fieldNames());\n  });\n\n  createEffect(() => {\n    setValue((props.value !== void 0 && props.value) || props.defaultValue);\n  });\n\n  createEffect(() => {\n    const val = options().find((o) => o[fieldNames().value] === value());\n    const timer = setTimeout(() => {\n      clearTimeout(timer);\n      const el = val?.ref;\n\n      if (el) {\n        setOffsetStyle(\n          `.box {--w: ${el.offsetWidth}px;--h: ${el.offsetHeight}px;--left: ${el.offsetLeft}px;}`,\n        );\n      } else {\n        setOffsetStyle('');\n      }\n    }, 0);\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {cssVar()}\n        {style}\n        {offsetStyle()}\n        {css(props.css)}\n      </style>\n      <div ref={box} class={cx('box', props.class)}>\n        <For each={options()}>\n          {(item, i) => {\n            const readOnly = props.disabled || item.disabled;\n            const handleChange = () => onChange(item);\n            const fieldName = fieldNames();\n\n            return (\n              <>\n                <input\n                  class=\"segmented\"\n                  type=\"radio\"\n                  name={props.name}\n                  value={item[fieldName.value]}\n                  disabled={readOnly}\n                  checked={item[fieldName.value] === value()}\n                  onChange={handleChange}\n                />\n                <label\n                  class={cx('label', item.class)}\n                  tabindex={readOnly ? -1 : 0}\n                  onKeyUp={({ key }) => onKeyUp(key, item)}\n                  onClick={handleChange}\n                  aria-disabled={readOnly}\n                  ref={options()[i()].ref}\n                >\n                  <Show when={item[fieldName.icon]}>\n                    <span class=\"icon\">{item[fieldName.icon]}</span>\n                  </Show>\n                  {item[fieldName.label]}\n                  <Show when={item[fieldName.suffix]}>\n                    <n-typography type=\"secondary\">{item[fieldName.suffix]}</n-typography>\n                  </Show>\n                </label>\n              </>\n            );\n          }}\n        </For>\n      </div>\n    </>\n  );\n}\n\nexport type SegmentedElement = CustomElement<SegmentedProps>;\n\ncustomElement<SegmentedProps>(\n  'n-segmented',\n  {\n    class: void 0,\n    css: void 0,\n    name: void 0,\n    disabled: void 0,\n    value: void 0,\n    defaultValue: void 0,\n    options: [],\n    onChange: void 0,\n    fieldNames: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        css: el.css,\n        name: el.name,\n        disabled: el.disabled,\n        value: el.value,\n        defaultValue: el.defaultValue,\n        options: el.options,\n        fieldNames: el.fieldNames,\n        onChange(next: string) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: next,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('options');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return createComponent(Segmented, props);\n  },\n);\nexport default Segmented;\n"],"names":["For","Show","createComponent","createEffect","createMemo","createSignal","mergeProps","isFunction","css","cx","customElement","style","FieldName","getOptions","theme","Segmented","props","box","baseStyle","isDark","value","setValue","defaultValue","offsetStyle","setOffsetStyle","cssVar","fieldNames","Object","assign","onChange","item","disabled","next","options","val","find","o","timer","setTimeout","clearTimeout","el","ref","offsetWidth","offsetHeight","offsetLeft","i","readOnly","handleChange","fieldName","name","key","icon","label","suffix","class","_","opt","element","dispatchEvent","CustomEvent","detail","removeAttribute"],"mappings":"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"}
+{"version":3,"sources":["../../components/segmented/index.tsx"],"sourcesContent":["import {\n  For,\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 { FieldName } from '../basic-config';\nimport getOptions from '../get-options';\nimport theme from '../theme';\nimport '../typography';\nimport type { BaseOption, BasicConfig, CustomElement } from '..';\n\nexport interface SegmentedProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** input[type=\"radio\"] 的 name 属性 */\n  name?: string;\n  /** 只读 */\n  disabled?: boolean;\n  /** 值 */\n  value?: string | number;\n  /** 默认值 */\n  defaultValue?: string | number;\n  /** 选项数据 */\n  options?: (BaseOption | string | number)[];\n  /** 自定义节点 'label'、'value'、'options' 的字段 */\n  fieldNames?: BasicConfig['fieldName'];\n  /** 值修改时的回调方法 */\n  onChange?(val: string | number): void;\n}\n\nfunction Segmented(props: SegmentedProps) {\n  const { baseStyle, isDark } = theme;\n  const [value, setValue] = createSignal(props.defaultValue);\n  const [offsetStyle, setOffsetStyle] = createSignal('');\n  let box: HTMLDivElement | undefined;\n  const cssVar = createMemo(() => {\n    if (isDark()) {\n      return css`\n        :host {\n          --segmented-bg: #000;\n          --segmented-current-bg: #1f1f1f;\n        }\n      `;\n    }\n\n    return css`\n      :host {\n        --segmented-bg: var(--primary-details-bg);\n        --segmented-current-bg: #fff;\n      }\n    `;\n  });\n  const fieldNames = createMemo(() => Object.assign({}, FieldName, props.fieldNames));\n\n  function onChange(item: BaseOption) {\n    if (!props.disabled && !item.disabled) {\n      const next = item[fieldNames().value];\n\n      if (isFunction(props.onChange)) {\n        props.onChange(next);\n      }\n      if (props.value === void 0) {\n        setValue(next);\n      }\n    }\n  }\n  function onKeyUp(key: string, item: BaseOption) {\n    if (key === 'Enter') {\n      onChange(item);\n    }\n  }\n  const options = createMemo(() => {\n    return getOptions(props.options, fieldNames());\n  });\n\n  createEffect(() => {\n    setValue((props.value !== void 0 && props.value) || props.defaultValue);\n  });\n\n  createEffect(() => {\n    const val = options().find((o) => o[fieldNames().value] === value());\n    const timer = setTimeout(() => {\n      clearTimeout(timer);\n      const el = val?.ref;\n\n      if (el) {\n        setOffsetStyle(\n          `.box {--w: ${el.offsetWidth}px;--h: ${el.offsetHeight}px;--left: ${el.offsetLeft}px;}`,\n        );\n      } else {\n        setOffsetStyle('');\n      }\n    }, 0);\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {cssVar()}\n        {style}\n        {offsetStyle()}\n        {css(props.css)}\n      </style>\n      <div ref={box} class={cx('box', props.class)}>\n        <For each={options()}>\n          {(item, i) => {\n            const readOnly = props.disabled || item.disabled;\n            const handleChange = () => onChange(item);\n            const fieldName = fieldNames();\n\n            return (\n              <>\n                <input\n                  class=\"segmented\"\n                  type=\"radio\"\n                  name={props.name}\n                  value={item[fieldName.value]}\n                  disabled={readOnly}\n                  checked={item[fieldName.value] === value()}\n                  onChange={handleChange}\n                />\n                <label\n                  class={cx('label', item.class)}\n                  tabindex={readOnly ? -1 : 0}\n                  onKeyUp={({ key }) => onKeyUp(key, item)}\n                  onClick={handleChange}\n                  aria-disabled={readOnly}\n                  ref={options()[i()].ref}\n                >\n                  <Show when={item[fieldName.icon]}>\n                    <span class=\"icon\">{item[fieldName.icon]}</span>\n                  </Show>\n                  {item[fieldName.label]}\n                  <Show when={item[fieldName.suffix]}>\n                    <n-typography type=\"secondary\">{item[fieldName.suffix]}</n-typography>\n                  </Show>\n                </label>\n              </>\n            );\n          }}\n        </For>\n      </div>\n    </>\n  );\n}\n\nexport type SegmentedElement = CustomElement<SegmentedProps>;\n\ncustomElement<SegmentedProps>(\n  'n-segmented',\n  {\n    class: void 0,\n    css: void 0,\n    name: void 0,\n    disabled: void 0,\n    value: void 0,\n    defaultValue: void 0,\n    options: [],\n    onChange: void 0,\n    fieldNames: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        css: el.css,\n        name: el.name,\n        disabled: el.disabled,\n        value: el.value,\n        defaultValue: el.defaultValue,\n        options: el.options,\n        fieldNames: el.fieldNames,\n        onChange(next: string) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: next,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('options');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return createComponent(Segmented, props);\n  },\n);\nexport default Segmented;\n"],"names":["For","Show","createComponent","createEffect","createMemo","createSignal","mergeProps","isFunction","css","cx","customElement","style","FieldName","getOptions","theme","Segmented","props","box","baseStyle","isDark","value","setValue","defaultValue","offsetStyle","setOffsetStyle","cssVar","fieldNames","Object","assign","onChange","item","disabled","next","options","val","find","o","timer","setTimeout","clearTimeout","el","ref","offsetWidth","offsetHeight","offsetLeft","i","readOnly","handleChange","fieldName","name","key","icon","label","suffix","class","_","opt","element","dispatchEvent","CustomEvent","detail","removeAttribute"],"mappings":"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"}

package/lib/checkbox/index.d.ts

@@ -1,5 +1,4 @@
-import { type BaseOption, type BasicConfig } from '../basic-config';
-import type { CustomElement } from '..';
+import type { BaseOption, BasicConfig, CustomElement } from '..';
 /** 通用API
  * @since 1.0.0
  */

package/lib/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/checkbox/index.tsx"],"sourcesContent":["import { For, createComponent, createEffect, createMemo, createSignal, mergeProps } from 'solid-js';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { style } from './style';\nimport { type BaseOption, type BasicConfig, FieldName } from '../basic-config';\nimport getOptions from '../get-options';\nimport theme from '../theme';\nimport type { CustomElement } from '..';\n\n/** 通用API\n * @since 1.0.0\n */\nexport interface CheckboxBaseProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** input[type=\"checkbox\"] 的 name 属性 */\n  name?: string;\n  /** 只读 */\n  disabled?: boolean;\n  /** 选项排列方式\n   * @default 'horizontal'\n   */\n  layout?: 'vertical' | 'horizontal';\n  /** 自定义节点 'label'、'value'、'options' 的字段 */\n  fieldNames?: BasicConfig['fieldName'];\n}\n/** 复选框API */\nexport interface CheckboxBoolProps extends CheckboxBaseProps {\n  /** 一个 bool 值; */\n  value?: boolean;\n  /** 默认值 */\n  defaultValue?: boolean;\n  /** 值修改时的回调方法 */\n  onChange?: (val: boolean) => void;\n  checkAll?: never;\n  options?: never;\n}\n/** 通过数据渲染一组复选框按钮的API */\nexport interface CheckboxGroupProps extends CheckboxBaseProps {\n  /** 全选 */\n  checkAll?: boolean;\n  /** 值;\n   * 当设置了value时, 将是受控模式;\n   * 受控模式可通过 onChange 事件更新 value\n   **/\n  value?: (string | number)[];\n  /** 默认值 */\n  defaultValue?: (string | number)[];\n  /** 渲染选项所使用的数据,\n   * 当没有设置该值时, 将渲染一个切换 bool 值的按钮\n   * */\n  options?: (CheckboxOption | string)[];\n  /** 值修改时的回调方法 */\n  onChange?: (val: (string | number)[]) => void;\n}\n/** 复选框选项\n * @since 1.0.0\n */\nexport interface CheckboxOption extends BaseOption {\n  /** 不确定状态 */\n  indeterminate?: boolean;\n}\n\nfunction Checkbox(props: CheckboxBoolProps | CheckboxGroupProps) {\n  const { baseStyle } = theme;\n  const [value, setValue] = createSignal<(string | number)[]>([]);\n  const fieldNames = createMemo(() => Object.assign({}, FieldName, props.fieldNames));\n\n  createEffect(() => {\n    const _val = typeof props.value === 'undefined' ? props.defaultValue : props.value;\n    let val: (string | number)[] = [];\n\n    if (Array.isArray(_val)) {\n      val = _val;\n    } else if (typeof _val !== 'undefined') {\n      val = [_val as unknown as string];\n    }\n\n    setValue(val);\n  });\n  const options = createMemo(() => {\n    const fieldName = fieldNames();\n\n    if (typeof props.options === 'undefined') {\n      return getOptions([{ value: 1 } as CheckboxOption], fieldName);\n    }\n    const checkAll: CheckboxOption[] = [\n      { [fieldName.value]: 'all', [fieldName.label]: '全选', indeterminate: false },\n    ];\n    const arr = props.checkAll ? checkAll : [];\n\n    return arr.concat(getOptions(props.options || [], fieldName));\n  });\n\n  const all = createMemo(() => {\n    const allVal: (string | number)[] = [];\n    const fieldName = fieldNames();\n\n    options().forEach((item) => {\n      if (!('indeterminate' in item) && typeof item[fieldName.value] !== 'undefined') {\n        allVal.push(item[fieldName.value]!);\n      }\n    });\n\n    return allVal;\n  });\n\n  function getIndeterminate() {\n    let _indeterminate = false;\n\n    all().forEach((v) => {\n      if (value().length && !value().includes(v)) {\n        _indeterminate = true;\n      }\n    });\n    return _indeterminate;\n  }\n  const checkedAll = createMemo(() => {\n    let checked = true;\n    const alls = all();\n\n    for (let i = 0, len = alls.length; i < len; i++) {\n      if (!value().includes(alls[i])) {\n        checked = false;\n        break;\n      }\n    }\n    return checked;\n  });\n\n  function onChange(item: CheckboxOption) {\n    if (!props.disabled && !item.disabled) {\n      const isIndeterminate = 'indeterminate' in item;\n      let newVal = isIndeterminate ? [] : [...value()];\n      const val = item[fieldNames().value]!;\n\n      if (isIndeterminate) {\n        if (!checkedAll()) {\n          newVal = all();\n        }\n      } else {\n        const idx = newVal.indexOf(val);\n\n        if (idx !== -1) {\n          newVal.splice(idx, 1);\n        } else {\n          newVal.push(val);\n        }\n      }\n      if (typeof props.value === 'undefined') {\n        setValue(newVal);\n      }\n      props.onChange?.((typeof props.options === 'undefined' ? !!newVal[0] : newVal) as never);\n    }\n  }\n  function onKeyUp(item: CheckboxOption, e: KeyboardEvent) {\n    e.preventDefault();\n    if (e.key === 'Enter') {\n      onChange(item);\n    }\n  }\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {css(props.css)}\n      </style>\n      <section class={cx('box', props.layout, props.class)}>\n        <For each={options()}>\n          {(item) => {\n            const readOnly = props.disabled || item.disabled;\n            const fieldName = fieldNames();\n            const realVal = item[fieldName.value]!;\n\n            if ('indeterminate' in item) {\n              createEffect(() => {\n                item.ref.indeterminate = getIndeterminate();\n              });\n            }\n            return (\n              <span\n                class={cx('item', item.class, item.status)}\n                aria-disabled={readOnly}\n                tabindex={readOnly ? -1 : 0}\n                onKeyUp={onKeyUp.bind(null, item)}\n                onClick={onChange.bind(null, item)}\n              >\n                <input\n                  ref={item.ref}\n                  class=\"checkbox\"\n                  type=\"checkbox\"\n                  name={props.name}\n                  value={realVal as string}\n                  disabled={readOnly}\n                  checked={'indeterminate' in item ? checkedAll() : value().includes(realVal)}\n                  onChange={onChange.bind(null, item)}\n                />\n                <label>{item[fieldName.label]}</label>\n              </span>\n            );\n          }}\n        </For>\n      </section>\n    </>\n  );\n}\n\nexport type CheckboxGroupElement = CustomElement<CheckboxGroupProps>;\nexport type CheckboxBoolElement = CustomElement<CheckboxBoolProps>;\n\ncustomElement<CheckboxBoolProps | CheckboxGroupProps>(\n  'n-checkbox',\n  {\n    class: void 0,\n    css: void 0,\n    name: void 0,\n    disabled: void 0,\n    value: void 0,\n    defaultValue: void 0,\n    options: void 0,\n    onChange: void 0,\n    fieldNames: void 0,\n    checkAll: void 0,\n    layout: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        layout: el.layout || 'horizontal',\n        onChange(next: (string | number)[] | boolean) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: next,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('options');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return createComponent(Checkbox, props);\n  },\n);\nexport default Checkbox;\n"],"names":["Checkbox","props","baseStyle","theme","value","setValue","createSignal","fieldNames","createMemo","Object","assign","FieldName","createEffect","_val","defaultValue","val","Array","isArray","options","fieldName","getOptions","checkAll","label","indeterminate","arr","concat","all","allVal","forEach","item","push","checkedAll","checked","alls","i","len","length","includes","onChange","disabled","isIndeterminate","newVal","idx","indexOf","splice","onKeyUp","e","preventDefault","key","style","css","For","readOnly","realVal","_indeterminate","ref","v","bind","cx","class","status","name","layout","customElement","_","opt","el","element","mergeProps","next","dispatchEvent","CustomEvent","detail","removeAttribute","createComponent"],"mappings":"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"}
+{"version":3,"sources":["../../components/checkbox/index.tsx"],"sourcesContent":["import { For, createComponent, createEffect, createMemo, createSignal, mergeProps } from 'solid-js';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { style } from './style';\nimport { FieldName } from '../basic-config';\nimport getOptions from '../get-options';\nimport theme from '../theme';\nimport type { BaseOption, BasicConfig, CustomElement } from '..';\n\n/** 通用API\n * @since 1.0.0\n */\nexport interface CheckboxBaseProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** input[type=\"checkbox\"] 的 name 属性 */\n  name?: string;\n  /** 只读 */\n  disabled?: boolean;\n  /** 选项排列方式\n   * @default 'horizontal'\n   */\n  layout?: 'vertical' | 'horizontal';\n  /** 自定义节点 'label'、'value'、'options' 的字段 */\n  fieldNames?: BasicConfig['fieldName'];\n}\n/** 复选框API */\nexport interface CheckboxBoolProps extends CheckboxBaseProps {\n  /** 一个 bool 值; */\n  value?: boolean;\n  /** 默认值 */\n  defaultValue?: boolean;\n  /** 值修改时的回调方法 */\n  onChange?: (val: boolean) => void;\n  checkAll?: never;\n  options?: never;\n}\n/** 通过数据渲染一组复选框按钮的API */\nexport interface CheckboxGroupProps extends CheckboxBaseProps {\n  /** 全选 */\n  checkAll?: boolean;\n  /** 值;\n   * 当设置了value时, 将是受控模式;\n   * 受控模式可通过 onChange 事件更新 value\n   **/\n  value?: (string | number)[];\n  /** 默认值 */\n  defaultValue?: (string | number)[];\n  /** 渲染选项所使用的数据,\n   * 当没有设置该值时, 将渲染一个切换 bool 值的按钮\n   * */\n  options?: (CheckboxOption | string)[];\n  /** 值修改时的回调方法 */\n  onChange?: (val: (string | number)[]) => void;\n}\n/** 复选框选项\n * @since 1.0.0\n */\nexport interface CheckboxOption extends BaseOption {\n  /** 不确定状态 */\n  indeterminate?: boolean;\n}\n\nfunction Checkbox(props: CheckboxBoolProps | CheckboxGroupProps) {\n  const { baseStyle } = theme;\n  const [value, setValue] = createSignal<(string | number)[]>([]);\n  const fieldNames = createMemo(() => Object.assign({}, FieldName, props.fieldNames));\n\n  createEffect(() => {\n    const _val = typeof props.value === 'undefined' ? props.defaultValue : props.value;\n    let val: (string | number)[] = [];\n\n    if (Array.isArray(_val)) {\n      val = _val;\n    } else if (typeof _val !== 'undefined') {\n      val = [_val as unknown as string];\n    }\n\n    setValue(val);\n  });\n  const options = createMemo(() => {\n    const fieldName = fieldNames();\n\n    if (typeof props.options === 'undefined') {\n      return getOptions([{ value: 1 } as CheckboxOption], fieldName);\n    }\n    const checkAll: CheckboxOption[] = [\n      { [fieldName.value]: 'all', [fieldName.label]: '全选', indeterminate: false },\n    ];\n    const arr = props.checkAll ? checkAll : [];\n\n    return arr.concat(getOptions(props.options || [], fieldName));\n  });\n\n  const all = createMemo(() => {\n    const allVal: (string | number)[] = [];\n    const fieldName = fieldNames();\n\n    options().forEach((item) => {\n      if (!('indeterminate' in item) && typeof item[fieldName.value] !== 'undefined') {\n        allVal.push(item[fieldName.value]!);\n      }\n    });\n\n    return allVal;\n  });\n\n  function getIndeterminate() {\n    let _indeterminate = false;\n\n    all().forEach((v) => {\n      if (value().length && !value().includes(v)) {\n        _indeterminate = true;\n      }\n    });\n    return _indeterminate;\n  }\n  const checkedAll = createMemo(() => {\n    let checked = true;\n    const alls = all();\n\n    for (let i = 0, len = alls.length; i < len; i++) {\n      if (!value().includes(alls[i])) {\n        checked = false;\n        break;\n      }\n    }\n    return checked;\n  });\n\n  function onChange(item: CheckboxOption) {\n    if (!props.disabled && !item.disabled) {\n      const isIndeterminate = 'indeterminate' in item;\n      let newVal = isIndeterminate ? [] : [...value()];\n      const val = item[fieldNames().value]!;\n\n      if (isIndeterminate) {\n        if (!checkedAll()) {\n          newVal = all();\n        }\n      } else {\n        const idx = newVal.indexOf(val);\n\n        if (idx !== -1) {\n          newVal.splice(idx, 1);\n        } else {\n          newVal.push(val);\n        }\n      }\n      if (typeof props.value === 'undefined') {\n        setValue(newVal);\n      }\n      props.onChange?.((typeof props.options === 'undefined' ? !!newVal[0] : newVal) as never);\n    }\n  }\n  function onKeyUp(item: CheckboxOption, e: KeyboardEvent) {\n    e.preventDefault();\n    if (e.key === 'Enter') {\n      onChange(item);\n    }\n  }\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {css(props.css)}\n      </style>\n      <section class={cx('box', props.layout, props.class)}>\n        <For each={options()}>\n          {(item) => {\n            const readOnly = props.disabled || item.disabled;\n            const fieldName = fieldNames();\n            const realVal = item[fieldName.value]!;\n\n            if ('indeterminate' in item) {\n              createEffect(() => {\n                item.ref.indeterminate = getIndeterminate();\n              });\n            }\n            return (\n              <span\n                class={cx('item', item.class, item.status)}\n                aria-disabled={readOnly}\n                tabindex={readOnly ? -1 : 0}\n                onKeyUp={onKeyUp.bind(null, item)}\n                onClick={onChange.bind(null, item)}\n              >\n                <input\n                  ref={item.ref}\n                  class=\"checkbox\"\n                  type=\"checkbox\"\n                  name={props.name}\n                  value={realVal as string}\n                  disabled={readOnly}\n                  checked={'indeterminate' in item ? checkedAll() : value().includes(realVal)}\n                  onChange={onChange.bind(null, item)}\n                />\n                <label>{item[fieldName.label]}</label>\n              </span>\n            );\n          }}\n        </For>\n      </section>\n    </>\n  );\n}\n\nexport type CheckboxGroupElement = CustomElement<CheckboxGroupProps>;\nexport type CheckboxBoolElement = CustomElement<CheckboxBoolProps>;\n\ncustomElement<CheckboxBoolProps | CheckboxGroupProps>(\n  'n-checkbox',\n  {\n    class: void 0,\n    css: void 0,\n    name: void 0,\n    disabled: void 0,\n    value: void 0,\n    defaultValue: void 0,\n    options: void 0,\n    onChange: void 0,\n    fieldNames: void 0,\n    checkAll: void 0,\n    layout: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        layout: el.layout || 'horizontal',\n        onChange(next: (string | number)[] | boolean) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: next,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('options');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return createComponent(Checkbox, props);\n  },\n);\nexport default Checkbox;\n"],"names":["Checkbox","props","baseStyle","theme","value","setValue","createSignal","fieldNames","createMemo","Object","assign","FieldName","createEffect","_val","defaultValue","val","Array","isArray","options","fieldName","getOptions","checkAll","label","indeterminate","arr","concat","all","allVal","forEach","item","push","checkedAll","checked","alls","i","len","length","includes","onChange","disabled","isIndeterminate","newVal","idx","indexOf","splice","onKeyUp","e","preventDefault","key","style","css","For","readOnly","realVal","_indeterminate","ref","v","bind","cx","class","status","name","layout","customElement","_","opt","el","element","mergeProps","next","dispatchEvent","CustomEvent","detail","removeAttribute","createComponent"],"mappings":"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"}

package/lib/date-picker/index.d.ts

@@ -2,8 +2,7 @@ import { type JSXElement } from 'solid-js';
 import dayjs from './dayjs';
 import '../button';
 import '../menu';
-import { type PopoverProps } from '../popover';
-import type { CustomElement } from '..';
+import type { CustomElement, PopoverProps } from '..';
 declare function DatePicker(_props: DatePickerProps): import("solid-js").JSX.Element;
 /** API
  * @since 2.1.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../components/date-picker/index.tsx"],"sourcesContent":["import {\n  type JSXElement,\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, { type PopoverProps, defaultProps } from '../popover';\nimport type { CustomElement, InputElement } 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?: JSXElement;\n  /** 后缀\n   * @default '📅'\n   */\n  suffixIcon?: JSXElement;\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","DatePicker","_props","ref","props","mergeProps","type","parser","local","other","splitProps","open","setOpen","createSignal","current","setCurrent","dayjs","defaultValue","format","createMemo","showTime","month","date","year","openChange","next","disabled","onOpenChange","focus","e","stopPropagation","preventDefault","blur","untrack","inputMouseDown","target","shadowRoot","activeElement","handleChange","value","onChange","handleInputChange","detail","isValid","createEffect","Popover","css","styles","Panel","showHour","showMinute","showSecond","showToday","showHeader","suffixIcon","prefixIcon","placeholder","customElement","defaultProps","_","opt","el","element","val","time","dispatchEvent","CustomEvent","removeAttribute","createComponent"],"mappings":"iBAgOA,EAAKA,uFA+DL,+CAAA,0JAtRO,sBACuB,4CACZ,uCACA,sBACK,mBAChB,qBACA,4CACkD,6EAGzD,SAASC,EAAWC,CAAuB,MACrCC,EACJ,IAAMC,EAAQC,GAAAA,YAAU,EACtB,CACEC,KAAM,OACNC,OAAQ,qBACV,EACAL,GAEI,CAACM,EAAOC,EAAM,CAAGC,GAAAA,YAAU,EAACN,EAAO,CACvC,QACA,MACA,QACA,eACA,WACA,OACA,UACA,eACA,OACA,SACA,WACA,UACA,SACA,WACA,WACA,aACA,aACA,aACA,aACA,cACA,YACA,aACD,EACK,CAACO,EAAMC,EAAQ,CAAGC,GAAAA,cAAY,EAAiB,MAC/C,CAACC,EAASC,EAAW,CAAGF,GAAAA,cAAY,EAACG,GAAAA,SAAK,EAACR,EAAMS,YAAY,GAE7DC,EAASC,GAAAA,YAAU,EAAC,IACxB,AAAIX,EAAMU,MAAM,CACPV,EAAMU,MAAM,CAEjBV,EAAMY,QAAQ,CAAS,sBACpB,CAAA,CACLC,MAAO,UACPC,KAAM,aACNC,KAAM,MACR,CAAA,CAAC,CAACf,EAAMF,IAAI,EAAI,OAAO,EAGzB,SAASkB,EAAWC,CAAoB,EACjChB,EAAMiB,QAAQ,GACjBlB,EAAMmB,YAAY,GAAGF,GACF,KAAK,IAApBjB,EAAMG,IAAI,EACZC,EAAQa,GAGd,CAEA,SAASG,EAAMC,CAA0B,EACvCA,EAAEC,eAAe,GACjBD,EAAEE,cAAc,GAChBP,EAAW,CAAA,EACb,CACA,SAASQ,IACHC,GAAAA,SAAO,EAACtB,IACVa,EAAW,CAAA,EAEf,CACA,SAASU,EAAeL,CAAa,EAC/BA,EAAEM,MAAM,GAAMhC,GAAKiC,YAA2BC,eAChDb,EAAW,CAACS,GAAAA,SAAO,EAACtB,GAExB,CACA,SAAS2B,EAAab,CAAiB,EACjB,KAAK,IAArBjB,EAAM+B,KAAK,EACbxB,EAAWU,GAEbrB,EAAMoC,QAAQ,GAAGf,EAAKP,MAAM,CAACV,EAAMD,MAAM,EAAGkB,EAC9C,CACA,SAASgB,EAAkBZ,CAA2C,EACpE,GAAIA,EAAEa,MAAM,CAAE,CACZ,IAAMjB,EAAOT,GAAAA,SAAK,EAACa,EAAEa,MAAM,EAEvBjB,EAAKkB,OAAO,IACdL,EAAab,EAEjB,CACF,CAcA,MAZAmB,GAAAA,cAAY,EAAC,KACQ,KAAK,IAApBpC,EAAMG,IAAI,EAAeH,EAAMG,IAAI,GAAKsB,GAAAA,SAAO,EAACtB,IAClDC,EAAQJ,EAAMG,IAAI,CAEtB,GACAiC,GAAAA,cAAY,EAAC,KACX,IAAMnB,EAAOT,GAAAA,SAAK,EAACR,EAAM+B,KAAK,EAAI/B,EAAMS,YAAY,CAEhC,MAAK,IAArBT,EAAM+B,KAAK,EAAed,EAAKkB,OAAO,IACxC5B,EAAWU,EAEf,yBAEGoB,SAAO,qEAGAlC,kBACQa,mBACThB,EAAMsC,GAAG,WACJC,QAAM,2CAEbC,SAAK,oBACExC,EAAMF,IAAI,uBACPQ,uBACHH,cACI2B,aACEd,wBACFhB,EAAMyC,QAAQ,0BACZzC,EAAM0C,UAAU,0BAChB1C,EAAM2C,UAAU,wBAClB3C,EAAMY,QAAQ,yBACbZ,EAAM4C,SAAS,0BACd5C,EAAM6C,UAAU,MAG5B5C,8BAGGN,0CAUKsC,mCAPFT,oCADCJ,wCADIM,0CADR/B,sDAIKM,EAAMiB,QAAQ,GAEXlB,EAAM8C,UAAU,GAChB9C,EAAM+C,UAAU,GAChB/C,EAAMgD,WAAW,mOAHvB1C,IAAUI,MAAM,CAACA,WAShC,EAiEKlB,EAAAA,IAAAA,OACH,SAAS,EACTsB,KAAAA,OAFGtB,EAGH,SAAS,EACTqB,MAAAA,QAJGrB,EAKH,SAAS,EACTuB,KAAAA,OAKFkC,GAAAA,eAAa,EACX,gBACA,CACE,GAAGC,cAAY,CACfnB,MAAO,KAAK,EACZtB,aAAc,KAAK,EACnBS,SAAU,KAAK,EACfc,SAAU,KAAK,EACf7B,KAAM,KAAK,EACXgB,aAAc,KAAK,EACnBrB,KAAM,KAAK,EACXY,OAAQ,KAAK,EACbX,OAAQ,KAAK,EACba,SAAU,KAAK,EACfkC,WAAY,KACZC,WAAY,KAAK,EACjBC,YAAa,KAAK,EAClBP,SAAU,CAAA,EACVC,WAAY,CAAA,EACZC,WAAY,CAAA,EACZC,UAAW,CAAA,EACXC,WAAY,CAAA,CACd,EACA,CAACM,EAAGC,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChB1D,EAAQC,GAAAA,YAAU,EACtB,CACEyC,IAAKe,EAAGf,GAAG,CACXN,SAASuB,CAAW,CAAEC,CAAiB,EACrCH,EAAGI,aAAa,CACd,IAAIC,YAAY,SAAU,CACxBxB,OAAQ,CAACqB,EAAKC,EAAK,AACrB,GAEJ,EACArC,aAAahB,CAAoB,EAC/BkD,EAAGI,aAAa,CACd,IAAIC,YAAY,aAAc,CAC5BxB,OAAQ/B,CACV,GAEJ,CACF,EACAgD,GAMF,MAHAf,GAAAA,cAAY,EAAC,KACXiB,EAAGM,eAAe,CAAC,MACrB,GACOC,GAAAA,iBAAe,EAACnE,EAAYG,EACrC,SAEF,EAAeH"}
+{"version":3,"sources":["../../components/date-picker/index.tsx"],"sourcesContent":["import {\n  type JSXElement,\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?: JSXElement;\n  /** 后缀\n   * @default '📅'\n   */\n  suffixIcon?: JSXElement;\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","DatePicker","_props","ref","props","mergeProps","type","parser","local","other","splitProps","open","setOpen","createSignal","current","setCurrent","dayjs","defaultValue","format","createMemo","showTime","month","date","year","openChange","next","disabled","onOpenChange","focus","e","stopPropagation","preventDefault","blur","untrack","inputMouseDown","target","shadowRoot","activeElement","handleChange","value","onChange","handleInputChange","detail","isValid","createEffect","Popover","css","styles","Panel","showHour","showMinute","showSecond","showToday","showHeader","suffixIcon","prefixIcon","placeholder","customElement","defaultProps","_","opt","el","element","val","time","dispatchEvent","CustomEvent","removeAttribute","createComponent"],"mappings":"iBAgOA,EAAKA,uFA+DL,+CAAA,0JAtRO,sBACuB,4CACZ,uCACA,sBACK,mBAChB,qBACA,4CAC+B,6EAGtC,SAASC,EAAWC,CAAuB,MACrCC,EACJ,IAAMC,EAAQC,GAAAA,YAAU,EACtB,CACEC,KAAM,OACNC,OAAQ,qBACV,EACAL,GAEI,CAACM,EAAOC,EAAM,CAAGC,GAAAA,YAAU,EAACN,EAAO,CACvC,QACA,MACA,QACA,eACA,WACA,OACA,UACA,eACA,OACA,SACA,WACA,UACA,SACA,WACA,WACA,aACA,aACA,aACA,aACA,cACA,YACA,aACD,EACK,CAACO,EAAMC,EAAQ,CAAGC,GAAAA,cAAY,EAAiB,MAC/C,CAACC,EAASC,EAAW,CAAGF,GAAAA,cAAY,EAACG,GAAAA,SAAK,EAACR,EAAMS,YAAY,GAE7DC,EAASC,GAAAA,YAAU,EAAC,IACxB,AAAIX,EAAMU,MAAM,CACPV,EAAMU,MAAM,CAEjBV,EAAMY,QAAQ,CAAS,sBACpB,CAAA,CACLC,MAAO,UACPC,KAAM,aACNC,KAAM,MACR,CAAA,CAAC,CAACf,EAAMF,IAAI,EAAI,OAAO,EAGzB,SAASkB,EAAWC,CAAoB,EACjChB,EAAMiB,QAAQ,GACjBlB,EAAMmB,YAAY,GAAGF,GACF,KAAK,IAApBjB,EAAMG,IAAI,EACZC,EAAQa,GAGd,CAEA,SAASG,EAAMC,CAA0B,EACvCA,EAAEC,eAAe,GACjBD,EAAEE,cAAc,GAChBP,EAAW,CAAA,EACb,CACA,SAASQ,IACHC,GAAAA,SAAO,EAACtB,IACVa,EAAW,CAAA,EAEf,CACA,SAASU,EAAeL,CAAa,EAC/BA,EAAEM,MAAM,GAAMhC,GAAKiC,YAA2BC,eAChDb,EAAW,CAACS,GAAAA,SAAO,EAACtB,GAExB,CACA,SAAS2B,EAAab,CAAiB,EACjB,KAAK,IAArBjB,EAAM+B,KAAK,EACbxB,EAAWU,GAEbrB,EAAMoC,QAAQ,GAAGf,EAAKP,MAAM,CAACV,EAAMD,MAAM,EAAGkB,EAC9C,CACA,SAASgB,EAAkBZ,CAA2C,EACpE,GAAIA,EAAEa,MAAM,CAAE,CACZ,IAAMjB,EAAOT,GAAAA,SAAK,EAACa,EAAEa,MAAM,EAEvBjB,EAAKkB,OAAO,IACdL,EAAab,EAEjB,CACF,CAcA,MAZAmB,GAAAA,cAAY,EAAC,KACQ,KAAK,IAApBpC,EAAMG,IAAI,EAAeH,EAAMG,IAAI,GAAKsB,GAAAA,SAAO,EAACtB,IAClDC,EAAQJ,EAAMG,IAAI,CAEtB,GACAiC,GAAAA,cAAY,EAAC,KACX,IAAMnB,EAAOT,GAAAA,SAAK,EAACR,EAAM+B,KAAK,EAAI/B,EAAMS,YAAY,CAEhC,MAAK,IAArBT,EAAM+B,KAAK,EAAed,EAAKkB,OAAO,IACxC5B,EAAWU,EAEf,yBAEGoB,SAAO,qEAGAlC,kBACQa,mBACThB,EAAMsC,GAAG,WACJC,QAAM,2CAEbC,SAAK,oBACExC,EAAMF,IAAI,uBACPQ,uBACHH,cACI2B,aACEd,wBACFhB,EAAMyC,QAAQ,0BACZzC,EAAM0C,UAAU,0BAChB1C,EAAM2C,UAAU,wBAClB3C,EAAMY,QAAQ,yBACbZ,EAAM4C,SAAS,0BACd5C,EAAM6C,UAAU,MAG5B5C,8BAGGN,0CAUKsC,mCAPFT,oCADCJ,wCADIM,0CADR/B,sDAIKM,EAAMiB,QAAQ,GAEXlB,EAAM8C,UAAU,GAChB9C,EAAM+C,UAAU,GAChB/C,EAAMgD,WAAW,mOAHvB1C,IAAUI,MAAM,CAACA,WAShC,EAiEKlB,EAAAA,IAAAA,OACH,SAAS,EACTsB,KAAAA,OAFGtB,EAGH,SAAS,EACTqB,MAAAA,QAJGrB,EAKH,SAAS,EACTuB,KAAAA,OAKFkC,GAAAA,eAAa,EACX,gBACA,CACE,GAAGC,cAAY,CACfnB,MAAO,KAAK,EACZtB,aAAc,KAAK,EACnBS,SAAU,KAAK,EACfc,SAAU,KAAK,EACf7B,KAAM,KAAK,EACXgB,aAAc,KAAK,EACnBrB,KAAM,KAAK,EACXY,OAAQ,KAAK,EACbX,OAAQ,KAAK,EACba,SAAU,KAAK,EACfkC,WAAY,KACZC,WAAY,KAAK,EACjBC,YAAa,KAAK,EAClBP,SAAU,CAAA,EACVC,WAAY,CAAA,EACZC,WAAY,CAAA,EACZC,UAAW,CAAA,EACXC,WAAY,CAAA,CACd,EACA,CAACM,EAAGC,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChB1D,EAAQC,GAAAA,YAAU,EACtB,CACEyC,IAAKe,EAAGf,GAAG,CACXN,SAASuB,CAAW,CAAEC,CAAiB,EACrCH,EAAGI,aAAa,CACd,IAAIC,YAAY,SAAU,CACxBxB,OAAQ,CAACqB,EAAKC,EAAK,AACrB,GAEJ,EACArC,aAAahB,CAAoB,EAC/BkD,EAAGI,aAAa,CACd,IAAIC,YAAY,aAAc,CAC5BxB,OAAQ/B,CACV,GAEJ,CACF,EACAgD,GAMF,MAHAf,GAAAA,cAAY,EAAC,KACXiB,EAAGM,eAAe,CAAC,MACrB,GACOC,GAAAA,iBAAe,EAACnE,EAAYG,EACrC,SAEF,EAAeH"}

package/lib/get-options/index.d.ts

@@ -1,3 +1,3 @@
-import { type BaseOption, type BasicConfig } from '..';
+import { type BaseOption, type BasicConfig } from '../basic-config';
 declare function getOptions<T extends BaseOption = BaseOption>(list?: (T | string | number)[], fieldNames?: BasicConfig['fieldName']): (T & Record<string, unknown>)[];
 export default getOptions;

package/lib/get-options/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return r}});const e=require(".."),r=function r(t,i){return t?t.map((t,n)=>{let{options:s,children:a,label:o,value:u}=Object.assign({},e.FieldName,i);if("object"==typeof t){let e=(void 0===t[o]?t[u]:t[o])||n,c=(void 0===t[u]?e:t[u])||n,b={...t,[o]:e,[u]:c};return Array.isArray(t[a])&&Object.assign(b,{[a]:r(t[a],i)}),Array.isArray(t[s])&&Object.assign(b,{[s]:r(t[s],i)}),b}return{[o]:t,[u]:t}}):[]};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return r}});const e=require("../basic-config"),r=function r(t,i){return t?t.map((t,n)=>{let{options:s,children:a,label:o,value:c}=Object.assign({},e.FieldName,i);if("object"==typeof t){let e=(void 0===t[o]?t[c]:t[o])||n,u=(void 0===t[c]?e:t[c])||n,b={...t,[o]:e,[c]:u};return Array.isArray(t[a])&&Object.assign(b,{[a]:r(t[a],i)}),Array.isArray(t[s])&&Object.assign(b,{[s]:r(t[s],i)}),b}return{[o]:t,[c]:t}}):[]};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../components/get-options/index.ts"],"sourcesContent":["import { type BaseOption, type BasicConfig, FieldName } from '..';\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":["getOptions","list","fieldNames","map","item","i","options","children","label","value","Object","assign","FieldName","_label","_value","_item","Array","isArray"],"mappings":"kGAsCA,+CAAA,qBAtC6D,MAsC7D,EApCA,SAASA,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,EAAGC,WAAS,CAAEV,GAEzE,GAAI,AAAgB,UAAhB,OAAOE,EAAmB,CAC5B,IAAMS,EAAS,AAAC,CAAA,AAAuB,KAAA,IAAhBT,CAAI,CAACI,EAAM,CAAmBJ,CAAI,CAACK,EAAM,CAAGL,CAAI,CAACI,EAAM,AAAD,GAAMH,EAC7ES,EAAS,AAAC,CAAA,AAAuB,KAAA,IAAhBV,CAAI,CAACK,EAAM,CAAmBI,EAAST,CAAI,CAACK,EAAM,AAAD,GAAMJ,EACxEU,EAAQ,CACZ,GAAGX,CAAI,CACP,CAACI,EAAM,CAAEK,EACT,CAACJ,EAAM,CAAEK,CACX,EAYA,OAVIE,MAAMC,OAAO,CAACb,CAAI,CAACG,EAAS,GAC9BG,OAAOC,MAAM,CAACI,EAAO,CACnB,CAACR,EAAS,CAAEP,EAAWI,CAAI,CAACG,EAAS,CAAEL,EACzC,GAEEc,MAAMC,OAAO,CAACb,CAAI,CAACE,EAAQ,GAC7BI,OAAOC,MAAM,CAACI,EAAO,CACnB,CAACT,EAAQ,CAAEN,EAAWI,CAAI,CAACE,EAAQ,CAAEJ,EACvC,GAEKa,CACT,CACA,MAAO,CACL,CAACP,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":["getOptions","list","fieldNames","map","item","i","options","children","label","value","Object","assign","FieldName","_label","_value","_item","Array","isArray"],"mappings":"kGAsCA,+CAAA,qBAtC6D,mBAsC7D,EApCA,SAASA,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,EAAGC,WAAS,CAAEV,GAEzE,GAAI,AAAgB,UAAhB,OAAOE,EAAmB,CAC5B,IAAMS,EAAS,AAAC,CAAA,AAAuB,KAAA,IAAhBT,CAAI,CAACI,EAAM,CAAmBJ,CAAI,CAACK,EAAM,CAAGL,CAAI,CAACI,EAAM,AAAD,GAAMH,EAC7ES,EAAS,AAAC,CAAA,AAAuB,KAAA,IAAhBV,CAAI,CAACK,EAAM,CAAmBI,EAAST,CAAI,CAACK,EAAM,AAAD,GAAMJ,EACxEU,EAAQ,CACZ,GAAGX,CAAI,CACP,CAACI,EAAM,CAAEK,EACT,CAACJ,EAAM,CAAEK,CACX,EAYA,OAVIE,MAAMC,OAAO,CAACb,CAAI,CAACG,EAAS,GAC9BG,OAAOC,MAAM,CAACI,EAAO,CACnB,CAACR,EAAS,CAAEP,EAAWI,CAAI,CAACG,EAAS,CAAEL,EACzC,GAEEc,MAAMC,OAAO,CAACb,CAAI,CAACE,EAAQ,GAC7BI,OAAOC,MAAM,CAACI,EAAO,CACnB,CAACT,EAAQ,CAAEN,EAAWI,CAAI,CAACE,EAAQ,CAAEJ,EACvC,GAEKa,CACT,CACA,MAAO,CACL,CAACP,EAAM,CAAEJ,EACT,CAACK,EAAM,CAAEL,CACX,CACF,GA7BkB,EAAE,AA8BtB"}

package/lib/input-number/index.d.ts

@@ -1,5 +1,4 @@
-import { type InputProps } from '../input';
-import type { CustomElement } from '..';
+import type { CustomElement, InputProps } from '..';
 /** API
  * @since 2.0.0
  */

package/lib/input-number/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/input-number/index.tsx"],"sourcesContent":["import { createComponent, createEffect, createSignal, mergeProps, onCleanup } from 'solid-js';\nimport { passiveSupported } from '@moneko/common';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport Input, { type InputProps, defaultInportProps } from '../input';\nimport type { CustomElement } from '..';\n\nconst style = css`\n  /** 隐藏原生加减控件 */\n  .number[type='number'] {\n    appearance: textfield;\n  }\n\n  .number[type='number']::-webkit-inner-spin-button,\n  .number[type='number']::-webkit-outer-spin-button {\n    appearance: none;\n  }\n`;\n\n/** API\n * @since 2.0.0\n */\nexport interface InputNumberProps extends Omit<InputProps, 'value' | 'defaultValue' | 'onChange'> {\n  /** 值 */\n  value?: number;\n  /** 默认值\n   * @default 0\n   */\n  defaultValue?: number;\n  /** 最小值\n   * @default Number.MIN_SAFE_INTEGER\n   */\n  min?: number;\n  /** 最大值\n   * @default Number.MAX_SAFE_INTEGER\n   */\n  max?: number;\n  /** 值变更时触发的函数 */\n  onChange?: (value?: number) => void;\n  /** 每次改变步数，可以为小数\n   * @default 1\n   */\n  step?: number;\n  /** 数值精度\n   * @default 2\n   */\n  precision?: number;\n}\nexport type InputNumberElement = CustomElement<InputNumberProps>;\n\nfunction InputNumber(props: InputNumberProps) {\n  const [move, setMove] = createSignal(false);\n\n  function onMouseDown(e: MouseEvent) {\n    e.stopPropagation();\n    setMove(true);\n  }\n  function onKeyDown(e: KeyboardEvent) {\n    switch (e.key) {\n      case 'ArrowUp':\n        // eslint-disable-next-line @typescript-eslint/no-use-before-define\n        mouseMove({ movementX: 0, movementY: -1 });\n        break;\n      case 'ArrowDown':\n        // eslint-disable-next-line @typescript-eslint/no-use-before-define\n        mouseMove({ movementX: 0, movementY: 1 });\n        break;\n      default:\n        break;\n    }\n  }\n  function mouseUp() {\n    setMove(false);\n  }\n  const _ = mergeProps(\n    {\n      size: 'normal',\n      value: '',\n      defaultValue: 0,\n      type: 'text',\n      onKeyDown: onKeyDown,\n      onMouseDown: onMouseDown,\n      step: 1,\n      precision: 2,\n      max: Number.MAX_SAFE_INTEGER,\n      min: Number.MIN_SAFE_INTEGER,\n    },\n    props,\n  );\n\n  function change(val?: string | number) {\n    let _val = typeof val === 'string' ? parseFloat(val) : val;\n\n    if (isNaN(_val as number)) {\n      _val = '' as unknown as number;\n    }\n    if (typeof _val !== 'undefined') {\n      if (_val < (_.min as number)) _val = _.min;\n      if ((_val as number) > (_.max as number)) _val = _.max;\n    }\n    props.onChange?.(_val);\n  }\n\n  function mouseMove(e: { movementX: number; movementY: number }) {\n    const { movementX, movementY } = e;\n    const _val = _.value;\n    const val = typeof _val === 'number' && !isNaN(_val) ? _val : Number(_val) || 0;\n\n    change(Number(Number(val + (movementX - movementY) * (_.step as number)).toFixed(_.precision)));\n  }\n\n  createEffect(() => {\n    if (move()) {\n      document.body.addEventListener('mousemove', mouseMove, {\n        passive: passiveSupported,\n      });\n      document.body.addEventListener('mouseup', mouseUp, {\n        passive: passiveSupported,\n      });\n    }\n    onCleanup(() => {\n      document.body.removeEventListener('mousemove', mouseMove, false);\n      document.body.removeEventListener('mouseup', mouseUp, passiveSupported);\n    });\n  });\n\n  return (\n    <Input\n      {...(_ as InputProps)}\n      class={cx('number', props.class)}\n      onChange={change}\n      css={style + (props.css || '')}\n    />\n  );\n}\n\ncustomElement<InputNumberProps>(\n  'n-input-number',\n  {\n    ...defaultInportProps,\n    defaultValue: void 0,\n    max: void 0,\n    min: void 0,\n    onChange: void 0,\n    step: void 0,\n    precision: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        onChange(val?: number | string) {\n          el.value = val;\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: val,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    return createComponent(InputNumber, props);\n  },\n);\n\nexport default InputNumber;\n"],"names":["style","css","InputNumber","props","move","setMove","createSignal","mouseUp","_","mergeProps","size","value","defaultValue","type","onKeyDown","e","key","mouseMove","movementX","movementY","onMouseDown","stopPropagation","step","precision","max","Number","MAX_SAFE_INTEGER","min","MIN_SAFE_INTEGER","change","val","_val","parseFloat","isNaN","onChange","toFixed","createEffect","document","body","addEventListener","passive","passiveSupported","onCleanup","removeEventListener","Input","cx","class","customElement","defaultInportProps","opt","el","element","dispatchEvent","CustomEvent","detail","createComponent"],"mappings":"kGAuKA,+CAAA,0JAvKmF,uCAClD,kDACT,yBACM,4CAC6B,aAGrDA,EAAQC,GAAAA,KAAG,CAAA,CAAC;;;;;;;;;;AAUlB,CAAC,CAiCD,SAASC,EAAYC,CAAuB,EAC1C,GAAM,CAACC,EAAMC,EAAQ,CAAGC,GAAAA,cAAY,EAAC,CAAA,GAoBrC,SAASC,IACPF,EAAQ,CAAA,EACV,CACA,IAAMG,EAAIC,GAAAA,YAAU,EAClB,CACEC,KAAM,SACNC,MAAO,GACPC,aAAc,EACdC,KAAM,OACNC,UAvBJ,SAAmBC,CAAgB,EACjC,OAAQA,EAAEC,GAAG,EACX,IAAK,UACH,mEAAmE;AACnEC,EAAU,CAAEC,UAAW,EAAGC,UAAW,EAAG,GACxC,KACF,KAAK,YACH,mEAAmE;AACnEF,EAAU,CAAEC,UAAW,EAAGC,UAAW,CAAE,EAI3C,CACF,EAWIC,YA5BJ,SAAqBL,CAAa,EAChCA,EAAEM,eAAe,GACjBhB,EAAQ,CAAA,EACV,EA0BIiB,KAAM,EACNC,UAAW,EACXC,IAAKC,OAAOC,gBAAgB,CAC5BC,IAAKF,OAAOG,gBAAgB,AAC9B,EACAzB,GAGF,SAAS0B,EAAOC,CAAqB,EACnC,IAAIC,EAAO,AAAe,UAAf,OAAOD,EAAmBE,WAAWF,GAAOA,EAEnDG,MAAMF,IACRA,CAAAA,EAAO,EAAsB,EAEX,KAAA,IAATA,IACLA,EAAQvB,EAAEmB,GAAG,EAAaI,CAAAA,EAAOvB,EAAEmB,GAAG,AAAD,EACpCI,EAAmBvB,EAAEgB,GAAG,EAAaO,CAAAA,EAAOvB,EAAEgB,GAAG,AAAD,GAEvDrB,EAAM+B,QAAQ,GAAGH,EACnB,CAEA,SAASd,EAAUF,CAA2C,EAC5D,GAAM,CAAEG,UAAAA,CAAS,CAAEC,UAAAA,CAAS,CAAE,CAAGJ,EAC3BgB,EAAOvB,EAAEG,KAAK,CACdmB,EAAM,AAAgB,UAAhB,OAAOC,GAAsBE,MAAMF,GAAeN,OAAOM,IAAS,EAAvBA,EAEvDF,EAAOJ,OAAOA,OAAOK,EAAM,AAACZ,CAAAA,EAAYC,CAAQ,EAAMX,EAAEc,IAAI,EAAaa,OAAO,CAAC3B,EAAEe,SAAS,GAC9F,CAiBA,MAfAa,GAAAA,cAAY,EAAC,KACPhC,MACFiC,SAASC,IAAI,CAACC,gBAAgB,CAAC,YAAatB,EAAW,CACrDuB,QAASC,SAAgB,AAC3B,GACAJ,SAASC,IAAI,CAACC,gBAAgB,CAAC,UAAWhC,EAAS,CACjDiC,QAASC,SAAgB,AAC3B,IAEFC,GAAAA,WAAS,EAAC,KACRL,SAASC,IAAI,CAACK,mBAAmB,CAAC,YAAa1B,EAAW,CAAA,GAC1DoB,SAASC,IAAI,CAACK,mBAAmB,CAAC,UAAWpC,EAASkC,SAAgB,CACxE,EACF,yBAGGG,SAAK,kBACCpC,qBACEqC,GAAAA,IAAE,EAAC,SAAU1C,EAAM2C,KAAK,YACrBjB,mBACL7B,EAASG,CAAAA,EAAMF,GAAG,EAAI,EAAC,KAGlC,CAEA8C,GAAAA,eAAa,EACX,iBACA,CACE,GAAGC,oBAAkB,CACrBpC,aAAc,KAAK,EACnBY,IAAK,KAAK,EACVG,IAAK,KAAK,EACVO,SAAU,KAAK,EACfZ,KAAM,KAAK,EACXC,UAAW,KAAK,CAClB,EACA,CAACf,EAAGyC,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChBhD,EAAQM,GAAAA,YAAU,EACtB,CACEyB,SAASJ,CAAqB,EAC5BoB,EAAGvC,KAAK,CAAGmB,EACXoB,EAAGE,aAAa,CACd,IAAIC,YAAY,SAAU,CACxBC,OAAQxB,CACV,GAEJ,CACF,EACAtB,GAGF,MAAO+C,GAAAA,iBAAe,EAACrD,EAAaC,EACtC,SAGF,EAAeD"}
+{"version":3,"sources":["../../components/input-number/index.tsx"],"sourcesContent":["import { createComponent, createEffect, createSignal, mergeProps, onCleanup } from 'solid-js';\nimport { passiveSupported } from '@moneko/common';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport Input, { defaultInportProps } from '../input';\nimport type { CustomElement, InputProps } from '..';\n\nconst style = css`\n  /** 隐藏原生加减控件 */\n  .number[type='number'] {\n    appearance: textfield;\n  }\n\n  .number[type='number']::-webkit-inner-spin-button,\n  .number[type='number']::-webkit-outer-spin-button {\n    appearance: none;\n  }\n`;\n\n/** API\n * @since 2.0.0\n */\nexport interface InputNumberProps extends Omit<InputProps, 'value' | 'defaultValue' | 'onChange'> {\n  /** 值 */\n  value?: number;\n  /** 默认值\n   * @default 0\n   */\n  defaultValue?: number;\n  /** 最小值\n   * @default Number.MIN_SAFE_INTEGER\n   */\n  min?: number;\n  /** 最大值\n   * @default Number.MAX_SAFE_INTEGER\n   */\n  max?: number;\n  /** 值变更时触发的函数 */\n  onChange?: (value?: number) => void;\n  /** 每次改变步数，可以为小数\n   * @default 1\n   */\n  step?: number;\n  /** 数值精度\n   * @default 2\n   */\n  precision?: number;\n}\nexport type InputNumberElement = CustomElement<InputNumberProps>;\n\nfunction InputNumber(props: InputNumberProps) {\n  const [move, setMove] = createSignal(false);\n\n  function onMouseDown(e: MouseEvent) {\n    e.stopPropagation();\n    setMove(true);\n  }\n  function onKeyDown(e: KeyboardEvent) {\n    switch (e.key) {\n      case 'ArrowUp':\n        // eslint-disable-next-line @typescript-eslint/no-use-before-define\n        mouseMove({ movementX: 0, movementY: -1 });\n        break;\n      case 'ArrowDown':\n        // eslint-disable-next-line @typescript-eslint/no-use-before-define\n        mouseMove({ movementX: 0, movementY: 1 });\n        break;\n      default:\n        break;\n    }\n  }\n  function mouseUp() {\n    setMove(false);\n  }\n  const _ = mergeProps(\n    {\n      size: 'normal',\n      value: '',\n      defaultValue: 0,\n      type: 'text',\n      onKeyDown: onKeyDown,\n      onMouseDown: onMouseDown,\n      step: 1,\n      precision: 2,\n      max: Number.MAX_SAFE_INTEGER,\n      min: Number.MIN_SAFE_INTEGER,\n    },\n    props,\n  );\n\n  function change(val?: string | number) {\n    let _val = typeof val === 'string' ? parseFloat(val) : val;\n\n    if (isNaN(_val as number)) {\n      _val = '' as unknown as number;\n    }\n    if (typeof _val !== 'undefined') {\n      if (_val < (_.min as number)) _val = _.min;\n      if ((_val as number) > (_.max as number)) _val = _.max;\n    }\n    props.onChange?.(_val);\n  }\n\n  function mouseMove(e: { movementX: number; movementY: number }) {\n    const { movementX, movementY } = e;\n    const _val = _.value;\n    const val = typeof _val === 'number' && !isNaN(_val) ? _val : Number(_val) || 0;\n\n    change(Number(Number(val + (movementX - movementY) * (_.step as number)).toFixed(_.precision)));\n  }\n\n  createEffect(() => {\n    if (move()) {\n      document.body.addEventListener('mousemove', mouseMove, {\n        passive: passiveSupported,\n      });\n      document.body.addEventListener('mouseup', mouseUp, {\n        passive: passiveSupported,\n      });\n    }\n    onCleanup(() => {\n      document.body.removeEventListener('mousemove', mouseMove, false);\n      document.body.removeEventListener('mouseup', mouseUp, passiveSupported);\n    });\n  });\n\n  return (\n    <Input\n      {...(_ as InputProps)}\n      class={cx('number', props.class)}\n      onChange={change}\n      css={style + (props.css || '')}\n    />\n  );\n}\n\ncustomElement<InputNumberProps>(\n  'n-input-number',\n  {\n    ...defaultInportProps,\n    defaultValue: void 0,\n    max: void 0,\n    min: void 0,\n    onChange: void 0,\n    step: void 0,\n    precision: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        onChange(val?: number | string) {\n          el.value = val;\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: val,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    return createComponent(InputNumber, props);\n  },\n);\n\nexport default InputNumber;\n"],"names":["style","css","InputNumber","props","move","setMove","createSignal","mouseUp","_","mergeProps","size","value","defaultValue","type","onKeyDown","e","key","mouseMove","movementX","movementY","onMouseDown","stopPropagation","step","precision","max","Number","MAX_SAFE_INTEGER","min","MIN_SAFE_INTEGER","change","val","_val","parseFloat","isNaN","onChange","toFixed","createEffect","document","body","addEventListener","passive","passiveSupported","onCleanup","removeEventListener","Input","cx","class","customElement","defaultInportProps","opt","el","element","dispatchEvent","CustomEvent","detail","createComponent"],"mappings":"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"}

package/lib/menu/index.d.ts

@@ -1,6 +1,5 @@
 import { type JSXElement } from 'solid-js';
-import { type BaseOption, type BasicConfig } from '../basic-config';
-import type { CustomElement } from '..';
+import type { BaseOption, BasicConfig, CustomElement } from '..';
 declare function Menu(props: MenuProps | MenuMultipleProps): import("solid-js").JSX.Element;
 export interface BaseMenuProps {
     /** 自定义类名 */

package/lib/menu/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/menu/index.tsx"],"sourcesContent":["import {\n  For,\n  type JSXElement,\n  Match,\n  Show,\n  Switch,\n  createComponent,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  splitProps,\n  untrack,\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 { type BaseOption, type BasicConfig, FieldName } from '../basic-config';\nimport getOptions from '../get-options';\nimport theme from '../theme';\nimport type { CustomElement } from '..';\n\nfunction Menu(props: MenuProps | MenuMultipleProps) {\n  let ref: HTMLDivElement | undefined;\n  const { isDark, baseStyle } = theme;\n  const [local, other] = splitProps(props, [\n    'class',\n    'css',\n    'items',\n    'fieldNames',\n    'value',\n    'disabled',\n    'toggle',\n    'multiple',\n    'onChange',\n    'onOpenChange',\n    'openKeys',\n  ]);\n  const [value, setValue] = createSignal<(string | number)[]>([]);\n  const [openKeys, setOpenKeys] = createSignal<(string | number)[]>([]);\n  const cssVar = createMemo(\n    () => `:host {--sub-menu-bg: ${isDark() ? 'rgb(255 255 255 / 1%)' : 'rgb(0 0 0 / 1%)'} ;}`,\n  );\n  const fieldNames = createMemo(() => Object.assign({}, FieldName, local.fieldNames));\n  const options = createMemo(() => getOptions(local.items, fieldNames()));\n\n  function preventDefault(e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  function change(item: MenuOption, e: MouseEvent) {\n    e.preventDefault();\n    if (!item.disabled && !local.disabled) {\n      let _value = [...value()];\n      const key = item[fieldNames().value]!;\n\n      if (local.multiple) {\n        const idx = _value.indexOf(key);\n\n        if (idx === -1) {\n          _value.push(key);\n        } else {\n          _value.splice(idx, 1);\n        }\n      } else if (local.toggle && _value[0] === key) {\n        _value = [];\n      } else {\n        _value = [key];\n      }\n      if (isFunction(local.onChange)) {\n        local.onChange((local.multiple ? _value : _value[0]) as never, item);\n      }\n      if (typeof local.value === 'undefined') {\n        setValue(_value);\n      }\n    }\n  }\n\n  interface RenderMenuProps {\n    list: MenuOption[];\n    fieldNames: { [key in keyof typeof FieldName]: string };\n  }\n  function RenderMenu(_: RenderMenuProps) {\n    return (\n      <For each={_.list}>\n        {(item) => {\n          function RowTitle() {\n            return (\n              <>\n                <Show when={item[_.fieldNames.icon]}>\n                  <span class=\"menu-icon\" part=\"icon\">\n                    {item[_.fieldNames.icon]}\n                  </span>\n                </Show>\n                {item[_.fieldNames.label]}\n                <span class=\"menu-suffix\" part=\"suffix\">\n                  {item[_.fieldNames.suffix]}\n                </span>\n              </>\n            );\n          }\n\n          function SubMenu() {\n            const isOpen = createMemo(() => openKeys().includes(item[_.fieldNames.value]!));\n            const [show, setShow] = createSignal<boolean>(untrack(isOpen));\n\n            createEffect(() => {\n              if (isOpen()) {\n                setShow(true);\n              }\n            });\n            function handleOpen(e: MouseEvent) {\n              preventDefault(e);\n              let _openKeys = openKeys();\n\n              if (_openKeys.includes(item[_.fieldNames.value]!)) {\n                _openKeys = _openKeys.filter((v) => v !== item[_.fieldNames.value]);\n              } else {\n                _openKeys = _openKeys.concat(item[_.fieldNames.value]!);\n              }\n\n              if (isFunction(local.onOpenChange)) {\n                local.onOpenChange(_openKeys);\n              }\n              if (local.openKeys === void 0) {\n                setOpenKeys(_openKeys);\n              }\n            }\n            function Child() {\n              let el: HTMLDivElement | undefined;\n              const [hei, setHei] = createSignal();\n\n              createEffect(() => {\n                setHei(el?.offsetHeight || 0);\n              });\n              function onAnimationEnd() {\n                if (!isOpen()) {\n                  setShow(false);\n                }\n              }\n              return (\n                <div\n                  class=\"sub-menu-children\"\n                  part=\"sub-menu-children\"\n                  style={{\n                    '--h': `${hei()}px`,\n                  }}\n                  onAnimationEnd={onAnimationEnd}\n                >\n                  <div ref={el}>\n                    <RenderMenu fieldNames={_.fieldNames} list={item[_.fieldNames.children]!} />\n                  </div>\n                </div>\n              );\n            }\n\n            return (\n              <div\n                class={cx('sub-menu', item.class, `sub-menu-${isOpen() ? 'open' : 'close'}`)}\n                part=\"sub-menu\"\n                onMouseDown={preventDefault}\n              >\n                <span class=\"sub-menu-title\" onClick={handleOpen}>\n                  <RowTitle />\n                  <span class=\"menu-arrow\" />\n                </span>\n                <Show when={show()}>\n                  <Child />\n                </Show>\n              </div>\n            );\n          }\n          return (\n            <Switch\n              fallback={\n                <div\n                  class={cx('menu-item', item.class, item.type)}\n                  part=\"item\"\n                  handle-closed={item.handleClosed}\n                  aria-disabled={local.disabled || item.disabled}\n                  aria-selected={value().includes(item[_.fieldNames.value]!)}\n                  onMouseDown={preventDefault}\n                  onClick={change.bind(null, item)}\n                >\n                  <RowTitle />\n                </div>\n              }\n            >\n              <Match when={Array.isArray(item[_.fieldNames.children])}>\n                <SubMenu />\n              </Match>\n              <Match when={Array.isArray(item[_.fieldNames.options])}>\n                <div class={cx('menu-group', item.class)} onMouseDown={preventDefault}>\n                  <span class=\"menu-group-title\">\n                    <RowTitle />\n                  </span>\n                  <RenderMenu fieldNames={_.fieldNames} list={item[_.fieldNames.options]!} />\n                </div>\n              </Match>\n            </Switch>\n          );\n        }}\n      </For>\n    );\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 (Array.isArray(local.openKeys)) {\n      setOpenKeys(local.openKeys);\n    }\n  });\n\n  createEffect(() => {\n    let timer: NodeJS.Timeout | undefined;\n\n    if (value()?.length) {\n      timer = setTimeout(() => {\n        clearTimeout(timer);\n        const el = ref?.querySelector<HTMLElement>('[aria-selected=true]');\n\n        if (el && ref) {\n          const next = el.offsetTop - ref.offsetTop;\n\n          if (next < ref.scrollTop) {\n            ref.scrollTo({\n              top: next,\n              behavior: 'smooth',\n            });\n          } else if (\n            el.offsetTop + el.offsetHeight >\n            ref.scrollTop + ref.offsetHeight + ref.offsetTop\n          ) {\n            ref.scrollTo({\n              top: next - ref.offsetHeight + el.offsetHeight,\n              behavior: 'smooth',\n            });\n          }\n        }\n      }, 32);\n    }\n\n    onCleanup(() => {\n      clearTimeout(timer);\n    });\n  });\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {cssVar()}\n        {css(local.css)}\n      </style>\n      <section ref={ref} class=\"menu\" part=\"menu\" {...other}>\n        <RenderMenu fieldNames={fieldNames()} list={options()} />\n      </section>\n    </>\n  );\n}\n\nexport interface BaseMenuProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 菜单展开的keys */\n  openKeys?: (string | number)[];\n  /** 菜单展开时触发的方法 */\n  onOpenChange?: (keys: (string | number)[]) => void;\n  /** 选项数据 */\n  items?: (string | MenuOption)[];\n  /** 自定义节点 'label'、'value'、'options' 的字段 */\n  fieldNames?: BasicConfig['fieldName'];\n  /** 不可用状态 */\n  disabled?: boolean;\n  /** 可以取消 */\n  toggle?: boolean;\n}\n\nexport interface MenuProps extends BaseMenuProps {\n  /** 值修改时的回调方法 */\n  onChange?(val: string | number, item: MenuOption): void;\n  /** 值 */\n  value?: string | number;\n  /** 默认值 */\n  defaultValue?: string | number;\n  /** 可多选\n   * @default false\n   */\n  multiple?: false | never;\n}\n\nexport interface MenuMultipleProps extends BaseMenuProps {\n  /** 可多选\n   * @default true\n   */\n  multiple: true;\n  /** 值修改时的回调方法 */\n  onChange?(val: (string | number)[], item: MenuOption): void;\n  /** 值 */\n  value?: (string | number)[];\n  /** 默认值 */\n  defaultValue?: (string | number)[];\n}\n\n/** 菜单选项 */\nexport interface MenuOption extends Omit<BaseOption, 'children' | 'options'> {\n  /** 图标 */\n  icon?: JSXElement;\n  /** 内置类型(状态) */\n  type?: 'primary' | 'success' | 'error' | 'warning';\n  /** 自定义颜色 */\n  color?: string;\n  /** 子菜单 */\n  children?: (string | MenuOption)[];\n  /** 分组子选项 */\n  options?: (string | MenuOption)[];\n}\n\nexport type MenuElement = CustomElement<MenuProps, 'onChange' | 'onOpenChange'>;\nexport type MenuMultipleElement = CustomElement<MenuMultipleProps, 'onChange' | 'onOpenChange'>;\n\ncustomElement<MenuProps>(\n  'n-menu',\n  {\n    class: void 0,\n    css: void 0,\n    disabled: void 0,\n    value: void 0,\n    defaultValue: void 0,\n    onOpenChange: void 0,\n    openKeys: void 0,\n    fieldNames: void 0,\n    multiple: void 0,\n    toggle: void 0,\n    onChange: void 0,\n    items: [],\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const defaultProps: Partial<MenuProps> = {\n      css: el.css,\n      onChange(key, item) {\n        el.dispatchEvent(\n          new CustomEvent('change', {\n            detail: [key, item],\n          }),\n        );\n      },\n      onOpenChange(keys) {\n        el.dispatchEvent(\n          new CustomEvent('openchange', {\n            detail: keys,\n          }),\n        );\n      },\n    };\n    const props = mergeProps(defaultProps, _);\n\n    createEffect(() => {\n      el.removeAttribute('items');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return createComponent(Menu, props);\n  },\n);\n\nexport default Menu;\n"],"names":["Menu","props","ref","isDark","baseStyle","theme","local","other","splitProps","value","setValue","createSignal","openKeys","setOpenKeys","cssVar","createMemo","fieldNames","Object","assign","FieldName","options","getOptions","items","preventDefault","e","stopPropagation","change","item","disabled","_value","key","multiple","idx","indexOf","push","splice","toggle","isFunction","onChange","RenderMenu","_","For","list","RowTitle","Show","icon","label","suffix","SubMenu","isOpen","includes","show","setShow","untrack","handleOpen","_openKeys","filter","v","concat","onOpenChange","Child","el","hei","setHei","onAnimationEnd","createEffect","offsetHeight","children","cx","class","Switch","bind","type","handleClosed","Match","Array","isArray","timer","length","setTimeout","clearTimeout","querySelector","next","offsetTop","scrollTop","scrollTo","top","behavior","onCleanup","style","css","customElement","defaultValue","opt","element","defaultProps","dispatchEvent","CustomEvent","detail","keys","mergeProps","removeAttribute","createComponent"],"mappings":"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"}
+{"version":3,"sources":["../../components/menu/index.tsx"],"sourcesContent":["import {\n  For,\n  type JSXElement,\n  Match,\n  Show,\n  Switch,\n  createComponent,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  splitProps,\n  untrack,\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 { FieldName } from '../basic-config';\nimport getOptions from '../get-options';\nimport theme from '../theme';\nimport type { BaseOption, BasicConfig, CustomElement } from '..';\n\nfunction Menu(props: MenuProps | MenuMultipleProps) {\n  let ref: HTMLDivElement | undefined;\n  const { isDark, baseStyle } = theme;\n  const [local, other] = splitProps(props, [\n    'class',\n    'css',\n    'items',\n    'fieldNames',\n    'value',\n    'disabled',\n    'toggle',\n    'multiple',\n    'onChange',\n    'onOpenChange',\n    'openKeys',\n  ]);\n  const [value, setValue] = createSignal<(string | number)[]>([]);\n  const [openKeys, setOpenKeys] = createSignal<(string | number)[]>([]);\n  const cssVar = createMemo(\n    () => `:host {--sub-menu-bg: ${isDark() ? 'rgb(255 255 255 / 1%)' : 'rgb(0 0 0 / 1%)'} ;}`,\n  );\n  const fieldNames = createMemo(() => Object.assign({}, FieldName, local.fieldNames));\n  const options = createMemo(() => getOptions(local.items, fieldNames()));\n\n  function preventDefault(e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  function change(item: MenuOption, e: MouseEvent) {\n    e.preventDefault();\n    if (!item.disabled && !local.disabled) {\n      let _value = [...value()];\n      const key = item[fieldNames().value]!;\n\n      if (local.multiple) {\n        const idx = _value.indexOf(key);\n\n        if (idx === -1) {\n          _value.push(key);\n        } else {\n          _value.splice(idx, 1);\n        }\n      } else if (local.toggle && _value[0] === key) {\n        _value = [];\n      } else {\n        _value = [key];\n      }\n      if (isFunction(local.onChange)) {\n        local.onChange((local.multiple ? _value : _value[0]) as never, item);\n      }\n      if (typeof local.value === 'undefined') {\n        setValue(_value);\n      }\n    }\n  }\n\n  interface RenderMenuProps {\n    list: MenuOption[];\n    fieldNames: { [key in keyof typeof FieldName]: string };\n  }\n  function RenderMenu(_: RenderMenuProps) {\n    return (\n      <For each={_.list}>\n        {(item) => {\n          function RowTitle() {\n            return (\n              <>\n                <Show when={item[_.fieldNames.icon]}>\n                  <span class=\"menu-icon\" part=\"icon\">\n                    {item[_.fieldNames.icon]}\n                  </span>\n                </Show>\n                {item[_.fieldNames.label]}\n                <span class=\"menu-suffix\" part=\"suffix\">\n                  {item[_.fieldNames.suffix]}\n                </span>\n              </>\n            );\n          }\n\n          function SubMenu() {\n            const isOpen = createMemo(() => openKeys().includes(item[_.fieldNames.value]!));\n            const [show, setShow] = createSignal<boolean>(untrack(isOpen));\n\n            createEffect(() => {\n              if (isOpen()) {\n                setShow(true);\n              }\n            });\n            function handleOpen(e: MouseEvent) {\n              preventDefault(e);\n              let _openKeys = openKeys();\n\n              if (_openKeys.includes(item[_.fieldNames.value]!)) {\n                _openKeys = _openKeys.filter((v) => v !== item[_.fieldNames.value]);\n              } else {\n                _openKeys = _openKeys.concat(item[_.fieldNames.value]!);\n              }\n\n              if (isFunction(local.onOpenChange)) {\n                local.onOpenChange(_openKeys);\n              }\n              if (local.openKeys === void 0) {\n                setOpenKeys(_openKeys);\n              }\n            }\n            function Child() {\n              let el: HTMLDivElement | undefined;\n              const [hei, setHei] = createSignal();\n\n              createEffect(() => {\n                setHei(el?.offsetHeight || 0);\n              });\n              function onAnimationEnd() {\n                if (!isOpen()) {\n                  setShow(false);\n                }\n              }\n              return (\n                <div\n                  class=\"sub-menu-children\"\n                  part=\"sub-menu-children\"\n                  style={{\n                    '--h': `${hei()}px`,\n                  }}\n                  onAnimationEnd={onAnimationEnd}\n                >\n                  <div ref={el}>\n                    <RenderMenu fieldNames={_.fieldNames} list={item[_.fieldNames.children]!} />\n                  </div>\n                </div>\n              );\n            }\n\n            return (\n              <div\n                class={cx('sub-menu', item.class, `sub-menu-${isOpen() ? 'open' : 'close'}`)}\n                part=\"sub-menu\"\n                onMouseDown={preventDefault}\n              >\n                <span class=\"sub-menu-title\" onClick={handleOpen}>\n                  <RowTitle />\n                  <span class=\"menu-arrow\" />\n                </span>\n                <Show when={show()}>\n                  <Child />\n                </Show>\n              </div>\n            );\n          }\n          return (\n            <Switch\n              fallback={\n                <div\n                  class={cx('menu-item', item.class, item.type)}\n                  part=\"item\"\n                  handle-closed={item.handleClosed}\n                  aria-disabled={local.disabled || item.disabled}\n                  aria-selected={value().includes(item[_.fieldNames.value]!)}\n                  onMouseDown={preventDefault}\n                  onClick={change.bind(null, item)}\n                >\n                  <RowTitle />\n                </div>\n              }\n            >\n              <Match when={Array.isArray(item[_.fieldNames.children])}>\n                <SubMenu />\n              </Match>\n              <Match when={Array.isArray(item[_.fieldNames.options])}>\n                <div class={cx('menu-group', item.class)} onMouseDown={preventDefault}>\n                  <span class=\"menu-group-title\">\n                    <RowTitle />\n                  </span>\n                  <RenderMenu fieldNames={_.fieldNames} list={item[_.fieldNames.options]!} />\n                </div>\n              </Match>\n            </Switch>\n          );\n        }}\n      </For>\n    );\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 (Array.isArray(local.openKeys)) {\n      setOpenKeys(local.openKeys);\n    }\n  });\n\n  createEffect(() => {\n    let timer: NodeJS.Timeout | undefined;\n\n    if (value()?.length) {\n      timer = setTimeout(() => {\n        clearTimeout(timer);\n        const el = ref?.querySelector<HTMLElement>('[aria-selected=true]');\n\n        if (el && ref) {\n          const next = el.offsetTop - ref.offsetTop;\n\n          if (next < ref.scrollTop) {\n            ref.scrollTo({\n              top: next,\n              behavior: 'smooth',\n            });\n          } else if (\n            el.offsetTop + el.offsetHeight >\n            ref.scrollTop + ref.offsetHeight + ref.offsetTop\n          ) {\n            ref.scrollTo({\n              top: next - ref.offsetHeight + el.offsetHeight,\n              behavior: 'smooth',\n            });\n          }\n        }\n      }, 32);\n    }\n\n    onCleanup(() => {\n      clearTimeout(timer);\n    });\n  });\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {cssVar()}\n        {css(local.css)}\n      </style>\n      <section ref={ref} class=\"menu\" part=\"menu\" {...other}>\n        <RenderMenu fieldNames={fieldNames()} list={options()} />\n      </section>\n    </>\n  );\n}\n\nexport interface BaseMenuProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 菜单展开的keys */\n  openKeys?: (string | number)[];\n  /** 菜单展开时触发的方法 */\n  onOpenChange?: (keys: (string | number)[]) => void;\n  /** 选项数据 */\n  items?: (string | MenuOption)[];\n  /** 自定义节点 'label'、'value'、'options' 的字段 */\n  fieldNames?: BasicConfig['fieldName'];\n  /** 不可用状态 */\n  disabled?: boolean;\n  /** 可以取消 */\n  toggle?: boolean;\n}\n\nexport interface MenuProps extends BaseMenuProps {\n  /** 值修改时的回调方法 */\n  onChange?(val: string | number, item: MenuOption): void;\n  /** 值 */\n  value?: string | number;\n  /** 默认值 */\n  defaultValue?: string | number;\n  /** 可多选\n   * @default false\n   */\n  multiple?: false | never;\n}\n\nexport interface MenuMultipleProps extends BaseMenuProps {\n  /** 可多选\n   * @default true\n   */\n  multiple: true;\n  /** 值修改时的回调方法 */\n  onChange?(val: (string | number)[], item: MenuOption): void;\n  /** 值 */\n  value?: (string | number)[];\n  /** 默认值 */\n  defaultValue?: (string | number)[];\n}\n\n/** 菜单选项 */\nexport interface MenuOption extends Omit<BaseOption, 'children' | 'options'> {\n  /** 图标 */\n  icon?: JSXElement;\n  /** 内置类型(状态) */\n  type?: 'primary' | 'success' | 'error' | 'warning';\n  /** 自定义颜色 */\n  color?: string;\n  /** 子菜单 */\n  children?: (string | MenuOption)[];\n  /** 分组子选项 */\n  options?: (string | MenuOption)[];\n}\n\nexport type MenuElement = CustomElement<MenuProps, 'onChange' | 'onOpenChange'>;\nexport type MenuMultipleElement = CustomElement<MenuMultipleProps, 'onChange' | 'onOpenChange'>;\n\ncustomElement<MenuProps>(\n  'n-menu',\n  {\n    class: void 0,\n    css: void 0,\n    disabled: void 0,\n    value: void 0,\n    defaultValue: void 0,\n    onOpenChange: void 0,\n    openKeys: void 0,\n    fieldNames: void 0,\n    multiple: void 0,\n    toggle: void 0,\n    onChange: void 0,\n    items: [],\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const defaultProps: Partial<MenuProps> = {\n      css: el.css,\n      onChange(key, item) {\n        el.dispatchEvent(\n          new CustomEvent('change', {\n            detail: [key, item],\n          }),\n        );\n      },\n      onOpenChange(keys) {\n        el.dispatchEvent(\n          new CustomEvent('openchange', {\n            detail: keys,\n          }),\n        );\n      },\n    };\n    const props = mergeProps(defaultProps, _);\n\n    createEffect(() => {\n      el.removeAttribute('items');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return createComponent(Menu, props);\n  },\n);\n\nexport default Menu;\n"],"names":["Menu","props","ref","isDark","baseStyle","theme","local","other","splitProps","value","setValue","createSignal","openKeys","setOpenKeys","cssVar","createMemo","fieldNames","Object","assign","FieldName","options","getOptions","items","preventDefault","e","stopPropagation","change","item","disabled","_value","key","multiple","idx","indexOf","push","splice","toggle","isFunction","onChange","RenderMenu","_","For","list","RowTitle","Show","icon","label","suffix","SubMenu","isOpen","includes","show","setShow","untrack","handleOpen","_openKeys","filter","v","concat","onOpenChange","Child","el","hei","setHei","onAnimationEnd","createEffect","offsetHeight","children","cx","class","Switch","bind","type","handleClosed","Match","Array","isArray","timer","length","setTimeout","clearTimeout","querySelector","next","offsetTop","scrollTop","scrollTo","top","behavior","onCleanup","style","css","customElement","defaultValue","opt","element","defaultProps","dispatchEvent","CustomEvent","detail","keys","mergeProps","removeAttribute","createComponent"],"mappings":"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"}

package/lib/radio/index.d.ts

@@ -1,5 +1,4 @@
-import { type BaseOption, type BasicConfig } from '../basic-config';
-import type { CustomElement } from '..';
+import type { BaseOption, BasicConfig, CustomElement } from '..';
 export interface RadioOption extends Omit<BaseOption, 'icon'> {
     /** 值 */
     value?: string;

package/lib/radio/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/radio/index.tsx"],"sourcesContent":["import { For, createComponent, createEffect, createMemo, createSignal, mergeProps } from 'solid-js';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { style } from './style';\nimport { type BaseOption, type BasicConfig, FieldName } from '../basic-config';\nimport getOptions from '../get-options';\nimport theme from '../theme';\nimport type { CustomElement } from '..';\n\nexport interface RadioOption extends Omit<BaseOption, 'icon'> {\n  /** 值 */\n  value?: string;\n}\n\nexport interface RadioProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** input[type=\"radio\"] 的 name 属性 */\n  name?: string;\n  /** 只读 */\n  disabled?: boolean;\n  /** 值 */\n  value?: string;\n  /** 默认值 */\n  defaultValue?: string;\n  /** 选项数据 */\n  options?: (RadioOption | string)[];\n  /** 自定义节点 'label'、'value'、'options' 的字段 */\n  fieldNames?: BasicConfig['fieldName'];\n  /** 值修改时的回调方法 */\n  onChange?(val: string): void;\n  /** 选项排列方式\n   * @default 'horizontal'\n   */\n  layout?: 'vertical' | 'horizontal';\n}\n\nfunction Radio(props: RadioProps) {\n  const { baseStyle } = theme;\n  const [value, setValue] = createSignal(props.defaultValue);\n  const fieldNames = createMemo(() => Object.assign({}, FieldName, props.fieldNames));\n\n  function onChange(item: RadioOption) {\n    if (!props.disabled && !item.disabled) {\n      const next = item[fieldNames().value]!;\n\n      setValue(next);\n      props.onChange?.(next);\n    }\n  }\n  function onKeyUp(item: RadioOption, e: KeyboardEvent) {\n    if (e.key === 'Enter') {\n      onChange(item);\n    }\n  }\n  const options = createMemo(() => {\n    return getOptions(props.options, fieldNames());\n  });\n\n  createEffect(() => {\n    setValue(props.value);\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {css(props.css)}\n      </style>\n      <section class={cx('box', props.layout, props.class)} part=\"box\">\n        <For each={options()}>\n          {(item) => {\n            const readOnly = props.disabled || item.disabled;\n            const handleChange = () => {\n              onChange(item);\n            };\n            const fieldName = fieldNames();\n\n            return (\n              <div\n                class={cx('item', item.class, item.status)}\n                part=\"item\"\n                tabindex={readOnly ? -1 : 0}\n                aria-disabled={readOnly}\n                onKeyUp={onKeyUp.bind(null, item)}\n                onClick={handleChange}\n              >\n                <input\n                  class=\"radio\"\n                  type=\"radio\"\n                  name={props.name}\n                  value={item[fieldName.value]}\n                  disabled={readOnly}\n                  tabindex={-1}\n                  checked={item[fieldName.value] === value()}\n                  onChange={handleChange}\n                />\n                <label class=\"label\" part=\"label\">\n                  {item[fieldName.label]}\n                </label>\n              </div>\n            );\n          }}\n        </For>\n      </section>\n    </>\n  );\n}\n\nexport type RadioElement = CustomElement<RadioProps>;\n\ncustomElement<RadioProps>(\n  'n-radio',\n  {\n    class: void 0,\n    css: void 0,\n    name: void 0,\n    disabled: void 0,\n    value: void 0,\n    defaultValue: void 0,\n    options: [],\n    onChange: void 0,\n    fieldNames: void 0,\n    layout: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        layout: el.layout || 'horizontal',\n        onChange(next: string) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: next,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('options');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return createComponent(Radio, props);\n  },\n);\nexport default Radio;\n"],"names":["Radio","props","baseStyle","theme","value","setValue","createSignal","defaultValue","fieldNames","createMemo","Object","assign","FieldName","onChange","item","disabled","next","onKeyUp","e","key","options","getOptions","createEffect","style","css","For","readOnly","handleChange","fieldName","bind","label","cx","class","status","name","layout","customElement","_","opt","el","element","mergeProps","dispatchEvent","CustomEvent","detail","removeAttribute","createComponent"],"mappings":"kGAwJA,+CAAA,oGAxJyF,sBACjE,yBACM,2BACR,qBACuC,8CACtC,8CACL,mOAiClB,SAASA,EAAMC,CAAiB,EAC9B,GAAM,CAAEC,UAAAA,CAAS,CAAE,CAAGC,SAAK,CACrB,CAACC,EAAOC,EAAS,CAAGC,GAAAA,cAAY,EAACL,EAAMM,YAAY,EACnDC,EAAaC,GAAAA,YAAU,EAAC,IAAMC,OAAOC,MAAM,CAAC,CAAC,EAAGC,WAAS,CAAEX,EAAMO,UAAU,GAEjF,SAASK,EAASC,CAAiB,EACjC,GAAI,CAACb,EAAMc,QAAQ,EAAI,CAACD,EAAKC,QAAQ,CAAE,CACrC,IAAMC,EAAOF,CAAI,CAACN,IAAaJ,KAAK,CAAC,CAErCC,EAASW,GACTf,EAAMY,QAAQ,GAAGG,EACnB,CACF,CACA,SAASC,EAAQH,CAAiB,CAAEI,CAAgB,EACpC,UAAVA,EAAEC,GAAG,EACPN,EAASC,EAEb,CACA,IAAMM,EAAUX,GAAAA,YAAU,EAAC,IAClBY,GAAAA,SAAU,EAACpB,EAAMmB,OAAO,CAAEZ,MAOnC,MAJAc,GAAAA,cAAY,EAAC,KACXjB,EAASJ,EAAMG,KAAK,CACtB,yCAKOF,uBACAqB,OAAK,0BACLC,GAAAA,KAAG,EAACvB,EAAMuB,GAAG,yEAGbC,KAAG,oBAAOL,cACR,AAACN,IACA,IAAMY,EAAWzB,EAAMc,QAAQ,EAAID,EAAKC,QAAQ,CAC1CY,EAAe,KACnBd,EAASC,EACX,EACMc,EAAYpB,IAElB,4FAOamB,uCADAV,EAAQY,IAAI,CAAC,KAAMf,uCAFlBY,EAAW,GAAK,wCACXA,qCAYHC,cAHAD,kCACA,uBAKTZ,CAAI,CAACc,EAAUE,KAAK,CAAC,yBAlBjBC,GAAAA,IAAE,EAAC,OAAQjB,EAAKkB,KAAK,CAAElB,EAAKmB,MAAM,IAUjChC,EAAMiC,IAAI,sJACTpB,CAAI,CAACc,EAAUxB,KAAK,CAAC,6BAGnBU,CAAI,CAACc,EAAUxB,KAAK,CAAC,GAAKA,UAQ3C,wCAjCY2B,GAAAA,IAAE,EAAC,MAAO9B,EAAMkC,MAAM,CAAElC,EAAM+B,KAAK,UAsCzD,CAIAI,GAAAA,eAAa,EACX,UACA,CACEJ,MAAO,KAAK,EACZR,IAAK,KAAK,EACVU,KAAM,KAAK,EACXnB,SAAU,KAAK,EACfX,MAAO,KAAK,EACZG,aAAc,KAAK,EACnBa,QAAS,EAAE,CACXP,SAAU,KAAK,EACfL,WAAY,KAAK,EACjB2B,OAAQ,KAAK,CACf,EACA,CAACE,EAAGC,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChBvC,EAAQwC,GAAAA,YAAU,EACtB,CACEN,OAAQI,EAAGJ,MAAM,EAAI,aACrBtB,SAASG,CAAY,EACnBuB,EAAGG,aAAa,CACd,IAAIC,YAAY,SAAU,CACxBC,OAAQ5B,CACV,GAEJ,CACF,EACAqB,GAQF,MALAf,GAAAA,cAAY,EAAC,KACXiB,EAAGM,eAAe,CAAC,WACnBN,EAAGM,eAAe,CAAC,eACnBN,EAAGM,eAAe,CAAC,MACrB,GACOC,GAAAA,iBAAe,EAAC9C,EAAOC,EAChC,SAEF,EAAeD"}
+{"version":3,"sources":["../../components/radio/index.tsx"],"sourcesContent":["import { For, createComponent, createEffect, createMemo, createSignal, mergeProps } from 'solid-js';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { style } from './style';\nimport { FieldName } from '../basic-config';\nimport getOptions from '../get-options';\nimport theme from '../theme';\nimport type { BaseOption, BasicConfig, CustomElement } from '..';\n\nexport interface RadioOption extends Omit<BaseOption, 'icon'> {\n  /** 值 */\n  value?: string;\n}\n\nexport interface RadioProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** input[type=\"radio\"] 的 name 属性 */\n  name?: string;\n  /** 只读 */\n  disabled?: boolean;\n  /** 值 */\n  value?: string;\n  /** 默认值 */\n  defaultValue?: string;\n  /** 选项数据 */\n  options?: (RadioOption | string)[];\n  /** 自定义节点 'label'、'value'、'options' 的字段 */\n  fieldNames?: BasicConfig['fieldName'];\n  /** 值修改时的回调方法 */\n  onChange?(val: string): void;\n  /** 选项排列方式\n   * @default 'horizontal'\n   */\n  layout?: 'vertical' | 'horizontal';\n}\n\nfunction Radio(props: RadioProps) {\n  const { baseStyle } = theme;\n  const [value, setValue] = createSignal(props.defaultValue);\n  const fieldNames = createMemo(() => Object.assign({}, FieldName, props.fieldNames));\n\n  function onChange(item: RadioOption) {\n    if (!props.disabled && !item.disabled) {\n      const next = item[fieldNames().value]!;\n\n      setValue(next);\n      props.onChange?.(next);\n    }\n  }\n  function onKeyUp(item: RadioOption, e: KeyboardEvent) {\n    if (e.key === 'Enter') {\n      onChange(item);\n    }\n  }\n  const options = createMemo(() => {\n    return getOptions(props.options, fieldNames());\n  });\n\n  createEffect(() => {\n    setValue(props.value);\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {style}\n        {css(props.css)}\n      </style>\n      <section class={cx('box', props.layout, props.class)} part=\"box\">\n        <For each={options()}>\n          {(item) => {\n            const readOnly = props.disabled || item.disabled;\n            const handleChange = () => {\n              onChange(item);\n            };\n            const fieldName = fieldNames();\n\n            return (\n              <div\n                class={cx('item', item.class, item.status)}\n                part=\"item\"\n                tabindex={readOnly ? -1 : 0}\n                aria-disabled={readOnly}\n                onKeyUp={onKeyUp.bind(null, item)}\n                onClick={handleChange}\n              >\n                <input\n                  class=\"radio\"\n                  type=\"radio\"\n                  name={props.name}\n                  value={item[fieldName.value]}\n                  disabled={readOnly}\n                  tabindex={-1}\n                  checked={item[fieldName.value] === value()}\n                  onChange={handleChange}\n                />\n                <label class=\"label\" part=\"label\">\n                  {item[fieldName.label]}\n                </label>\n              </div>\n            );\n          }}\n        </For>\n      </section>\n    </>\n  );\n}\n\nexport type RadioElement = CustomElement<RadioProps>;\n\ncustomElement<RadioProps>(\n  'n-radio',\n  {\n    class: void 0,\n    css: void 0,\n    name: void 0,\n    disabled: void 0,\n    value: void 0,\n    defaultValue: void 0,\n    options: [],\n    onChange: void 0,\n    fieldNames: void 0,\n    layout: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        layout: el.layout || 'horizontal',\n        onChange(next: string) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: next,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('options');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return createComponent(Radio, props);\n  },\n);\nexport default Radio;\n"],"names":["Radio","props","baseStyle","theme","value","setValue","createSignal","defaultValue","fieldNames","createMemo","Object","assign","FieldName","onChange","item","disabled","next","onKeyUp","e","key","options","getOptions","createEffect","style","css","For","readOnly","handleChange","fieldName","bind","label","cx","class","status","name","layout","customElement","_","opt","el","element","mergeProps","dispatchEvent","CustomEvent","detail","removeAttribute","createComponent"],"mappings":"kGAwJA,+CAAA,oGAxJyF,sBACjE,yBACM,2BACR,qBACI,8CACH,8CACL,mOAiClB,SAASA,EAAMC,CAAiB,EAC9B,GAAM,CAAEC,UAAAA,CAAS,CAAE,CAAGC,SAAK,CACrB,CAACC,EAAOC,EAAS,CAAGC,GAAAA,cAAY,EAACL,EAAMM,YAAY,EACnDC,EAAaC,GAAAA,YAAU,EAAC,IAAMC,OAAOC,MAAM,CAAC,CAAC,EAAGC,WAAS,CAAEX,EAAMO,UAAU,GAEjF,SAASK,EAASC,CAAiB,EACjC,GAAI,CAACb,EAAMc,QAAQ,EAAI,CAACD,EAAKC,QAAQ,CAAE,CACrC,IAAMC,EAAOF,CAAI,CAACN,IAAaJ,KAAK,CAAC,CAErCC,EAASW,GACTf,EAAMY,QAAQ,GAAGG,EACnB,CACF,CACA,SAASC,EAAQH,CAAiB,CAAEI,CAAgB,EACpC,UAAVA,EAAEC,GAAG,EACPN,EAASC,EAEb,CACA,IAAMM,EAAUX,GAAAA,YAAU,EAAC,IAClBY,GAAAA,SAAU,EAACpB,EAAMmB,OAAO,CAAEZ,MAOnC,MAJAc,GAAAA,cAAY,EAAC,KACXjB,EAASJ,EAAMG,KAAK,CACtB,yCAKOF,uBACAqB,OAAK,0BACLC,GAAAA,KAAG,EAACvB,EAAMuB,GAAG,yEAGbC,KAAG,oBAAOL,cACR,AAACN,IACA,IAAMY,EAAWzB,EAAMc,QAAQ,EAAID,EAAKC,QAAQ,CAC1CY,EAAe,KACnBd,EAASC,EACX,EACMc,EAAYpB,IAElB,4FAOamB,uCADAV,EAAQY,IAAI,CAAC,KAAMf,uCAFlBY,EAAW,GAAK,wCACXA,qCAYHC,cAHAD,kCACA,uBAKTZ,CAAI,CAACc,EAAUE,KAAK,CAAC,yBAlBjBC,GAAAA,IAAE,EAAC,OAAQjB,EAAKkB,KAAK,CAAElB,EAAKmB,MAAM,IAUjChC,EAAMiC,IAAI,sJACTpB,CAAI,CAACc,EAAUxB,KAAK,CAAC,6BAGnBU,CAAI,CAACc,EAAUxB,KAAK,CAAC,GAAKA,UAQ3C,wCAjCY2B,GAAAA,IAAE,EAAC,MAAO9B,EAAMkC,MAAM,CAAElC,EAAM+B,KAAK,UAsCzD,CAIAI,GAAAA,eAAa,EACX,UACA,CACEJ,MAAO,KAAK,EACZR,IAAK,KAAK,EACVU,KAAM,KAAK,EACXnB,SAAU,KAAK,EACfX,MAAO,KAAK,EACZG,aAAc,KAAK,EACnBa,QAAS,EAAE,CACXP,SAAU,KAAK,EACfL,WAAY,KAAK,EACjB2B,OAAQ,KAAK,CACf,EACA,CAACE,EAAGC,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChBvC,EAAQwC,GAAAA,YAAU,EACtB,CACEN,OAAQI,EAAGJ,MAAM,EAAI,aACrBtB,SAASG,CAAY,EACnBuB,EAAGG,aAAa,CACd,IAAIC,YAAY,SAAU,CACxBC,OAAQ5B,CACV,GAEJ,CACF,EACAqB,GAQF,MALAf,GAAAA,cAAY,EAAC,KACXiB,EAAGM,eAAe,CAAC,WACnBN,EAAGM,eAAe,CAAC,eACnBN,EAAGM,eAAe,CAAC,MACrB,GACOC,GAAAA,iBAAe,EAAC9C,EAAOC,EAChC,SAEF,EAAeD"}

package/lib/segmented/index.d.ts

@@ -1,6 +1,5 @@
-import { type BaseOption, type BasicConfig } from '../basic-config';
 import '../typography';
-import type { CustomElement } from '..';
+import type { BaseOption, BasicConfig, CustomElement } from '..';
 export interface SegmentedProps {
     /** 自定义类名 */
     class?: string;

package/lib/segmented/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/segmented/index.tsx"],"sourcesContent":["import {\n  For,\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 { type BaseOption, type BasicConfig, FieldName } from '../basic-config';\nimport getOptions from '../get-options';\nimport theme from '../theme';\nimport '../typography';\nimport type { CustomElement } from '..';\n\nexport interface SegmentedProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** input[type=\"radio\"] 的 name 属性 */\n  name?: string;\n  /** 只读 */\n  disabled?: boolean;\n  /** 值 */\n  value?: string | number;\n  /** 默认值 */\n  defaultValue?: string | number;\n  /** 选项数据 */\n  options?: (BaseOption | string | number)[];\n  /** 自定义节点 'label'、'value'、'options' 的字段 */\n  fieldNames?: BasicConfig['fieldName'];\n  /** 值修改时的回调方法 */\n  onChange?(val: string | number): void;\n}\n\nfunction Segmented(props: SegmentedProps) {\n  const { baseStyle, isDark } = theme;\n  const [value, setValue] = createSignal(props.defaultValue);\n  const [offsetStyle, setOffsetStyle] = createSignal('');\n  let box: HTMLDivElement | undefined;\n  const cssVar = createMemo(() => {\n    if (isDark()) {\n      return css`\n        :host {\n          --segmented-bg: #000;\n          --segmented-current-bg: #1f1f1f;\n        }\n      `;\n    }\n\n    return css`\n      :host {\n        --segmented-bg: var(--primary-details-bg);\n        --segmented-current-bg: #fff;\n      }\n    `;\n  });\n  const fieldNames = createMemo(() => Object.assign({}, FieldName, props.fieldNames));\n\n  function onChange(item: BaseOption) {\n    if (!props.disabled && !item.disabled) {\n      const next = item[fieldNames().value];\n\n      if (isFunction(props.onChange)) {\n        props.onChange(next);\n      }\n      if (props.value === void 0) {\n        setValue(next);\n      }\n    }\n  }\n  function onKeyUp(key: string, item: BaseOption) {\n    if (key === 'Enter') {\n      onChange(item);\n    }\n  }\n  const options = createMemo(() => {\n    return getOptions(props.options, fieldNames());\n  });\n\n  createEffect(() => {\n    setValue((props.value !== void 0 && props.value) || props.defaultValue);\n  });\n\n  createEffect(() => {\n    const val = options().find((o) => o[fieldNames().value] === value());\n    const timer = setTimeout(() => {\n      clearTimeout(timer);\n      const el = val?.ref;\n\n      if (el) {\n        setOffsetStyle(\n          `.box {--w: ${el.offsetWidth}px;--h: ${el.offsetHeight}px;--left: ${el.offsetLeft}px;}`,\n        );\n      } else {\n        setOffsetStyle('');\n      }\n    }, 0);\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {cssVar()}\n        {style}\n        {offsetStyle()}\n        {css(props.css)}\n      </style>\n      <div ref={box} class={cx('box', props.class)}>\n        <For each={options()}>\n          {(item, i) => {\n            const readOnly = props.disabled || item.disabled;\n            const handleChange = () => onChange(item);\n            const fieldName = fieldNames();\n\n            return (\n              <>\n                <input\n                  class=\"segmented\"\n                  type=\"radio\"\n                  name={props.name}\n                  value={item[fieldName.value]}\n                  disabled={readOnly}\n                  checked={item[fieldName.value] === value()}\n                  onChange={handleChange}\n                />\n                <label\n                  class={cx('label', item.class)}\n                  tabindex={readOnly ? -1 : 0}\n                  onKeyUp={({ key }) => onKeyUp(key, item)}\n                  onClick={handleChange}\n                  aria-disabled={readOnly}\n                  ref={options()[i()].ref}\n                >\n                  <Show when={item[fieldName.icon]}>\n                    <span class=\"icon\">{item[fieldName.icon]}</span>\n                  </Show>\n                  {item[fieldName.label]}\n                  <Show when={item[fieldName.suffix]}>\n                    <n-typography type=\"secondary\">{item[fieldName.suffix]}</n-typography>\n                  </Show>\n                </label>\n              </>\n            );\n          }}\n        </For>\n      </div>\n    </>\n  );\n}\n\nexport type SegmentedElement = CustomElement<SegmentedProps>;\n\ncustomElement<SegmentedProps>(\n  'n-segmented',\n  {\n    class: void 0,\n    css: void 0,\n    name: void 0,\n    disabled: void 0,\n    value: void 0,\n    defaultValue: void 0,\n    options: [],\n    onChange: void 0,\n    fieldNames: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        css: el.css,\n        name: el.name,\n        disabled: el.disabled,\n        value: el.value,\n        defaultValue: el.defaultValue,\n        options: el.options,\n        fieldNames: el.fieldNames,\n        onChange(next: string) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: next,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('options');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return createComponent(Segmented, props);\n  },\n);\nexport default Segmented;\n"],"names":["Segmented","props","box","baseStyle","isDark","theme","value","setValue","createSignal","defaultValue","offsetStyle","setOffsetStyle","cssVar","createMemo","css","fieldNames","Object","assign","FieldName","onChange","item","disabled","next","isFunction","options","getOptions","createEffect","val","find","o","timer","setTimeout","clearTimeout","el","ref","offsetWidth","offsetHeight","offsetLeft","style","For","i","readOnly","handleChange","fieldName","name","key","Show","icon","label","suffix","cx","class","customElement","_","opt","element","mergeProps","dispatchEvent","CustomEvent","detail","removeAttribute","createComponent"],"mappings":"kGA0MA,+CAAA,oGAlMO,uCACoB,4CACH,yBACM,2BACR,qBACuC,8CACtC,8CACL,qBACX,oVAwBP,SAASA,EAAUC,CAAqB,MAIlCC,EAHJ,GAAM,CAAEC,UAAAA,CAAS,CAAEC,OAAAA,CAAM,CAAE,CAAGC,SAAK,CAC7B,CAACC,EAAOC,EAAS,CAAGC,GAAAA,cAAY,EAACP,EAAMQ,YAAY,EACnD,CAACC,EAAaC,EAAe,CAAGH,GAAAA,cAAY,EAAC,IAE7CI,EAASC,GAAAA,YAAU,EAAC,IACxB,AAAIT,IACKU,GAAAA,KAAG,CAAA,CAAC;;;;;MAKX,CAAC,CAGIA,GAAAA,KAAG,CAAA,CAAC;;;;;IAKX,CAAC,EAEGC,EAAaF,GAAAA,YAAU,EAAC,IAAMG,OAAOC,MAAM,CAAC,CAAC,EAAGC,WAAS,CAAEjB,EAAMc,UAAU,GAEjF,SAASI,EAASC,CAAgB,EAChC,GAAI,CAACnB,EAAMoB,QAAQ,EAAI,CAACD,EAAKC,QAAQ,CAAE,CACrC,IAAMC,EAAOF,CAAI,CAACL,IAAaT,KAAK,CAAC,CAEjCiB,GAAAA,SAAU,EAACtB,EAAMkB,QAAQ,GAC3BlB,EAAMkB,QAAQ,CAACG,GAEG,KAAK,IAArBrB,EAAMK,KAAK,EACbC,EAASe,EAEb,CACF,CAMA,IAAME,EAAUX,GAAAA,YAAU,EAAC,IAClBY,GAAAA,SAAU,EAACxB,EAAMuB,OAAO,CAAET,MAuBnC,MApBAW,GAAAA,cAAY,EAAC,KACXnB,EAAS,AAAiB,KAAK,IAArBN,EAAMK,KAAK,EAAeL,EAAMK,KAAK,EAAKL,EAAMQ,YAAY,CACxE,GAEAiB,GAAAA,cAAY,EAAC,KACX,IAAMC,EAAMH,IAAUI,IAAI,CAAC,AAACC,GAAMA,CAAC,CAACd,IAAaT,KAAK,CAAC,GAAKA,KACtDwB,EAAQC,WAAW,KACvBC,aAAaF,GACb,IAAMG,EAAKN,GAAKO,IAEZD,EACFtB,EACE,CAAC,WAAW,EAAEsB,EAAGE,WAAW,CAAC,QAAQ,EAAEF,EAAGG,YAAY,CAAC,WAAW,EAAEH,EAAGI,UAAU,CAAC,IAAI,CAAC,EAGzF1B,EAAe,GAEnB,EAAG,EACL,yCAKOR,uBACAS,uBACA0B,OAAK,sBACL5B,2BACAI,GAAAA,KAAG,EAACb,EAAMa,GAAG,gCAENZ,4CAAAA,yCACPqC,KAAG,oBAAOf,cACR,CAACJ,EAAMoB,KACN,IAAMC,EAAWxC,EAAMoB,QAAQ,EAAID,EAAKC,QAAQ,CAC1CqB,EAAe,IAAMvB,EAASC,GAC9BuB,EAAY5B,IAElB,+DASgB2B,cAFAD,+CAFJxC,EAAM2C,IAAI,4BACTxB,CAAI,CAACuB,EAAUrC,KAAK,CAAC,6BAEnBc,CAAI,CAACuB,EAAUrC,KAAK,CAAC,GAAKA,6BAS9BkB,GAAS,CAACgB,IAAI,CAACN,GAAG,2CAAlBV,GAAS,CAACgB,IAAI,CAACN,GAAG,oCAFdQ,gBADA,CAAC,CAAEG,IAAAA,CAAG,CAAE,IA1DnB,UA0DgCA,GAzD1C1B,EAyD+CC,oCADzBqB,EAAW,GAAK,wCAGXA,wCAGdK,MAAI,oBAAO1B,CAAI,CAACuB,EAAUI,IAAI,CAAC,oDACV3B,CAAI,CAACuB,EAAUI,IAAI,CAAC,gCAEzC3B,CAAI,CAACuB,EAAUK,KAAK,CAAC,4CACrBF,MAAI,oBAAO1B,CAAI,CAACuB,EAAUM,MAAM,CAAC,gFACA7B,CAAI,CAACuB,EAAUM,MAAM,CAAC,gDAZjDC,GAAAA,IAAE,EAAC,QAAS9B,EAAK+B,KAAK,UAiBrC,wCApCkBD,GAAAA,IAAE,EAAC,MAAOjD,EAAMkD,KAAK,UAyCjD,CAIAC,GAAAA,eAAa,EACX,cACA,CACED,MAAO,KAAK,EACZrC,IAAK,KAAK,EACV8B,KAAM,KAAK,EACXvB,SAAU,KAAK,EACff,MAAO,KAAK,EACZG,aAAc,KAAK,EACnBe,QAAS,EAAE,CACXL,SAAU,KAAK,EACfJ,WAAY,KAAK,CACnB,EACA,CAACsC,EAAGC,KACF,IAAMrB,EAAKqB,EAAIC,OAAO,CAChBtD,EAAQuD,GAAAA,YAAU,EACtB,CACE1C,IAAKmB,EAAGnB,GAAG,CACX8B,KAAMX,EAAGW,IAAI,CACbvB,SAAUY,EAAGZ,QAAQ,CACrBf,MAAO2B,EAAG3B,KAAK,CACfG,aAAcwB,EAAGxB,YAAY,CAC7Be,QAASS,EAAGT,OAAO,CACnBT,WAAYkB,EAAGlB,UAAU,CACzBI,SAASG,CAAY,EACnBW,EAAGwB,aAAa,CACd,IAAIC,YAAY,SAAU,CACxBC,OAAQrC,CACV,GAEJ,CACF,EACA+B,GAQF,MALA3B,GAAAA,cAAY,EAAC,KACXO,EAAG2B,eAAe,CAAC,WACnB3B,EAAG2B,eAAe,CAAC,eACnB3B,EAAG2B,eAAe,CAAC,MACrB,GACOC,GAAAA,iBAAe,EAAC7D,EAAWC,EACpC,SAEF,EAAeD"}
+{"version":3,"sources":["../../components/segmented/index.tsx"],"sourcesContent":["import {\n  For,\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 { FieldName } from '../basic-config';\nimport getOptions from '../get-options';\nimport theme from '../theme';\nimport '../typography';\nimport type { BaseOption, BasicConfig, CustomElement } from '..';\n\nexport interface SegmentedProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** input[type=\"radio\"] 的 name 属性 */\n  name?: string;\n  /** 只读 */\n  disabled?: boolean;\n  /** 值 */\n  value?: string | number;\n  /** 默认值 */\n  defaultValue?: string | number;\n  /** 选项数据 */\n  options?: (BaseOption | string | number)[];\n  /** 自定义节点 'label'、'value'、'options' 的字段 */\n  fieldNames?: BasicConfig['fieldName'];\n  /** 值修改时的回调方法 */\n  onChange?(val: string | number): void;\n}\n\nfunction Segmented(props: SegmentedProps) {\n  const { baseStyle, isDark } = theme;\n  const [value, setValue] = createSignal(props.defaultValue);\n  const [offsetStyle, setOffsetStyle] = createSignal('');\n  let box: HTMLDivElement | undefined;\n  const cssVar = createMemo(() => {\n    if (isDark()) {\n      return css`\n        :host {\n          --segmented-bg: #000;\n          --segmented-current-bg: #1f1f1f;\n        }\n      `;\n    }\n\n    return css`\n      :host {\n        --segmented-bg: var(--primary-details-bg);\n        --segmented-current-bg: #fff;\n      }\n    `;\n  });\n  const fieldNames = createMemo(() => Object.assign({}, FieldName, props.fieldNames));\n\n  function onChange(item: BaseOption) {\n    if (!props.disabled && !item.disabled) {\n      const next = item[fieldNames().value];\n\n      if (isFunction(props.onChange)) {\n        props.onChange(next);\n      }\n      if (props.value === void 0) {\n        setValue(next);\n      }\n    }\n  }\n  function onKeyUp(key: string, item: BaseOption) {\n    if (key === 'Enter') {\n      onChange(item);\n    }\n  }\n  const options = createMemo(() => {\n    return getOptions(props.options, fieldNames());\n  });\n\n  createEffect(() => {\n    setValue((props.value !== void 0 && props.value) || props.defaultValue);\n  });\n\n  createEffect(() => {\n    const val = options().find((o) => o[fieldNames().value] === value());\n    const timer = setTimeout(() => {\n      clearTimeout(timer);\n      const el = val?.ref;\n\n      if (el) {\n        setOffsetStyle(\n          `.box {--w: ${el.offsetWidth}px;--h: ${el.offsetHeight}px;--left: ${el.offsetLeft}px;}`,\n        );\n      } else {\n        setOffsetStyle('');\n      }\n    }, 0);\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {cssVar()}\n        {style}\n        {offsetStyle()}\n        {css(props.css)}\n      </style>\n      <div ref={box} class={cx('box', props.class)}>\n        <For each={options()}>\n          {(item, i) => {\n            const readOnly = props.disabled || item.disabled;\n            const handleChange = () => onChange(item);\n            const fieldName = fieldNames();\n\n            return (\n              <>\n                <input\n                  class=\"segmented\"\n                  type=\"radio\"\n                  name={props.name}\n                  value={item[fieldName.value]}\n                  disabled={readOnly}\n                  checked={item[fieldName.value] === value()}\n                  onChange={handleChange}\n                />\n                <label\n                  class={cx('label', item.class)}\n                  tabindex={readOnly ? -1 : 0}\n                  onKeyUp={({ key }) => onKeyUp(key, item)}\n                  onClick={handleChange}\n                  aria-disabled={readOnly}\n                  ref={options()[i()].ref}\n                >\n                  <Show when={item[fieldName.icon]}>\n                    <span class=\"icon\">{item[fieldName.icon]}</span>\n                  </Show>\n                  {item[fieldName.label]}\n                  <Show when={item[fieldName.suffix]}>\n                    <n-typography type=\"secondary\">{item[fieldName.suffix]}</n-typography>\n                  </Show>\n                </label>\n              </>\n            );\n          }}\n        </For>\n      </div>\n    </>\n  );\n}\n\nexport type SegmentedElement = CustomElement<SegmentedProps>;\n\ncustomElement<SegmentedProps>(\n  'n-segmented',\n  {\n    class: void 0,\n    css: void 0,\n    name: void 0,\n    disabled: void 0,\n    value: void 0,\n    defaultValue: void 0,\n    options: [],\n    onChange: void 0,\n    fieldNames: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        css: el.css,\n        name: el.name,\n        disabled: el.disabled,\n        value: el.value,\n        defaultValue: el.defaultValue,\n        options: el.options,\n        fieldNames: el.fieldNames,\n        onChange(next: string) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: next,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('options');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return createComponent(Segmented, props);\n  },\n);\nexport default Segmented;\n"],"names":["Segmented","props","box","baseStyle","isDark","theme","value","setValue","createSignal","defaultValue","offsetStyle","setOffsetStyle","cssVar","createMemo","css","fieldNames","Object","assign","FieldName","onChange","item","disabled","next","isFunction","options","getOptions","createEffect","val","find","o","timer","setTimeout","clearTimeout","el","ref","offsetWidth","offsetHeight","offsetLeft","style","For","i","readOnly","handleChange","fieldName","name","key","Show","icon","label","suffix","cx","class","customElement","_","opt","element","mergeProps","dispatchEvent","CustomEvent","detail","removeAttribute","createComponent"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neko-ui",
-  "version": "2.5.0-beta.1",
+  "version": "2.5.0-beta.2",
   "description": "Web Components UI Libraries",
   "main": "lib/index.js",
   "scripts": {