yuyeon 0.1.0-rc.6 → 0.1.0-rc.8

package/lib/components/index.mjs

@@ -30,4 +30,5 @@ export * from "./divider/index.mjs";
 export * from "./date-picker/index.mjs";
 export * from "./icon/index.mjs";
 export * from "./badge/index.mjs";
+export * from "./text-ellipsis/index.mjs";
 //# sourceMappingURL=index.mjs.map

package/lib/components/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './app';\nexport * from './button';\nexport * from './input';\nexport * from './field-input';\nexport * from './textarea';\nexport * from './form';\nexport * from './progress-bar';\nexport * from './card';\nexport * from './chip';\nexport * from './switch';\nexport * from './layer';\nexport * from './dialog';\nexport * from './snackbar';\nexport * from './tooltip';\nexport * from './transitions';\nexport * from './panel';\nexport * from './tree-view';\nexport * from './list';\nexport * from './icons';\nexport * from './table';\nexport * from './menu';\nexport * from './checkbox';\nexport * from './pagination';\nexport * from './loading';\nexport * from './dropdown';\nexport * from './select';\nexport * from './tab';\nexport * from './alert';\nexport * from './divider';\nexport * from './date-picker';\nexport * from './icon';\nexport * from './badge';\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './app';\nexport * from './button';\nexport * from './input';\nexport * from './field-input';\nexport * from './textarea';\nexport * from './form';\nexport * from './progress-bar';\nexport * from './card';\nexport * from './chip';\nexport * from './switch';\nexport * from './layer';\nexport * from './dialog';\nexport * from './snackbar';\nexport * from './tooltip';\nexport * from './transitions';\nexport * from './panel';\nexport * from './tree-view';\nexport * from './list';\nexport * from './icons';\nexport * from './table';\nexport * from './menu';\nexport * from './checkbox';\nexport * from './pagination';\nexport * from './loading';\nexport * from './dropdown';\nexport * from './select';\nexport * from './tab';\nexport * from './alert';\nexport * from './divider';\nexport * from './date-picker';\nexport * from './icon';\nexport * from './badge';\nexport * from './text-ellipsis';\n"],"mappings":""}

package/lib/components/select/YSelect.mjs

