yuyeon 0.2.3-rc.6 → 0.2.3-rc.8

package/lib/components/select/YSelect.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YSelect.mjs","names":["computed","mergeProps","nextTick","onMounted","ref","shallowRef","vShow","watch","withDirectives","useModelDuplex","useRender","pressCoordinateProps","useI18n","pressListItemsPropsOptions","useItems","wrapInArray","deepEqual","omit","chooseProps","defineComponent","getHtmlElement","propsFactory","getScrollParent","YCard","YFieldInput","pressYFieldInputPropsOptions","YIcon","YList","YListItem","YMenu","pressSelectPropsOptions","opened","Boolean","multiple","itemComparator","type","Function","default","defaultSelect","menuProps","Object","pressYSelectPropsOptions","maxHeight","Number","String","dropdownIcon","Array","openDelay","closeDelay","position","YSelect","name","inheritAttrs","props","emits","value","click:item","item","e","slots","setup","_ref","attrs","expose","emit","fieldInputRef","menuRef","listRef","cardRef","focused","items","toRefineItems","toEmitItems","t","setOut","v","emitValue","model","selections","ret","found","find","undefined","push","selected","map","selection","extraMenuProps","preventCloseBubble","isSelected","selectedItem","onMousedownDisplay","event","disabled","onBlur","onClickItem","select","setTimeout","onAfterLeave","focus","closeCondition","target","layer$","content$","contains","index","findIndex","neo","slice","splice","displayText","text","join","baseEl","scrollToActiveItem","length","listEl","activeEl","querySelector","contentEl","scrollEl","isSameNode","scrollTo","top","offsetTop","behavior","fieldInputProps","dropdownIconProps","_createVNode","_mergeProps","offset","align","origin","$event","base","_len","arguments","args","_key","rxValue","selectionProps","raw","placeholder","internalItems","leading","_len2","_key2","trailing","label","_len3","_key3","_len4","_key4","menu","itemProps","hide","modelValue","isArray"],"sources":["../../../src/components/select/YSelect.tsx"],"sourcesContent":["import {\r\n  type PropType,\r\n  type SlotsType,\r\n  computed,\r\n  mergeProps,\r\n  nextTick,\r\n  onMounted,\r\n  ref,\r\n  shallowRef,\r\n  vShow,\r\n  watch,\r\n  withDirectives,\r\n} from 'vue';\r\n\r\nimport { useModelDuplex } from '@/composables/communication';\r\nimport { useRender } from '@/composables/component';\r\nimport { pressCoordinateProps } from '@/composables/coordinate';\r\nimport { useI18n } from '@/composables/i18n';\r\nimport {\r\n  ListItem,\r\n  pressListItemsPropsOptions,\r\n  useItems,\r\n} from '@/composables/list-items';\r\nimport { wrapInArray } from '@/util/array';\r\nimport { deepEqual, getObjectValueByPath, omit } from '@/util/common';\r\nimport {\r\n  chooseProps,\r\n  defineComponent,\r\n  getHtmlElement,\r\n  propsFactory,\r\n} from '@/util/component';\r\nimport { getScrollParent } from '@/util/scroll';\r\n\r\nimport { YCard } from '../card';\r\nimport { YFieldInput, pressYFieldInputPropsOptions } from '../field-input';\r\nimport { YIcon, YIconIconProp } from '../icon';\r\nimport { YList, YListItem } from '../list';\r\nimport { YMenu } from '../menu';\r\n\r\nimport './YSelect.scss';\r\n\r\nexport type ItemComparator = (\r\n  optionsItem: any,\r\n  valueItem: any,\r\n  valueKey?: string,\r\n) => boolean;\r\n\r\nexport const pressSelectPropsOptions = propsFactory(\r\n  {\r\n    opened: Boolean as PropType<boolean>,\r\n    multiple: Boolean,\r\n    itemComparator: {\r\n      type: Function as PropType<ItemComparator>,\r\n      default: deepEqual,\r\n    },\r\n    defaultSelect: Boolean,\r\n    menuProps: {\r\n      type: Object as PropType<YMenu['$props']>,\r\n    },\r\n    ...pressListItemsPropsOptions(),\r\n  },\r\n  'Select',\r\n);\r\n\r\nexport const pressYSelectPropsOptions = propsFactory(\r\n  {\r\n    maxHeight: {\r\n      type: [Number, String],\r\n      default: 310,\r\n    },\r\n    dropdownIcon: {\r\n      type: [String, Array, Object] as PropType<YIconIconProp>,\r\n      default: '$dropdown',\r\n    },\r\n    openDelay: {\r\n      type: Number as PropType<number>,\r\n      default: 200,\r\n    },\r\n    closeDelay: {\r\n      type: Number as PropType<number>,\r\n      default: 200,\r\n    },\r\n    ...pressSelectPropsOptions(),\r\n    ...pressYFieldInputPropsOptions(),\r\n    ...omit(pressCoordinateProps({ position: 'bottom' as 'bottom' }), [\r\n      'coordinateStrategy',\r\n    ]),\r\n  },\r\n  'YSelect',\r\n);\r\n\r\nexport const YSelect = defineComponent({\r\n  name: 'YSelect',\r\n  inheritAttrs: false,\r\n  props: {\r\n    ...pressYSelectPropsOptions(),\r\n  },\r\n  emits: {\r\n    'update:modelValue': (value: any) => true,\r\n    'update:opened': (opened: boolean) => true,\r\n    'click:item': (item: any, e: MouseEvent) => true,\r\n    'change': (value: any) => true,\r\n  },\r\n  slots: Object as SlotsType<{\r\n    base: any;\r\n    selection: {\r\n      displayText: string;\r\n      placeholder: undefined | string;\r\n      items: any[];\r\n      internalItems: ListItem[];\r\n    };\r\n    leading: any;\r\n    label: any;\r\n    'helper-text': any;\r\n    menu: any;\r\n    'menu-prepend': any;\r\n    'menu-append': any;\r\n    'dropdown-icon': any;\r\n    item: { item: any; selected: boolean; select: () => void };\r\n    'item-leading': { item: any; selected: boolean; select: () => void };\r\n    'item-trailing': { item: any; selected: boolean; select: () => void };\r\n  }>,\r\n  setup(props, { slots, attrs, expose, emit }) {\r\n    const fieldInputRef = ref();\r\n    const menuRef = ref<InstanceType<typeof YMenu>>();\r\n    const listRef = ref<InstanceType<typeof YList>>();\r\n    const cardRef = ref<any>();\r\n\r\n    const opened = useModelDuplex(props, 'opened');\r\n    const focused = shallowRef(false);\r\n\r\n    const { items, toRefineItems, toEmitItems } = useItems(props);\r\n    const { t } = useI18n();\r\n    const setOut = (v: any) => {\r\n      const emitValue = toEmitItems(wrapInArray(v));\r\n      return props.multiple ? emitValue : emitValue[0] ?? null;\r\n    };\r\n    const model = useModelDuplex(\r\n      props,\r\n      'modelValue',\r\n      [],\r\n      (v) => toRefineItems(v === null ? [null] : wrapInArray(v)),\r\n      setOut,\r\n    );\r\n\r\n    const selections = computed<ListItem[]>(() => {\r\n      const ret: ListItem<any>[] = [];\r\n      for (const v of model.value) {\r\n        const found = items.value.find((item) => {\r\n          return props.itemComparator(item.value, v.value);\r\n        });\r\n        if (found !== undefined) {\r\n          ret.push(found);\r\n        }\r\n      }\r\n      return ret;\r\n    });\r\n\r\n    const selected = computed(() => {\r\n      return selections.value.map((selection) => selection?.props?.value);\r\n    });\r\n\r\n    const extraMenuProps = computed(() => {\r\n      return { ...props.menuProps, preventCloseBubble: true };\r\n    });\r\n\r\n    function isSelected(item: ListItem) {\r\n      return !!selections.value.find((selectedItem) => {\r\n        return selectedItem?.value === item.value;\r\n      });\r\n    }\r\n\r\n    // Field\r\n    function onMousedownDisplay(event: MouseEvent) {\r\n      if (props.disabled) {\r\n        return;\r\n      }\r\n      opened.value = !opened.value;\r\n    }\r\n\r\n    function onBlur(event: FocusEvent) {\r\n      // if (listRef.value?.$el.contains(event.relatedTarget)) {\r\n      //   opened.value = false;\r\n      // }\r\n    }\r\n\r\n    // Menu Contents\r\n    function onClickItem(item: ListItem, e: MouseEvent) {\r\n      if (item.disabled) return;\r\n      select(item);\r\n      if (!props.multiple) {\r\n        setTimeout(() => {\r\n          opened.value = false;\r\n        }, 40);\r\n      }\r\n    }\r\n\r\n    function onAfterLeave() {\r\n      if (!focused.value) {\r\n        fieldInputRef.value?.focus();\r\n      }\r\n    }\r\n\r\n    function closeCondition(event: MouseEvent) {\r\n      if (event.target && (menuRef.value as any)?.layer$?.content$) {\r\n        return (event.target as HTMLElement)?.contains(\r\n          (menuRef.value as any)?.layer$?.content$,\r\n        );\r\n      }\r\n    }\r\n\r\n    function select(item: ListItem) {\r\n      let value;\r\n      if (props.multiple) {\r\n        const index = selections.value.findIndex((selectedItem) => {\r\n          return selectedItem.value === item.value;\r\n        });\r\n        if (index === -1) {\r\n          value = [...model.value, item];\r\n        } else {\r\n          const neo = model.value.slice();\r\n          neo.splice(index, 1);\r\n          value = neo;\r\n        }\r\n      } else {\r\n        value = [item];\r\n      }\r\n      model.value = value;\r\n      emit('change', setOut(value));\r\n    }\r\n\r\n    const displayText = computed(() => {\r\n      if (props.multiple) {\r\n        return selections.value.map((item) => item.text).join(', ');\r\n      }\r\n      return selections.value?.[0]?.text ?? '';\r\n    });\r\n\r\n    const baseEl = computed(() => {\r\n      return menuRef.value?.baseEl;\r\n    });\r\n\r\n    watch(opened, (neo) => {\r\n      if (neo) {\r\n        nextTick(() => {\r\n          scrollToActiveItem();\r\n        });\r\n      }\r\n    });\r\n\r\n    function scrollToActiveItem() {\r\n      if (selections.value.length === 0) {\r\n        return;\r\n      }\r\n      const listEl = getHtmlElement(listRef.value);\r\n      if (listEl) {\r\n        const activeEl = listEl?.querySelector('.y-list-item--active') as\r\n          | HTMLElement\r\n          | undefined;\r\n        const contentEl = (menuRef.value as any)?.layer$\r\n          ?.content$ as HTMLElement;\r\n        if (activeEl && contentEl) {\r\n          const scrollEl = getScrollParent(activeEl);\r\n          if (\r\n            scrollEl &&\r\n            (contentEl.contains(scrollEl) || contentEl.isSameNode(scrollEl))\r\n          ) {\r\n            scrollEl.scrollTo({ top: activeEl.offsetTop, behavior: 'smooth' });\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    useRender(() => {\r\n      const fieldInputProps = chooseProps(props, YFieldInput.props);\r\n      const dropdownIconProps = chooseProps(\r\n        typeof props.dropdownIcon === 'object' ? props.dropdownIcon : {},\r\n        YIcon.props,\r\n      );\r\n      return (\r\n        <YMenu\r\n          ref={menuRef}\r\n          offset={props.offset}\r\n          position={props.position}\r\n          align={props.align}\r\n          origin={props.origin}\r\n          content-classes={['y-select__content']}\r\n          maxHeight={props.maxHeight}\r\n          open-on-click-base={false}\r\n          onAfterLeave={onAfterLeave}\r\n          open-delay={props.openDelay}\r\n          close-delay={props.closeDelay}\r\n          closeCondition={closeCondition}\r\n          {...extraMenuProps.value}\r\n          v-model={opened.value}\r\n        >\r\n          {{\r\n            base: (...args: any[]) =>\r\n              slots.base ? (\r\n                slots.base?.(...args)\r\n              ) : (\r\n                <YFieldInput\r\n                  {...{\r\n                    ...fieldInputProps,\r\n                    ...mergeProps({ ...args[0].props }, { ref: fieldInputRef }),\r\n                  }}\r\n                  modelValue={model.value\r\n                    .map((v: any) => v.props.value)\r\n                    .join(', ')}\r\n                  validationValue={model.rxValue}\r\n                  onMousedown:display={onMousedownDisplay}\r\n                  onBlur={onBlur}\r\n                  readonly\r\n                  class={[\r\n                    'y-select',\r\n                    {\r\n                      'y-select--opened': opened.value,\r\n                      'y-select--selected': selected.value.length > 0,\r\n                    },\r\n                  ]}\r\n                  {...attrs}\r\n                  focused={focused.value}\r\n                >\r\n                  {{\r\n                    default: () => {\r\n                      const selectionProps = {\r\n                        items: selections.value.map((item) => item.raw),\r\n                        displayText: displayText.value,\r\n                        placeholder: props.placeholder,\r\n                        internalItems: selections.value,\r\n                      };\r\n                      return (\r\n                        <div class={['y-select__selection']}>\r\n                          {slots.selection\r\n                            ? slots.selection?.(selectionProps)\r\n                            : selected.value.length > 0\r\n                              ? displayText.value\r\n                              : props.placeholder}\r\n                        </div>\r\n                      );\r\n                    },\r\n                    leading: slots.leading\r\n                      ? (...args: any[]) => slots.leading?.(...args)\r\n                      : undefined,\r\n                    trailing: (...args: any[]) => {\r\n                      return slots['dropdown-icon'] ? (\r\n                        slots['dropdown-icon']()\r\n                      ) : (\r\n                        <YIcon\r\n                          {...mergeProps(dropdownIconProps)}\r\n                          icon={props.dropdownIcon}\r\n                          class={['y-select__icon']}\r\n                        ></YIcon>\r\n                      );\r\n                    },\r\n                    label: slots.label\r\n                      ? (...args: any[]) => slots.label?.(...args)\r\n                      : undefined,\r\n                    'helper-text': slots['helper-text']\r\n                      ? (...args: any[]) => slots['helper-text']?.(...args)\r\n                      : undefined,\r\n                  }}\r\n                </YFieldInput>\r\n              ),\r\n            default: slots.menu\r\n              ? () => slots.menu()\r\n              : () => (\r\n                  <YCard ref={cardRef}>\r\n                    {slots['menu-prepend']?.()}\r\n                    {items.value.length > 0 ? (\r\n                      <YList ref={listRef}>\r\n                        {items.value.map((item) => {\r\n                          const itemProps = {\r\n                            item,\r\n                            selected: isSelected(item),\r\n                            select: () => {\r\n                              select(item);\r\n                            },\r\n                          };\r\n                          return withDirectives(\r\n                            <YListItem\r\n                              onClick={(e) => onClickItem(item, e)}\r\n                              class={[\r\n                                {\r\n                                  'y-list-item--active': isSelected(item),\r\n                                },\r\n                              ]}\r\n                              disabled={item.disabled}\r\n                            >\r\n                              {{\r\n                                default: () =>\r\n                                  slots.item\r\n                                    ? slots.item?.(itemProps)\r\n                                    : item.text,\r\n                                leading:\r\n                                  slots['item-leading'] &&\r\n                                  (() => slots['item-leading']?.(itemProps)),\r\n                                trailing:\r\n                                  slots['item-trailing'] &&\r\n                                  (() => slots['item-trailing']?.(itemProps)),\r\n                              }}\r\n                            </YListItem>,\r\n                            [[vShow, !item.hide]],\r\n                          );\r\n                        })}\r\n                      </YList>\r\n                    ) : (\r\n                      <div class=\"y-select__no-options\">\r\n                        {t('$yuyeon.noItems')}\r\n                      </div>\r\n                    )}\r\n                    {slots['menu-append']?.()}\r\n                  </YCard>\r\n                ),\r\n          }}\r\n        </YMenu>\r\n      );\r\n    });\r\n\r\n    onMounted(() => {\r\n      if (\r\n        props.defaultSelect &&\r\n        (props.modelValue === undefined ||\r\n          (Array.isArray(props.modelValue) && props.modelValue.length === 0)) &&\r\n        items.value?.length\r\n      ) {\r\n        select(items.value[0]);\r\n      }\r\n    });\r\n\r\n    expose({\r\n      fieldInputRef,\r\n      baseEl,\r\n      opened,\r\n    });\r\n\r\n    return {\r\n      fieldInputRef,\r\n      model,\r\n      selections,\r\n      selected,\r\n      menuRef,\r\n      baseEl,\r\n      opened,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YSelect = InstanceType<typeof YSelect>;\r\n"],"mappings":"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"}
+{"version":3,"file":"YSelect.mjs","names":["computed","mergeProps","nextTick","onMounted","ref","shallowRef","vShow","watch","withDirectives","useModelDuplex","useRender","pressCoordinateProps","useI18n","pressListItemsPropsOptions","useItems","wrapInArray","deepEqual","omit","chooseProps","defineComponent","getHtmlElement","propsFactory","getScrollParent","YCard","YFieldInput","pressYFieldInputPropsOptions","YIcon","YList","YListItem","YMenu","pressSelectPropsOptions","opened","Boolean","multiple","itemComparator","type","Function","default","defaultSelect","menuProps","Object","pressYSelectPropsOptions","maxHeight","Number","String","dropdownIcon","Array","openDelay","closeDelay","position","YSelect","name","inheritAttrs","props","emits","value","click:item","item","e","change","slots","setup","_ref","attrs","expose","emit","fieldInputRef","menuRef","listRef","cardRef","focused","items","toRefineItems","toEmitItems","t","setOut","v","emitValue","model","selections","ret","found","find","undefined","push","selected","map","selection","extraMenuProps","preventCloseBubble","isSelected","selectedItem","onMousedownDisplay","event","disabled","onKeydownDisplay","console","log","key","onBlur","requestAnimationFrame","contentEl","layer$","content$","contains","document","activeElement","onClickItem","select","setTimeout","onAfterLeave","closeCondition","target","index","findIndex","neo","slice","splice","displayText","text","join","baseEl","scrollToActiveItem","length","listEl","activeEl","querySelector","scrollEl","isSameNode","scrollTo","top","offsetTop","behavior","fieldInputProps","dropdownIconProps","_createVNode","_mergeProps","offset","align","origin","$event","base","_len","arguments","args","_key","rxValue","selectionProps","raw","placeholder","internalItems","leading","_len2","_key2","trailing","label","_len3","_key3","_len4","_key4","menu","itemProps","hide","modelValue","isArray"],"sources":["../../../src/components/select/YSelect.tsx"],"sourcesContent":["import {\n  type PropType,\n  type SlotsType,\n  computed,\n  mergeProps,\n  nextTick,\n  onMounted,\n  ref,\n  shallowRef,\n  vShow,\n  watch,\n  withDirectives,\n} from 'vue';\n\nimport { useModelDuplex } from '@/composables/communication';\nimport { useRender } from '@/composables/component';\nimport { pressCoordinateProps } from '@/composables/coordinate';\nimport { useI18n } from '@/composables/i18n';\nimport {\n  ListItem,\n  pressListItemsPropsOptions,\n  useItems,\n} from '@/composables/list-items';\nimport { wrapInArray } from '@/util/array';\nimport { deepEqual, getObjectValueByPath, omit } from '@/util/common';\nimport {\n  chooseProps,\n  defineComponent,\n  getHtmlElement,\n  propsFactory,\n} from '@/util/component';\nimport { getScrollParent } from '@/util/scroll';\n\nimport { YCard } from '../card';\nimport { YFieldInput, pressYFieldInputPropsOptions } from '../field-input';\nimport { YIcon, YIconIconProp } from '../icon';\nimport { YList, YListItem } from '../list';\nimport { YMenu } from '../menu';\n\nimport './YSelect.scss';\n\nexport type ItemComparator = (\n  optionsItem: any,\n  valueItem: any,\n  valueKey?: string,\n) => boolean;\n\nexport const pressSelectPropsOptions = propsFactory(\n  {\n    opened: Boolean as PropType<boolean>,\n    multiple: Boolean,\n    itemComparator: {\n      type: Function as PropType<ItemComparator>,\n      default: deepEqual,\n    },\n    defaultSelect: Boolean,\n    menuProps: {\n      type: Object as PropType<YMenu['$props']>,\n    },\n    ...pressListItemsPropsOptions(),\n  },\n  'Select',\n);\n\nexport const pressYSelectPropsOptions = propsFactory(\n  {\n    maxHeight: {\n      type: [Number, String],\n      default: 310,\n    },\n    dropdownIcon: {\n      type: [String, Array, Object] as PropType<YIconIconProp>,\n      default: '$dropdown',\n    },\n    openDelay: {\n      type: Number as PropType<number>,\n      default: 200,\n    },\n    closeDelay: {\n      type: Number as PropType<number>,\n      default: 200,\n    },\n    ...pressSelectPropsOptions(),\n    ...pressYFieldInputPropsOptions(),\n    ...omit(pressCoordinateProps({ position: 'bottom' as 'bottom' }), [\n      'coordinateStrategy',\n    ]),\n  },\n  'YSelect',\n);\n\nexport const YSelect = defineComponent({\n  name: 'YSelect',\n  inheritAttrs: false,\n  props: {\n    ...pressYSelectPropsOptions(),\n  },\n  emits: {\n    'update:modelValue': (value: any) => true,\n    'update:opened': (opened: boolean) => true,\n    'click:item': (item: any, e: MouseEvent) => true,\n    change: (value: any) => true,\n  },\n  slots: Object as SlotsType<{\n    base: any;\n    selection: {\n      displayText: string;\n      placeholder: undefined | string;\n      items: any[];\n      internalItems: ListItem[];\n    };\n    leading: any;\n    label: any;\n    'helper-text': any;\n    menu: any;\n    'menu-prepend': any;\n    'menu-append': any;\n    'dropdown-icon': any;\n    item: { item: any; selected: boolean; select: () => void };\n    'item-leading': { item: any; selected: boolean; select: () => void };\n    'item-trailing': { item: any; selected: boolean; select: () => void };\n  }>,\n  setup(props, { slots, attrs, expose, emit }) {\n    const fieldInputRef = ref();\n    const menuRef = ref<InstanceType<typeof YMenu>>();\n    const listRef = ref<InstanceType<typeof YList>>();\n    const cardRef = ref<any>();\n\n    const opened = useModelDuplex(props, 'opened');\n    const focused = shallowRef(false);\n\n    const { items, toRefineItems, toEmitItems } = useItems(props);\n    const { t } = useI18n();\n    const setOut = (v: any) => {\n      const emitValue = toEmitItems(wrapInArray(v));\n      return props.multiple ? emitValue : emitValue[0] ?? null;\n    };\n    const model = useModelDuplex(\n      props,\n      'modelValue',\n      [],\n      (v) => toRefineItems(v === null ? [null] : wrapInArray(v)),\n      setOut,\n    );\n\n    const selections = computed<ListItem[]>(() => {\n      const ret: ListItem<any>[] = [];\n      for (const v of model.value) {\n        const found = items.value.find((item) => {\n          return props.itemComparator(item.value, v.value);\n        });\n        if (found !== undefined) {\n          ret.push(found);\n        }\n      }\n      return ret;\n    });\n\n    const selected = computed(() => {\n      return selections.value.map((selection) => selection?.props?.value);\n    });\n\n    const extraMenuProps = computed(() => {\n      return { ...props.menuProps, preventCloseBubble: true };\n    });\n\n    function isSelected(item: ListItem) {\n      return !!selections.value.find((selectedItem) => {\n        return selectedItem?.value === item.value;\n      });\n    }\n\n    // Field\n    function onMousedownDisplay(event: MouseEvent) {\n      if (props.disabled) return;\n      opened.value = !opened.value;\n    }\n\n    function onKeydownDisplay(event: KeyboardEvent) {\n      console.log(event);\n      if (props.disabled) return;\n      if (event.key === 'Enter' || event.key === ' ') {\n        opened.value = !opened.value;\n      }\n    }\n\n    function onBlur(event: FocusEvent) {\n      requestAnimationFrame(() => {\n        const contentEl = (menuRef.value as any)?.layer$?.content$;\n        if (contentEl?.contains(document.activeElement)) {\n          return;\n        }\n        if (opened.value) {\n          opened.value = false;\n        }\n      });\n    }\n\n    // Menu Contents\n    function onClickItem(item: ListItem, e: MouseEvent) {\n      if (item.disabled) return;\n      select(item);\n      if (!props.multiple) {\n        setTimeout(() => {\n          opened.value = false;\n        }, 40);\n      }\n    }\n\n    function onAfterLeave() {\n      if (!focused.value) {\n        // fieldInputRef.value?.focus();\n      }\n    }\n\n    function closeCondition(event: MouseEvent) {\n      if (event.target && (menuRef.value as any)?.layer$?.content$) {\n        return (event.target as HTMLElement)?.contains(\n          (menuRef.value as any)?.layer$?.content$,\n        );\n      }\n    }\n\n    function select(item: ListItem) {\n      let value;\n      if (props.multiple) {\n        const index = selections.value.findIndex((selectedItem) => {\n          return selectedItem.value === item.value;\n        });\n        if (index === -1) {\n          value = [...model.value, item];\n        } else {\n          const neo = model.value.slice();\n          neo.splice(index, 1);\n          value = neo;\n        }\n      } else {\n        value = [item];\n      }\n      model.value = value;\n      emit('change', setOut(value));\n    }\n\n    const displayText = computed(() => {\n      if (props.multiple) {\n        return selections.value.map((item) => item.text).join(', ');\n      }\n      return selections.value?.[0]?.text ?? '';\n    });\n\n    const baseEl = computed(() => {\n      return menuRef.value?.baseEl;\n    });\n\n    watch(opened, (neo) => {\n      if (neo) {\n        nextTick(() => {\n          scrollToActiveItem();\n        });\n      }\n    });\n\n    function scrollToActiveItem() {\n      if (selections.value.length === 0) {\n        return;\n      }\n      const listEl = getHtmlElement(listRef.value);\n      if (listEl) {\n        const activeEl = listEl?.querySelector('.y-list-item--active') as\n          | HTMLElement\n          | undefined;\n        const contentEl = (menuRef.value as any)?.layer$\n          ?.content$ as HTMLElement;\n        if (activeEl && contentEl) {\n          const scrollEl = getScrollParent(activeEl);\n          if (\n            scrollEl &&\n            (contentEl.contains(scrollEl) || contentEl.isSameNode(scrollEl))\n          ) {\n            scrollEl.scrollTo({ top: activeEl.offsetTop, behavior: 'smooth' });\n          }\n        }\n      }\n    }\n\n    useRender(() => {\n      const fieldInputProps = chooseProps(props, YFieldInput.props);\n      const dropdownIconProps = chooseProps(\n        typeof props.dropdownIcon === 'object' ? props.dropdownIcon : {},\n        YIcon.props,\n      );\n      return (\n        <YMenu\n          ref={menuRef}\n          offset={props.offset}\n          position={props.position}\n          align={props.align}\n          origin={props.origin}\n          content-classes={['y-select__content']}\n          maxHeight={props.maxHeight}\n          open-on-click-base={false}\n          onAfterLeave={onAfterLeave}\n          open-delay={props.openDelay}\n          close-delay={props.closeDelay}\n          closeCondition={closeCondition}\n          {...extraMenuProps.value}\n          v-model={opened.value}\n        >\n          {{\n            base: (...args: any[]) =>\n              slots.base ? (\n                slots.base?.(...args)\n              ) : (\n                <YFieldInput\n                  {...{\n                    ...fieldInputProps,\n                    ...mergeProps({ ...args[0].props }, { ref: fieldInputRef }),\n                  }}\n                  modelValue={model.value\n                    .map((v: any) => v.props.value)\n                    .join(', ')}\n                  validationValue={model.rxValue}\n                  onMousedown:display={onMousedownDisplay}\n                  onKeydown:display={onKeydownDisplay}\n                  onBlur={onBlur}\n                  readonly\n                  class={[\n                    'y-select',\n                    {\n                      'y-select--opened': opened.value,\n                      'y-select--selected': selected.value.length > 0,\n                    },\n                  ]}\n                  {...attrs}\n                  focused={focused.value}\n                >\n                  {{\n                    default: () => {\n                      const selectionProps = {\n                        items: selections.value.map((item) => item.raw),\n                        displayText: displayText.value,\n                        placeholder: props.placeholder,\n                        internalItems: selections.value,\n                      };\n                      return (\n                        <div class={['y-select__selection']}>\n                          {slots.selection\n                            ? slots.selection?.(selectionProps)\n                            : selected.value.length > 0\n                              ? displayText.value\n                              : props.placeholder}\n                        </div>\n                      );\n                    },\n                    leading: slots.leading\n                      ? (...args: any[]) => slots.leading?.(...args)\n                      : undefined,\n                    trailing: (...args: any[]) => {\n                      return slots['dropdown-icon'] ? (\n                        slots['dropdown-icon']()\n                      ) : (\n                        <YIcon\n                          {...mergeProps(dropdownIconProps)}\n                          icon={props.dropdownIcon}\n                          class={['y-select__icon']}\n                        ></YIcon>\n                      );\n                    },\n                    label: slots.label\n                      ? (...args: any[]) => slots.label?.(...args)\n                      : undefined,\n                    'helper-text': slots['helper-text']\n                      ? (...args: any[]) => slots['helper-text']?.(...args)\n                      : undefined,\n                  }}\n                </YFieldInput>\n              ),\n            default: slots.menu\n              ? () => slots.menu()\n              : () => (\n                  <YCard ref={cardRef}>\n                    {slots['menu-prepend']?.()}\n                    {items.value.length > 0 ? (\n                      <YList ref={listRef}>\n                        {items.value.map((item) => {\n                          const itemProps = {\n                            item,\n                            selected: isSelected(item),\n                            select: () => {\n                              select(item);\n                            },\n                          };\n                          return withDirectives(\n                            <YListItem\n                              onClick={(e) => onClickItem(item, e)}\n                              class={[\n                                {\n                                  'y-list-item--active': isSelected(item),\n                                },\n                              ]}\n                              disabled={item.disabled}\n                            >\n                              {{\n                                default: () =>\n                                  slots.item\n                                    ? slots.item?.(itemProps)\n                                    : item.text,\n                                leading:\n                                  slots['item-leading'] &&\n                                  (() => slots['item-leading']?.(itemProps)),\n                                trailing:\n                                  slots['item-trailing'] &&\n                                  (() => slots['item-trailing']?.(itemProps)),\n                              }}\n                            </YListItem>,\n                            [[vShow, !item.hide]],\n                          );\n                        })}\n                      </YList>\n                    ) : (\n                      <div class=\"y-select__no-options\">\n                        {t('$yuyeon.noItems')}\n                      </div>\n                    )}\n                    {slots['menu-append']?.()}\n                  </YCard>\n                ),\n          }}\n        </YMenu>\n      );\n    });\n\n    onMounted(() => {\n      if (\n        props.defaultSelect &&\n        (props.modelValue === undefined ||\n          (Array.isArray(props.modelValue) && props.modelValue.length === 0)) &&\n        items.value?.length\n      ) {\n        select(items.value[0]);\n      }\n    });\n\n    expose({\n      fieldInputRef,\n      baseEl,\n      opened,\n    });\n\n    return {\n      fieldInputRef,\n      model,\n      selections,\n      selected,\n      menuRef,\n      baseEl,\n      opened,\n    };\n  },\n});\n\nexport type YSelect = InstanceType<typeof YSelect>;\n"],"mappings":"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"}

package/lib/components/table/YDataTableBody.mjs

@@ -21,14 +21,16 @@ export const pressYDataTableBodyProps = propsFactory({
   rowHeight: Number,
   'onClick:row': Function,
   'onDblclick:row': Function,
-  'onContextmenu:row': Function
+  'onContextmenu:row': Function,
+  'onMousedown:row': Function,
+  'onKeydown:row': Function
 }, 'YDataTableBody');
 export const YDataTableBody = defineComponent({
   name: 'YDataTableBody',
   props: {
     ...pressYDataTableBodyProps()
   },
-  emits: ['click:row'],
+  emits: ['click:row', 'dblclick:row', 'contextmenu:row', 'mousedown:row'],
   setup(props, _ref) {
     let {
       slots,
@@ -83,6 +85,18 @@ export const YDataTableBody = defineComponent({
             el
           });
         }
+        function onMousedown(event, el) {
+          props['onMousedown:row']?.(event, {
+            ...stateProps,
+            el
+          });
+        }
+        function onKeydown(event, el) {
+          props['onKeydown:row']?.(event, {
+            ...stateProps,
+            el
+          });
+        }
         const slotProps = {
           ...stateProps,
           props: mergeProps({
@@ -96,12 +110,16 @@ export const YDataTableBody = defineComponent({
           }) : props.rowProps),
           onClick,
           onContextmenu,
-          onDblclick
+          onDblclick,
+          onMousedown,
+          onKeydown
         };
         return _createVNode(_Fragment, null, [slots.item ? slots.item(slotProps) : _createVNode(YDataTableRow, _mergeProps(slotProps.props, {
           "onClick": props['onClick:row'] && onClick,
           "onContextmenu": props['onContextmenu:row'] && onContextmenu,
-          "onDblclick": props['onDblclick:row'] && onDblclick
+          "onDblclick": props['onDblclick:row'] && onDblclick,
+          "onMousedown": props['onMousedown:row'] && onMousedown,
+          "onKeydown": props['onKeydown:row'] && onKeydown
         }), slots)]);
       })]);
     });

package/lib/components/table/YDataTableBody.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YDataTableBody.mjs","names":["mergeProps","useRender","defineComponent","propsFactory","YDataTableRow","useHeader","useSelection","pressYDataTableBodyProps","items","type","Array","default","loading","Boolean","String","loadingText","hideNoData","noDataText","rowProps","Function","Object","rowHeight","Number","YDataTableBody","name","props","emits","setup","_ref","slots","emit","columns","isSelected","toggleSelect","_createVNode","value","length","_Fragment","body","map","item","index","stateProps","raw","internalItem","onClick","event","el","onDblclick","onContextmenu","slotProps","key","_mergeProps"],"sources":["../../../src/components/table/YDataTableBody.tsx"],"sourcesContent":["import { type PropType, mergeProps } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { defineComponent, propsFactory } from '@/util/component';\n\nimport { YDataTableRow } from './YDataTableRow';\nimport { useHeader } from './composibles/header';\nimport { useSelection } from './composibles/selection';\nimport { DataTableItem, RowProps } from './types';\n\nexport const pressYDataTableBodyProps = propsFactory(\n  {\n    items: {\n      type: Array as PropType<readonly DataTableItem[]>,\n      default: () => [],\n    },\n    loading: [Boolean, String],\n    loadingText: String,\n    hideNoData: Boolean,\n    noDataText: {\n      type: String,\n      default: '',\n    },\n    rowProps: [Function, Object] as PropType<RowProps<any>>,\n    rowHeight: Number,\n    'onClick:row': Function as PropType<(e: Event, value: any) => void>,\n    'onDblclick:row': Function as PropType<(e: Event, value: any) => void>,\n    'onContextmenu:row': Function as PropType<(e: Event, value: any) => void>,\n  },\n  'YDataTableBody',\n);\n\nexport const YDataTableBody = defineComponent({\n  name: 'YDataTableBody',\n  props: {\n    ...pressYDataTableBodyProps(),\n  },\n  emits: ['click:row'],\n  setup(props, { slots, emit }) {\n    const { columns } = useHeader();\n    const { isSelected, toggleSelect } = useSelection();\n\n    useRender(() => {\n      if (props.loading) {\n        return (\n          <tr>\n            <td colspan={columns.value.length} class={'y-data-table__loading'}>\n              {slots.loading ? slots.loading() : <div>{props.loadingText}</div>}\n            </td>\n          </tr>\n        );\n      }\n      if (!props.loading && props.items.length < 1 && !props.hideNoData) {\n        return (\n          <tr key=\"no-data\" class=\"y-data-table__no-data\">\n            <td colspan={columns.value.length}>\n              {slots['no-data']?.() ?? props.noDataText}\n            </td>\n          </tr>\n        );\n      }\n      return (\n        <>\n          {slots.body\n            ? slots.body?.(props)\n            : props.items.map((item, index) => {\n                const stateProps = {\n                  index,\n                  item: item.raw,\n                  internalItem: item,\n                  columns: columns.value,\n                  isSelected,\n                  toggleSelect,\n                };\n\n                function onClick(event: Event, el: null | Element) {\n                  props['onClick:row']?.(event, { ...stateProps, el });\n                }\n\n                function onDblclick(event: Event, el: null | Element) {\n                  props['onDblclick:row']?.(event, { ...stateProps, el });\n                }\n\n                function onContextmenu(event: Event, el: null | Element) {\n                  props['onContextmenu:row']?.(event, {\n                    ...stateProps,\n                    el,\n                  });\n                }\n\n                const slotProps = {\n                  ...stateProps,\n                  props: mergeProps(\n                    {\n                      key: `item__${item.key ?? item.index}`,\n                      item,\n                      index,\n                    },\n                    typeof props.rowProps === 'function'\n                      ? props.rowProps({\n                          item: stateProps.item,\n                          index: stateProps.index,\n                          internalItem: stateProps.internalItem,\n                        })\n                      : props.rowProps,\n                  ),\n                  onClick,\n                  onContextmenu,\n                  onDblclick,\n                };\n\n                return (\n                  <>\n                    {slots.item ? (\n                      slots.item(slotProps)\n                    ) : (\n                      <YDataTableRow\n                        v-slots={slots}\n                        {...slotProps.props}\n                        onClick={props['onClick:row'] && onClick}\n                        onContextmenu={\n                          props['onContextmenu:row'] && onContextmenu\n                        }\n                        onDblclick={props['onDblclick:row'] && onDblclick}\n                      ></YDataTableRow>\n                    )}\n                  </>\n                );\n              })}\n        </>\n      );\n    });\n\n    // end\n    return {};\n  },\n});\n\nexport type YDataTableBody = InstanceType<typeof YDataTableBody>;\n"],"mappings":"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"}
+{"version":3,"file":"YDataTableBody.mjs","names":["mergeProps","useRender","defineComponent","propsFactory","YDataTableRow","useHeader","useSelection","pressYDataTableBodyProps","items","type","Array","default","loading","Boolean","String","loadingText","hideNoData","noDataText","rowProps","Function","Object","rowHeight","Number","YDataTableBody","name","props","emits","setup","_ref","slots","emit","columns","isSelected","toggleSelect","_createVNode","value","length","_Fragment","body","map","item","index","stateProps","raw","internalItem","onClick","event","el","onDblclick","onContextmenu","onMousedown","onKeydown","slotProps","key","_mergeProps"],"sources":["../../../src/components/table/YDataTableBody.tsx"],"sourcesContent":["import { type PropType, mergeProps } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { defineComponent, propsFactory } from '@/util/component';\n\nimport { YDataTableRow } from './YDataTableRow';\nimport { useHeader } from './composibles/header';\nimport { useSelection } from './composibles/selection';\nimport { DataTableItem, RowProps } from './types';\n\nexport const pressYDataTableBodyProps = propsFactory(\n  {\n    items: {\n      type: Array as PropType<readonly DataTableItem[]>,\n      default: () => [],\n    },\n    loading: [Boolean, String],\n    loadingText: String,\n    hideNoData: Boolean,\n    noDataText: {\n      type: String,\n      default: '',\n    },\n    rowProps: [Function, Object] as PropType<RowProps<any>>,\n    rowHeight: Number,\n    'onClick:row': Function as PropType<(e: Event, value: any) => void>,\n    'onDblclick:row': Function as PropType<(e: Event, value: any) => void>,\n    'onContextmenu:row': Function as PropType<(e: Event, value: any) => void>,\n    'onMousedown:row': Function as PropType<(e: Event, value: any) => void>,\n    'onKeydown:row': Function as PropType<(e: Event, value: any) => void>,\n  },\n  'YDataTableBody',\n);\n\nexport const YDataTableBody = defineComponent({\n  name: 'YDataTableBody',\n  props: {\n    ...pressYDataTableBodyProps(),\n  },\n  emits: ['click:row', 'dblclick:row', 'contextmenu:row', 'mousedown:row'],\n  setup(props, { slots, emit }) {\n    const { columns } = useHeader();\n    const { isSelected, toggleSelect } = useSelection();\n\n    useRender(() => {\n      if (props.loading) {\n        return (\n          <tr>\n            <td colspan={columns.value.length} class={'y-data-table__loading'}>\n              {slots.loading ? slots.loading() : <div>{props.loadingText}</div>}\n            </td>\n          </tr>\n        );\n      }\n      if (!props.loading && props.items.length < 1 && !props.hideNoData) {\n        return (\n          <tr key=\"no-data\" class=\"y-data-table__no-data\">\n            <td colspan={columns.value.length}>\n              {slots['no-data']?.() ?? props.noDataText}\n            </td>\n          </tr>\n        );\n      }\n      return (\n        <>\n          {slots.body\n            ? slots.body?.(props)\n            : props.items.map((item, index) => {\n                const stateProps = {\n                  index,\n                  item: item.raw,\n                  internalItem: item,\n                  columns: columns.value,\n                  isSelected,\n                  toggleSelect,\n                };\n\n                function onClick(event: Event, el: null | Element) {\n                  props['onClick:row']?.(event, { ...stateProps, el });\n                }\n\n                function onDblclick(event: Event, el: null | Element) {\n                  props['onDblclick:row']?.(event, { ...stateProps, el });\n                }\n\n                function onContextmenu(event: Event, el: null | Element) {\n                  props['onContextmenu:row']?.(event, {\n                    ...stateProps,\n                    el,\n                  });\n                }\n\n                function onMousedown(event: Event, el: null | Element) {\n                  props['onMousedown:row']?.(event, { ...stateProps, el });\n                }\n\n              function onKeydown(event: Event, el: null | Element) {\n                props['onKeydown:row']?.(event, { ...stateProps, el });\n              }\n\n                const slotProps = {\n                  ...stateProps,\n                  props: mergeProps(\n                    {\n                      key: `item__${item.key ?? item.index}`,\n                      item,\n                      index,\n                    },\n                    typeof props.rowProps === 'function'\n                      ? props.rowProps({\n                          item: stateProps.item,\n                          index: stateProps.index,\n                          internalItem: stateProps.internalItem,\n                        })\n                      : props.rowProps,\n                  ),\n                  onClick,\n                  onContextmenu,\n                  onDblclick,\n                  onMousedown,\n                  onKeydown,\n                };\n\n                return (\n                  <>\n                    {slots.item ? (\n                      slots.item(slotProps)\n                    ) : (\n                      <YDataTableRow\n                        v-slots={slots}\n                        {...slotProps.props}\n                        onClick={props['onClick:row'] && onClick}\n                        onContextmenu={\n                          props['onContextmenu:row'] && onContextmenu\n                        }\n                        onDblclick={props['onDblclick:row'] && onDblclick}\n                        onMousedown={props['onMousedown:row'] && onMousedown}\n                        onKeydown={props['onKeydown:row'] && onKeydown}\n                      ></YDataTableRow>\n                    )}\n                  </>\n                );\n              })}\n        </>\n      );\n    });\n\n    // end\n    return {};\n  },\n});\n\nexport type YDataTableBody = InstanceType<typeof YDataTableBody>;\n"],"mappings":"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"}

package/lib/components/table/YDataTableRow.mjs

@@ -10,10 +10,12 @@ import { useHeader } from "./composibles/header.mjs";
 import { useSelection } from "./composibles/selection.mjs";
 export const pressYDataTableRowProps = propsFactory({
   index: Number,
+  onHover: Function,
+  onMousedown: Function,
   onClick: Function,
-  onContextmenu: Function,
   onDblclick: Function,
-  onHover: Function
+  onContextmenu: Function,
+  onKeydown: Function
 }, 'YDataTableRow');
 export const YDataTableRow = defineComponent({
   name: 'YDataTableRow',
@@ -22,6 +24,7 @@ export const YDataTableRow = defineComponent({
     cellProps: [Object, Function],
     ...pressYDataTableRowProps()
   },
+  emits: ['hover', 'mousedown', 'click', 'dblclick', 'contextmenu'],
   setup(props, _ref) {
     let {
       emit,
@@ -48,6 +51,9 @@ export const YDataTableRow = defineComponent({
       }
       return ret;
     }
+    function onMousedown(event) {
+      props.onMousedown?.(event, vm?.proxy?.$el);
+    }
     function onClick(event) {
       props.onClick?.(event, vm?.proxy?.$el);
     }
@@ -57,6 +63,9 @@ export const YDataTableRow = defineComponent({
     function onDblclick(event) {
       props.onDblclick?.(event, vm?.proxy?.$el);
     }
+    function onKeydown(event) {
+      props.onKeydown?.(event, vm?.proxy?.$el);
+    }
     useRender(() => {
       return _createVNode("tr", {
         "class": ['y-data-table__row', {
@@ -64,7 +73,9 @@ export const YDataTableRow = defineComponent({
         }],
         "onClick": props.onClick && onClick,
         "onContextmenu": props.onContextmenu && onContextmenu,
-        "onDblclick": props.onDblclick && onDblclick
+        "onDblclick": props.onDblclick && onDblclick,
+        "onMousedown": props.onMousedown && onMousedown,
+        "onKeydown": props.onKeydown && onKeydown
       }, [props.item && columns.value.map((column, colIndex) => {
         const item = props.item;
         const slotProps = {

package/lib/components/table/YDataTableRow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YDataTableRow.mjs","names":["computed","getCurrentInstance","useRender","getPropertyFromItem","defineComponent","propsFactory","YIconCheckbox","YDataTableCell","useHeader","useSelection","pressYDataTableRowProps","index","Number","onClick","Function","onContextmenu","onDblclick","onHover","YDataTableRow","name","props","item","Object","cellProps","setup","_ref","emit","slots","vm","isSelected","toggleSelect","columns","selected","arrayClasses","classes","ret","push","Array","isArray","forEach","c","event","proxy","$el","_createVNode","value","map","column","colIndex","slotProps","raw","internalItem","key","el","result","call","_mergeProps","align","fixed","lastFixed","undefined","fixedOffset","width","maxWidth","default","slotName","selectable","e","stopPropagation"],"sources":["../../../src/components/table/YDataTableRow.tsx"],"sourcesContent":["import { type PropType, computed, getCurrentInstance } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { getPropertyFromItem } from '@/util/common';\nimport { defineComponent } from '@/util/component';\nimport { propsFactory } from '@/util/component';\n\nimport { YIconCheckbox } from '../icons';\nimport { YDataTableCell } from './YDataTableCell';\nimport { useHeader } from './composibles/header';\nimport { useSelection } from './composibles/selection';\nimport { CellProps, DataTableItem } from './types';\n\nexport const pressYDataTableRowProps = propsFactory(\n  {\n    index: Number as PropType<number>,\n    onClick: Function as PropType<(...args: any[]) => void>,\n    onContextmenu: Function as PropType<(...args: any[]) => void>,\n    onDblclick: Function as PropType<(...args: any[]) => void>,\n    onHover: Function as PropType<(...args: any[]) => void>,\n  },\n  'YDataTableRow',\n);\n\nexport const YDataTableRow = defineComponent({\n  name: 'YDataTableRow',\n  props: {\n    item: Object as PropType<DataTableItem>,\n    cellProps: [Object, Function] as PropType<CellProps>,\n    ...pressYDataTableRowProps(),\n  },\n  setup(props, { emit, slots }) {\n    const vm = getCurrentInstance();\n    const { isSelected, toggleSelect } = useSelection();\n    const { columns } = useHeader();\n\n    const selected = computed(() => props.item && isSelected(props.item));\n\n    function arrayClasses(classes: string | string[]) {\n      const ret: string[] = [];\n      if (typeof classes === 'string') {\n        ret.push(classes);\n      }\n      if (Array.isArray(classes)) {\n        classes.forEach((c) => {\n          if (typeof c === 'string') ret.push(c);\n        });\n      }\n      return ret;\n    }\n\n    function onClick(event: MouseEvent) {\n      props.onClick?.(event, vm?.proxy?.$el);\n    }\n\n    function onContextmenu(event: MouseEvent) {\n      props.onContextmenu?.(event, vm?.proxy?.$el);\n    }\n\n    function onDblclick(event: MouseEvent) {\n      props.onDblclick?.(event, vm?.proxy?.$el);\n    }\n\n    useRender(() => {\n      return (\n        <tr\n          class={[\n            'y-data-table__row',\n            { 'y-data-table__row--selected': selected.value },\n          ]}\n          onClick={props.onClick && onClick}\n          onContextmenu={props.onContextmenu && onContextmenu}\n          onDblclick={props.onDblclick && onDblclick}\n        >\n          {props.item &&\n            columns.value.map((column, colIndex) => {\n              const item = props.item!;\n              const slotProps = {\n                index: props.index!,\n                item: props.item!.raw,\n                internalItem: props.item!,\n                columns: columns.value,\n                value: getPropertyFromItem(item.columns, column.key),\n                selected: selected.value,\n                toggleSelect,\n                el: vm?.proxy?.$el,\n              };\n\n              const classes = computed(() => {\n                const ret: string[] = [];\n                if (typeof column.classes === 'function') {\n                  const result = column.classes.call(\n                    null,\n                    slotProps.item,\n                    slotProps.index,\n                    column,\n                  );\n                  if (result) {\n                    ret.push(...arrayClasses(result));\n                  }\n                } else if (column.classes) {\n                  ret.push(...arrayClasses(column.classes));\n                }\n\n                return ret;\n              });\n\n              const cellProps =\n                typeof props.cellProps === 'function'\n                  ? props.cellProps({\n                      index: slotProps.index,\n                      column,\n                      internalItem: slotProps.internalItem,\n                      item: slotProps.item,\n                      value: slotProps.value,\n                      selected: slotProps.selected,\n                    })\n                  : props.cellProps;\n\n              return (\n                <YDataTableCell\n                  align={column.align}\n                  fixed={\n                    column.fixed\n                      ? column.lastFixed\n                        ? 'last'\n                        : 'lead'\n                      : undefined\n                  }\n                  fixedOffset={column.fixedOffset}\n                  width={column.width}\n                  maxWidth={column.maxWidth}\n                  class={[\n                    'y-data-table-data',\n                    {\n                      'y-data-table-data--select':\n                        column.key === 'data-table-select',\n                    },\n                    ...classes.value,\n                  ]}\n                  {...cellProps}\n                >\n                  {{\n                    default: () => {\n                      const slotName = `item.${column.key}`;\n\n                      if (slots[slotName]) {\n                        return slots[slotName]?.(slotProps);\n                      }\n\n                      if (column.key === 'data-table-select') {\n                        return (\n                          slots['item.data-table-select']?.(slotProps) ?? (\n                            <YIconCheckbox\n                              checked={isSelected(item)}\n                              disabled={!item.selectable}\n                              {...{\n                                onClick: (e: MouseEvent) => {\n                                  e.stopPropagation();\n                                  if (item.selectable) toggleSelect(item);\n                                },\n                              }}\n                            ></YIconCheckbox>\n                          )\n                        );\n                      }\n\n                      return slotProps.value;\n                    },\n                  }}\n                </YDataTableCell>\n              );\n            })}\n        </tr>\n      );\n    });\n  },\n});\n\nexport type YDataTableRow = InstanceType<typeof YDataTableRow>;\n"],"mappings":"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"}
+{"version":3,"file":"YDataTableRow.mjs","names":["computed","getCurrentInstance","useRender","getPropertyFromItem","defineComponent","propsFactory","YIconCheckbox","YDataTableCell","useHeader","useSelection","pressYDataTableRowProps","index","Number","onHover","Function","onMousedown","onClick","onDblclick","onContextmenu","onKeydown","YDataTableRow","name","props","item","Object","cellProps","emits","setup","_ref","emit","slots","vm","isSelected","toggleSelect","columns","selected","arrayClasses","classes","ret","push","Array","isArray","forEach","c","event","proxy","$el","_createVNode","value","map","column","colIndex","slotProps","raw","internalItem","key","el","result","call","_mergeProps","align","fixed","lastFixed","undefined","fixedOffset","width","maxWidth","default","slotName","selectable","e","stopPropagation"],"sources":["../../../src/components/table/YDataTableRow.tsx"],"sourcesContent":["import { type PropType, computed, getCurrentInstance } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { getPropertyFromItem } from '@/util/common';\nimport { defineComponent } from '@/util/component';\nimport { propsFactory } from '@/util/component';\n\nimport { YIconCheckbox } from '../icons';\nimport { YDataTableCell } from './YDataTableCell';\nimport { useHeader } from './composibles/header';\nimport { useSelection } from './composibles/selection';\nimport { CellProps, DataTableItem } from './types';\n\nexport const pressYDataTableRowProps = propsFactory(\n  {\n    index: Number as PropType<number>,\n    onHover: Function as PropType<(...args: any[]) => void>,\n    onMousedown: Function as PropType<(...args: any[]) => void>,\n    onClick: Function as PropType<(...args: any[]) => void>,\n    onDblclick: Function as PropType<(...args: any[]) => void>,\n    onContextmenu: Function as PropType<(...args: any[]) => void>,\n    onKeydown: Function as PropType<(...args: any[]) => void>,\n  },\n  'YDataTableRow',\n);\n\nexport const YDataTableRow = defineComponent({\n  name: 'YDataTableRow',\n  props: {\n    item: Object as PropType<DataTableItem>,\n    cellProps: [Object, Function] as PropType<CellProps>,\n    ...pressYDataTableRowProps(),\n  },\n  emits: ['hover', 'mousedown', 'click', 'dblclick', 'contextmenu'],\n  setup(props, { emit, slots }) {\n    const vm = getCurrentInstance();\n    const { isSelected, toggleSelect } = useSelection();\n    const { columns } = useHeader();\n\n    const selected = computed(() => props.item && isSelected(props.item));\n\n    function arrayClasses(classes: string | string[]) {\n      const ret: string[] = [];\n      if (typeof classes === 'string') {\n        ret.push(classes);\n      }\n      if (Array.isArray(classes)) {\n        classes.forEach((c) => {\n          if (typeof c === 'string') ret.push(c);\n        });\n      }\n      return ret;\n    }\n\n    function onMousedown(event: MouseEvent) {\n      props.onMousedown?.(event, vm?.proxy?.$el);\n    }\n\n    function onClick(event: MouseEvent) {\n      props.onClick?.(event, vm?.proxy?.$el);\n    }\n\n    function onContextmenu(event: MouseEvent) {\n      props.onContextmenu?.(event, vm?.proxy?.$el);\n    }\n\n    function onDblclick(event: MouseEvent) {\n      props.onDblclick?.(event, vm?.proxy?.$el);\n    }\n\n    function onKeydown(event: KeyboardEvent) {\n      props.onKeydown?.(event, vm?.proxy?.$el);\n    }\n\n    useRender(() => {\n      return (\n        <tr\n          class={[\n            'y-data-table__row',\n            { 'y-data-table__row--selected': selected.value },\n          ]}\n          onClick={props.onClick && onClick}\n          onContextmenu={props.onContextmenu && onContextmenu}\n          onDblclick={props.onDblclick && onDblclick}\n          onMousedown={props.onMousedown && onMousedown}\n          onKeydown={props.onKeydown && onKeydown}\n        >\n          {props.item &&\n            columns.value.map((column, colIndex) => {\n              const item = props.item!;\n              const slotProps = {\n                index: props.index!,\n                item: props.item!.raw,\n                internalItem: props.item!,\n                columns: columns.value,\n                value: getPropertyFromItem(item.columns, column.key),\n                selected: selected.value,\n                toggleSelect,\n                el: vm?.proxy?.$el,\n              };\n\n              const classes = computed(() => {\n                const ret: string[] = [];\n                if (typeof column.classes === 'function') {\n                  const result = column.classes.call(\n                    null,\n                    slotProps.item,\n                    slotProps.index,\n                    column,\n                  );\n                  if (result) {\n                    ret.push(...arrayClasses(result));\n                  }\n                } else if (column.classes) {\n                  ret.push(...arrayClasses(column.classes));\n                }\n\n                return ret;\n              });\n\n              const cellProps =\n                typeof props.cellProps === 'function'\n                  ? props.cellProps({\n                      index: slotProps.index,\n                      column,\n                      internalItem: slotProps.internalItem,\n                      item: slotProps.item,\n                      value: slotProps.value,\n                      selected: slotProps.selected,\n                    })\n                  : props.cellProps;\n\n              return (\n                <YDataTableCell\n                  align={column.align}\n                  fixed={\n                    column.fixed\n                      ? column.lastFixed\n                        ? 'last'\n                        : 'lead'\n                      : undefined\n                  }\n                  fixedOffset={column.fixedOffset}\n                  width={column.width}\n                  maxWidth={column.maxWidth}\n                  class={[\n                    'y-data-table-data',\n                    {\n                      'y-data-table-data--select':\n                        column.key === 'data-table-select',\n                    },\n                    ...classes.value,\n                  ]}\n                  {...cellProps}\n                >\n                  {{\n                    default: () => {\n                      const slotName = `item.${column.key}`;\n\n                      if (slots[slotName]) {\n                        return slots[slotName]?.(slotProps);\n                      }\n\n                      if (column.key === 'data-table-select') {\n                        return (\n                          slots['item.data-table-select']?.(slotProps) ?? (\n                            <YIconCheckbox\n                              checked={isSelected(item)}\n                              disabled={!item.selectable}\n                              {...{\n                                onClick: (e: MouseEvent) => {\n                                  e.stopPropagation();\n                                  if (item.selectable) toggleSelect(item);\n                                },\n                              }}\n                            ></YIconCheckbox>\n                          )\n                        );\n                      }\n\n                      return slotProps.value;\n                    },\n                  }}\n                </YDataTableCell>\n              );\n            })}\n        </tr>\n      );\n    });\n  },\n});\n\nexport type YDataTableRow = InstanceType<typeof YDataTableRow>;\n"],"mappings":"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"}

package/lib/i18n/built-in.mjs

@@ -1,7 +1,7 @@
 import { ref, shallowRef } from 'vue';
-import { useProvided } from "../composables/index.mjs";
+import { useProvided } from "../composables/communication.mjs";
 import en from "../locales/en.mjs";
-import { getObjectValueByPath } from "../util/index.mjs";
+import { getObjectValueByPath } from "../util/common.mjs";
 const LOCALE_PREFIX = '$yuyeon';
 function replaceParams(str, params) {
   return str.replace(/\{(\d+)\}/g, (item, index) => {

package/lib/i18n/built-in.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"built-in.mjs","names":["ref","shallowRef","useProvided","en","getObjectValueByPath","LOCALE_PREFIX","replaceParams","str","params","replace","item","index","String","generateContext","locale","fallbackLocale","messages","translate","key","_len","arguments","length","Array","_key","startsWith","path","localeMessages","value","fallbackMessages","msg","number","options","numberFormat","Intl","NumberFormat","format","getContext","props","localLocale","localFallbackLocale","localMessages","ctx","name","t","n","constructYuyeonI18nAdapter"],"sources":["../../src/i18n/built-in.ts"],"sourcesContent":["import { ref, shallowRef } from 'vue';\r\nimport type { Ref } from 'vue';\r\n\r\nimport { useProvided } from '../composables';\r\nimport en from '../locales/en';\r\nimport { getObjectValueByPath } from '../util';\r\nimport type { LocaleMessages, LocaleModule, LocaleOptions } from './types';\r\n\r\nconst LOCALE_PREFIX = '$yuyeon';\r\n\r\nfunction replaceParams(str: string, params: unknown[]) {\r\n  return str.replace(/\\{(\\d+)\\}/g, (item, index) => {\r\n    return String(params[+index]);\r\n  });\r\n}\r\n\r\nfunction generateContext(\r\n  locale: Ref<string>,\r\n  fallbackLocale: Ref<string>,\r\n  messages: Ref<LocaleMessages>,\r\n) {\r\n  function translate(key: string, ...params: unknown[]) {\r\n    if (!key.startsWith(LOCALE_PREFIX)) {\r\n      return replaceParams(key, params);\r\n    }\r\n    const path = key.replace(LOCALE_PREFIX, '');\r\n    const localeMessages = locale.value && messages.value[locale.value];\r\n    const fallbackMessages =\r\n      fallbackLocale.value && messages.value[fallbackLocale.value];\r\n\r\n    let msg: string = getObjectValueByPath(localeMessages, path, null);\r\n    if (!msg) {\r\n      msg = getObjectValueByPath(fallbackMessages, path, null);\r\n    }\r\n    if (!msg) {\r\n      msg = key;\r\n    }\r\n    if (typeof msg !== 'string') {\r\n      msg = key;\r\n    }\r\n    return replaceParams(msg, params);\r\n  }\r\n\r\n  function number(value: number, options?: Intl.NumberFormatOptions) {\r\n    const numberFormat = new Intl.NumberFormat(\r\n      [locale.value, fallbackLocale.value],\r\n      options,\r\n    );\r\n    return numberFormat.format(value);\r\n  }\r\n\r\n  function getContext(props: LocaleOptions) {\r\n    const localLocale = useProvided(props, 'locale', locale);\r\n    const localFallbackLocale = useProvided(\r\n      props,\r\n      'fallbackLocale',\r\n      fallbackLocale,\r\n    );\r\n    const localMessages = useProvided(props, 'messages', messages);\r\n    const ctx = generateContext(\r\n      localLocale,\r\n      localFallbackLocale,\r\n      localMessages,\r\n    );\r\n    return {\r\n      name: 'yuyeon',\r\n      locale,\r\n      fallbackLocale,\r\n      messages,\r\n      t: ctx.translate,\r\n      n: ctx.number,\r\n      getContext: ctx.getContext,\r\n    };\r\n  }\r\n\r\n  return {\r\n    translate,\r\n    number,\r\n    getContext,\r\n  };\r\n}\r\n\r\nexport function constructYuyeonI18nAdapter(\r\n  options?: LocaleOptions,\r\n): LocaleModule {\r\n  const locale = shallowRef(options?.locale ?? 'en');\r\n  const fallbackLocale = shallowRef(options?.fallbackLocale ?? 'en');\r\n  const messages = ref({\r\n    en,\r\n    ...options?.messages,\r\n  });\r\n\r\n  const ctx = generateContext(locale, fallbackLocale, messages);\r\n\r\n  return {\r\n    name: 'yuyeon',\r\n    locale,\r\n    fallbackLocale,\r\n    messages,\r\n    t: ctx.translate,\r\n    n: ctx.number,\r\n    getContext: ctx.getContext,\r\n  };\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"built-in.mjs","names":["ref","shallowRef","useProvided","en","getObjectValueByPath","LOCALE_PREFIX","replaceParams","str","params","replace","item","index","String","generateContext","locale","fallbackLocale","messages","translate","key","_len","arguments","length","Array","_key","startsWith","path","localeMessages","value","fallbackMessages","msg","number","options","numberFormat","Intl","NumberFormat","format","getContext","props","localLocale","localFallbackLocale","localMessages","ctx","name","t","n","constructYuyeonI18nAdapter"],"sources":["../../src/i18n/built-in.ts"],"sourcesContent":["import { ref, shallowRef } from 'vue';\nimport type { Ref } from 'vue';\n\nimport { useProvided } from '@/composables/communication';\nimport en from '@/locales/en';\nimport { getObjectValueByPath } from '@/util/common';\n\nimport type { LocaleMessages, LocaleModule, LocaleOptions } from './types';\n\nconst LOCALE_PREFIX = '$yuyeon';\n\nfunction replaceParams(str: string, params: unknown[]) {\n  return str.replace(/\\{(\\d+)\\}/g, (item, index) => {\n    return String(params[+index]);\n  });\n}\n\nfunction generateContext(\n  locale: Ref<string>,\n  fallbackLocale: Ref<string>,\n  messages: Ref<LocaleMessages>,\n) {\n  function translate(key: string, ...params: unknown[]) {\n    if (!key.startsWith(LOCALE_PREFIX)) {\n      return replaceParams(key, params);\n    }\n    const path = key.replace(LOCALE_PREFIX, '');\n    const localeMessages = locale.value && messages.value[locale.value];\n    const fallbackMessages =\n      fallbackLocale.value && messages.value[fallbackLocale.value];\n\n    let msg: string = getObjectValueByPath(localeMessages, path, null);\n    if (!msg) {\n      msg = getObjectValueByPath(fallbackMessages, path, null);\n    }\n    if (!msg) {\n      msg = key;\n    }\n    if (typeof msg !== 'string') {\n      msg = key;\n    }\n    return replaceParams(msg, params);\n  }\n\n  function number(value: number, options?: Intl.NumberFormatOptions) {\n    const numberFormat = new Intl.NumberFormat(\n      [locale.value, fallbackLocale.value],\n      options,\n    );\n    return numberFormat.format(value);\n  }\n\n  function getContext(props: LocaleOptions) {\n    const localLocale = useProvided(props, 'locale', locale);\n    const localFallbackLocale = useProvided(\n      props,\n      'fallbackLocale',\n      fallbackLocale,\n    );\n    const localMessages = useProvided(props, 'messages', messages);\n    const ctx = generateContext(\n      localLocale,\n      localFallbackLocale,\n      localMessages,\n    );\n    return {\n      name: 'yuyeon',\n      locale,\n      fallbackLocale,\n      messages,\n      t: ctx.translate,\n      n: ctx.number,\n      getContext: ctx.getContext,\n    };\n  }\n\n  return {\n    translate,\n    number,\n    getContext,\n  };\n}\n\nexport function constructYuyeonI18nAdapter(\n  options?: LocaleOptions,\n): LocaleModule {\n  const locale = shallowRef(options?.locale ?? 'en');\n  const fallbackLocale = shallowRef(options?.fallbackLocale ?? 'en');\n  const messages = ref({\n    en,\n    ...options?.messages,\n  });\n\n  const ctx = generateContext(locale, fallbackLocale, messages);\n\n  return {\n    name: 'yuyeon',\n    locale,\n    fallbackLocale,\n    messages,\n    t: ctx.translate,\n    n: ctx.number,\n    getContext: ctx.getContext,\n  };\n}\n"],"mappings":"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"}