@@ -194,9 +194,10 @@ export const YSelect = defineComponent({
       const listEl = getHtmlElement(listRef.value);
       if (listEl) {
         const activeEl = listEl?.querySelector('.y-list-item--active');
-        if (activeEl) {
+        const contentEl = menuRef.value?.layer$?.content$;
+        if (activeEl && contentEl) {
           const scrollEl = getScrollParent(activeEl);
-          if (scrollEl) {
+          if (scrollEl && (contentEl.contains(scrollEl) || contentEl.isSameNode(scrollEl))) {
             scrollEl.scrollTo({
               top: activeEl.offsetTop,
               behavior: 'smooth'

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

@@ -1 +1 @@
-{"version":3,"file":"YSelect.mjs","names":["shallowRef","nextTick","watch","computed","defineComponent","mergeProps","onMounted","ref","useModelDuplex","useRender","pressCoordinateProps","useI18n","pressListItemsPropsOptions","useItems","getScrollParent","wrapInArray","deepEqual","getObjectValueByPath","omit","chooseProps","getHtmlElement","propsFactory","YCard","YFieldInput","pressYFieldInputPropsOptions","YIcon","YList","YListItem","YMenu","returnItemEquals","optionsItem","valueItem","valueKey","arguments","length","undefined","valueItemType","itemValue","pressSelectPropsOptions","opened","Boolean","multiple","weakEquals","valueEquals","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","fieldInputRef","menuRef","listRef","cardRef","focused","items","toRefineItems","toEmitItems","t","model","v","emitValue","selections","ret","found","find","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","listEl","activeEl","querySelector","scrollEl","scrollTo","top","offsetTop","behavior","fieldInputProps","dropdownIconProps","_createVNode","_mergeProps","$event","offset","align","origin","base","_len","args","_key","rxValue","selectionProps","raw","placeholder","internalItems","leading","_len2","_key2","trailing","label","_len3","_key3","_len4","_key4","menu","itemProps","modelValue","isArray"],"sources":["../../../src/components/select/YSelect.tsx"],"sourcesContent":["import { shallowRef } from '@vue/runtime-core';\nimport { PropType, SlotsType, nextTick, watch } from 'vue';\nimport { computed, defineComponent, mergeProps, onMounted, ref } 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 { getScrollParent } from '../../util';\nimport { wrapInArray } from '../../util/array';\nimport { deepEqual, getObjectValueByPath, omit } from '../../util/common';\nimport {\n  chooseProps,\n  getHtmlElement,\n  propsFactory,\n} from '../../util/vue-component';\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 SelectEquals = (\n  optionsItem: any,\n  valueItem: any,\n  valueKey?: string,\n) => boolean;\n\nexport function returnItemEquals(\n  optionsItem: any,\n  valueItem: any,\n  valueKey = 'value',\n) {\n  const valueItemType = typeof valueItem;\n  const itemValue =\n    valueItemType === 'string' || valueItemType === 'number'\n      ? getObjectValueByPath(optionsItem, valueKey)\n      : optionsItem;\n  return deepEqual(itemValue, valueItem);\n}\n\nexport const pressSelectPropsOptions = propsFactory(\n  {\n    opened: Boolean as PropType<boolean>,\n    multiple: Boolean,\n    weakEquals: Boolean,\n    valueEquals: {\n      type: Function as PropType<SelectEquals>,\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  },\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 }) {\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 model = useModelDuplex(\n      props,\n      'modelValue',\n      [],\n      (v) => toRefineItems(v === null ? [null] : wrapInArray(v)),\n      (v) => {\n        const emitValue = toEmitItems(wrapInArray(v));\n        return props.multiple ? emitValue : emitValue[0] ?? null;\n      },\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.valueEquals(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) {\n        return;\n      }\n      opened.value = !opened.value;\n    }\n\n    function onBlur(event: FocusEvent) {\n      // if (listRef.value?.$el.contains(event.relatedTarget)) {\n      //   opened.value = false;\n      // }\n    }\n\n    // Menu Contents\n    function onClickItem(item: ListItem, e: MouseEvent) {\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      if (props.multiple) {\n        const index = selections.value.findIndex((selectedItem) => {\n          return selectedItem.value === item.value;\n        });\n        if (index === -1) {\n          model.value = [...model.value, item];\n        } else {\n          const neo = model.value.slice();\n          neo.splice(index, 1);\n          model.value = neo;\n        }\n      } else {\n        model.value = [item];\n      }\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        if (activeEl) {\n          const scrollEl = getScrollParent(activeEl);\n          if (scrollEl) {\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          v-model={opened.value}\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        >\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                  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 (\n                            <YListItem\n                              onClick={(e) => onClickItem(item, e)}\n                              class={[\n                                {\n                                  'y-list-item--active': isSelected(item),\n                                },\n                              ]}\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                          );\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    });\n\n    return {\n      fieldInputRef,\n      model,\n      selections,\n      selected,\n      menuRef,\n      baseEl,\n    };\n  },\n});\n\nexport type YSelect = InstanceType<typeof YSelect>;\n"],"mappings":"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"}
+{"version":3,"file":"YSelect.mjs","names":["shallowRef","nextTick","watch","computed","defineComponent","mergeProps","onMounted","ref","useModelDuplex","useRender","pressCoordinateProps","useI18n","pressListItemsPropsOptions","useItems","getScrollParent","wrapInArray","deepEqual","getObjectValueByPath","omit","chooseProps","getHtmlElement","propsFactory","YCard","YFieldInput","pressYFieldInputPropsOptions","YIcon","YList","YListItem","YMenu","returnItemEquals","optionsItem","valueItem","valueKey","arguments","length","undefined","valueItemType","itemValue","pressSelectPropsOptions","opened","Boolean","multiple","weakEquals","valueEquals","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","fieldInputRef","menuRef","listRef","cardRef","focused","items","toRefineItems","toEmitItems","t","model","v","emitValue","selections","ret","found","find","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","listEl","activeEl","querySelector","contentEl","scrollEl","isSameNode","scrollTo","top","offsetTop","behavior","fieldInputProps","dropdownIconProps","_createVNode","_mergeProps","$event","offset","align","origin","base","_len","args","_key","rxValue","selectionProps","raw","placeholder","internalItems","leading","_len2","_key2","trailing","label","_len3","_key3","_len4","_key4","menu","itemProps","modelValue","isArray"],"sources":["../../../src/components/select/YSelect.tsx"],"sourcesContent":["import { shallowRef } from '@vue/runtime-core';\nimport { PropType, SlotsType, nextTick, watch } from 'vue';\nimport { computed, defineComponent, mergeProps, onMounted, ref } from 'vue';\n\n\n\nimport { useModelDuplex } from '../../composables/communication';\nimport { useRender } from '../../composables/component';\nimport { pressCoordinateProps } from '../../composables/coordinate';\nimport { useI18n } from '../../composables/i18n';\nimport { ListItem, pressListItemsPropsOptions, useItems } from '../../composables/list-items';\nimport { getScrollParent } from '../../util';\nimport { wrapInArray } from '../../util/array';\nimport { deepEqual, getObjectValueByPath, omit } from '../../util/common';\nimport { chooseProps, getHtmlElement, propsFactory } from '../../util/vue-component';\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\n\n\nimport './YSelect.scss';\n\n\nexport type SelectEquals = (\n  optionsItem: any,\n  valueItem: any,\n  valueKey?: string,\n) => boolean;\n\nexport function returnItemEquals(\n  optionsItem: any,\n  valueItem: any,\n  valueKey = 'value',\n) {\n  const valueItemType = typeof valueItem;\n  const itemValue =\n    valueItemType === 'string' || valueItemType === 'number'\n      ? getObjectValueByPath(optionsItem, valueKey)\n      : optionsItem;\n  return deepEqual(itemValue, valueItem);\n}\n\nexport const pressSelectPropsOptions = propsFactory(\n  {\n    opened: Boolean as PropType<boolean>,\n    multiple: Boolean,\n    weakEquals: Boolean,\n    valueEquals: {\n      type: Function as PropType<SelectEquals>,\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  },\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 }) {\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 model = useModelDuplex(\n      props,\n      'modelValue',\n      [],\n      (v) => toRefineItems(v === null ? [null] : wrapInArray(v)),\n      (v) => {\n        const emitValue = toEmitItems(wrapInArray(v));\n        return props.multiple ? emitValue : emitValue[0] ?? null;\n      },\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.valueEquals(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) {\n        return;\n      }\n      opened.value = !opened.value;\n    }\n\n    function onBlur(event: FocusEvent) {\n      // if (listRef.value?.$el.contains(event.relatedTarget)) {\n      //   opened.value = false;\n      // }\n    }\n\n    // Menu Contents\n    function onClickItem(item: ListItem, e: MouseEvent) {\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      if (props.multiple) {\n        const index = selections.value.findIndex((selectedItem) => {\n          return selectedItem.value === item.value;\n        });\n        if (index === -1) {\n          model.value = [...model.value, item];\n        } else {\n          const neo = model.value.slice();\n          neo.splice(index, 1);\n          model.value = neo;\n        }\n      } else {\n        model.value = [item];\n      }\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$?.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          v-model={opened.value}\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        >\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                  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 (\n                            <YListItem\n                              onClick={(e) => onClickItem(item, e)}\n                              class={[\n                                {\n                                  'y-list-item--active': isSelected(item),\n                                },\n                              ]}\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                          );\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    });\n\n    return {\n      fieldInputRef,\n      model,\n      selections,\n      selected,\n      menuRef,\n      baseEl,\n    };\n  },\n});\n\nexport type YSelect = InstanceType<typeof YSelect>;\n"],"mappings":"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"}

package/lib/components/text-ellipsis/YTextEllipsis.mjs

@@ -0,0 +1,61 @@
+import { createVNode as _createVNode } from "vue";
+import { computed, defineComponent, ref, watch } from 'vue';
+import { useRender, useResizeObserver } from "../../composables/index.mjs";
+import "./YTextEllipsis.scss";
+export const YTextEllipsis = defineComponent({
+  name: 'YTextEllipsis',
+  props: {
+    text: {
+      type: String,
+      default: ''
+    }
+  },
+  setup(props) {
+    const {
+      resizeObservedRef,
+      contentRect
+    } = useResizeObserver();
+    const isOverflow = ref(false);
+    const containerWidth = computed(() => {
+      return contentRect.value?.width;
+    });
+    const title = computed(() => {
+      return props.text;
+    });
+    const startText = computed(() => {
+      if (isOverflow.value) {
+        const length = Math.round(props.text.length * 0.5);
+        return props.text.substring(0, length);
+      }
+      return props.text;
+    });
+    const endText = computed(() => {
+      if (isOverflow.value) {
+        const length = Math.round(props.text.length * 0.5);
+        return props.text.substring(length, props.text.length);
+      }
+      return props.text;
+    });
+    watch(containerWidth, neo => {
+      if (resizeObservedRef.value && neo != null) {
+        isOverflow.value = resizeObservedRef.value.scrollWidth > resizeObservedRef.value.offsetWidth;
+      }
+    });
+    useRender(() => {
+      return _createVNode("span", {
+        "title": title.value,
+        "class": ['y-text-ellipsis', {
+          overflowed: isOverflow
+        }]
+      }, [_createVNode("span", {
+        "ref": resizeObservedRef,
+        "class": "y-text-ellipsis__origin"
+      }, [props.text]), isOverflow.value && _createVNode("span", {
+        "class": "y-text-ellipsis__start"
+      }, [startText.value]), isOverflow.value && _createVNode("span", {
+        "class": "y-text-ellipsis__end"
+      }, [endText.value])]);
+    });
+  }
+});
+//# sourceMappingURL=YTextEllipsis.mjs.map

package/lib/components/text-ellipsis/YTextEllipsis.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YTextEllipsis.mjs","names":["computed","defineComponent","ref","watch","useRender","useResizeObserver","YTextEllipsis","name","props","text","type","String","default","setup","resizeObservedRef","contentRect","isOverflow","containerWidth","value","width","title","startText","length","Math","round","substring","endText","neo","scrollWidth","offsetWidth","_createVNode","overflowed"],"sources":["../../../src/components/text-ellipsis/YTextEllipsis.tsx"],"sourcesContent":["import { computed, defineComponent, ref, watch } from 'vue';\n\nimport { useRender, useResizeObserver } from '../../composables';\n\nimport './YTextEllipsis.scss';\n\nexport const YTextEllipsis = defineComponent({\n  name: 'YTextEllipsis',\n  props: {\n    text: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props) {\n    const { resizeObservedRef, contentRect } = useResizeObserver();\n\n    const isOverflow = ref(false);\n\n    const containerWidth = computed(() => {\n      return contentRect.value?.width;\n    });\n\n    const title = computed(() => {\n      return props.text;\n    });\n\n    const startText = computed(() => {\n      if (isOverflow.value) {\n        const length = Math.round(props.text.length * 0.5);\n        return props.text.substring(0, length);\n      }\n      return props.text;\n    });\n\n    const endText = computed(() => {\n      if (isOverflow.value) {\n        const length = Math.round(props.text.length * 0.5);\n        return props.text.substring(length, props.text.length);\n      }\n      return props.text;\n    });\n\n    watch(containerWidth, (neo) => {\n      if (resizeObservedRef.value && neo != null) {\n        isOverflow.value =\n          resizeObservedRef.value.scrollWidth >\n          resizeObservedRef.value.offsetWidth;\n      }\n    });\n\n    useRender(() => {\n      return (\n        <span\n          title={title.value}\n          class={['y-text-ellipsis', { overflowed: isOverflow }]}\n        >\n          <span ref={resizeObservedRef} class=\"y-text-ellipsis__origin\">\n            {props.text}\n          </span>\n          {isOverflow.value && (\n            <span class=\"y-text-ellipsis__start\">{startText.value}</span>\n          )}\n\n          {isOverflow.value && (\n            <span class=\"y-text-ellipsis__end\">{endText.value}</span>\n          )}\n        </span>\n      );\n    });\n  },\n});\n\nexport type YTextEllipsis = InstanceType<typeof YTextEllipsis>;\n"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,eAAe,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAC,SAEnDC,SAAS,EAAEC,iBAAiB;AAErC;AAEA,OAAO,MAAMC,aAAa,GAAGL,eAAe,CAAC;EAC3CM,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,IAAI,EAAEC,MAAM;MACZC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,KAAKA,CAACL,KAAK,EAAE;IACX,MAAM;MAAEM,iBAAiB;MAAEC;IAAY,CAAC,GAAGV,iBAAiB,CAAC,CAAC;IAE9D,MAAMW,UAAU,GAAGd,GAAG,CAAC,KAAK,CAAC;IAE7B,MAAMe,cAAc,GAAGjB,QAAQ,CAAC,MAAM;MACpC,OAAOe,WAAW,CAACG,KAAK,EAAEC,KAAK;IACjC,CAAC,CAAC;IAEF,MAAMC,KAAK,GAAGpB,QAAQ,CAAC,MAAM;MAC3B,OAAOQ,KAAK,CAACC,IAAI;IACnB,CAAC,CAAC;IAEF,MAAMY,SAAS,GAAGrB,QAAQ,CAAC,MAAM;MAC/B,IAAIgB,UAAU,CAACE,KAAK,EAAE;QACpB,MAAMI,MAAM,GAAGC,IAAI,CAACC,KAAK,CAAChB,KAAK,CAACC,IAAI,CAACa,MAAM,GAAG,GAAG,CAAC;QAClD,OAAOd,KAAK,CAACC,IAAI,CAACgB,SAAS,CAAC,CAAC,EAAEH,MAAM,CAAC;MACxC;MACA,OAAOd,KAAK,CAACC,IAAI;IACnB,CAAC,CAAC;IAEF,MAAMiB,OAAO,GAAG1B,QAAQ,CAAC,MAAM;MAC7B,IAAIgB,UAAU,CAACE,KAAK,EAAE;QACpB,MAAMI,MAAM,GAAGC,IAAI,CAACC,KAAK,CAAChB,KAAK,CAACC,IAAI,CAACa,MAAM,GAAG,GAAG,CAAC;QAClD,OAAOd,KAAK,CAACC,IAAI,CAACgB,SAAS,CAACH,MAAM,EAAEd,KAAK,CAACC,IAAI,CAACa,MAAM,CAAC;MACxD;MACA,OAAOd,KAAK,CAACC,IAAI;IACnB,CAAC,CAAC;IAEFN,KAAK,CAACc,cAAc,EAAGU,GAAG,IAAK;MAC7B,IAAIb,iBAAiB,CAACI,KAAK,IAAIS,GAAG,IAAI,IAAI,EAAE;QAC1CX,UAAU,CAACE,KAAK,GACdJ,iBAAiB,CAACI,KAAK,CAACU,WAAW,GACnCd,iBAAiB,CAACI,KAAK,CAACW,WAAW;MACvC;IACF,CAAC,CAAC;IAEFzB,SAAS,CAAC,MAAM;MACd,OAAA0B,YAAA;QAAA,SAEWV,KAAK,CAACF,KAAK;QAAA,SACX,CAAC,iBAAiB,EAAE;UAAEa,UAAU,EAAEf;QAAW,CAAC;MAAC,IAAAc,YAAA;QAAA,OAE3ChB,iBAAiB;QAAA;MAAA,IACzBN,KAAK,CAACC,IAAI,IAEZO,UAAU,CAACE,KAAK,IAAAY,YAAA;QAAA;MAAA,IACuBT,SAAS,CAACH,KAAK,EACtD,EAEAF,UAAU,CAACE,KAAK,IAAAY,YAAA;QAAA;MAAA,IACqBJ,OAAO,CAACR,KAAK,EAClD;IAGP,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/text-ellipsis/YTextEllipsis.scss

@@ -0,0 +1,43 @@
+.y-text-ellipsis {
+  display: inline-flex;
+  max-width: 100%;
+  position: relative;
+
+  &__origin {
+    white-space: nowrap;
+    overflow: hidden;
+    flex: 0 1 auto;
+  }
+
+  &__start {
+    position: absolute;
+    left: 0;
+    overflow: hidden;
+    width: calc(52%);
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  &__end {
+    position: absolute;
+    right: 0;
+    overflow: hidden;
+    width: calc(45% + 1rem);
+    white-space: nowrap;
+    display: inline-flex;
+    justify-content: flex-end;
+    mask-image: linear-gradient(
+                    to right,
+                    transparent 0%,
+                    rgb(0, 0, 0) 1rem,
+                    rgb(0, 0, 0) 100%
+    );
+  }
+
+  &.overflowed & {
+    &__origin {
+      color: transparent;
+      user-select: none;
+    }
+  }
+}

package/lib/components/text-ellipsis/index.mjs

@@ -0,0 +1,2 @@
+export * from "./YTextEllipsis.mjs";
+//# sourceMappingURL=index.mjs.map

package/lib/components/text-ellipsis/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/text-ellipsis/index.ts"],"sourcesContent":["export * from './YTextEllipsis';\r\n"],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.1.0-rc.6",
+  "version": "0.1.0-rc.8",
   "keywords": [
     "UI Library",
     "Vue"

package/types/components/index.d.ts

@@ -30,3 +30,4 @@ export * from './divider';
 export * from './date-picker';
 export * from './icon';
 export * from './badge';
+export * from './text-ellipsis';

package/types/components/text-ellipsis/YTextEllipsis.d.ts

@@ -0,0 +1,14 @@
+export declare const YTextEllipsis: import("vue").DefineComponent<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    text: string;
+}, {}>;
+export type YTextEllipsis = InstanceType<typeof YTextEllipsis>;

package/types/components/text-ellipsis/index.d.ts

@@ -0,0 +1 @@
+export * from './YTextEllipsis';