yuyeon 0.0.42 → 0.0.44

package/lib/components/tooltip/YTooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YTooltip.mjs","names":["computed","defineComponent","nextTick","ref","watch","watchEffect","useModelDuplex","useRender","polyTransitionPropOptions","omit","bindClasses","chooseProps","YLayer","pressYLayerProps","useDelay","YPlate","NAME","YTooltipPropOptions","tooltipClasses","type","Array","String","Object","preventClip","Boolean","default","YTooltip","name","props","coordinateStrategy","openOnHover","align","offset","transition","emits","setup","_ref","slots","emit","expose","layer$","base$","baseSlot","baseEl","contentEl","classes","boundClasses","model","active","get","value","set","v","disabled","hovered","baseFromSlotEl","el","nodeType","base","$el","neo","$content","content$","startOpenDelay","startCloseDelay","changeActive","onMouseenter","e","onMouseleave","bindHover","addEventListener","unbindHover","removeEventListener","old","_createVNode","_Fragment","_mergeProps","$event","_len","arguments","length","args","_key","_len2","_key2","el$"],"sources":["../../../src/components/tooltip/YTooltip.tsx"],"sourcesContent":["import type { PropType } from 'vue';\r\nimport {\r\n  computed,\r\n  defineComponent,\r\n  nextTick,\r\n  ref,\r\n  watch,\r\n  watchEffect,\r\n} from 'vue';\r\n\r\nimport { useModelDuplex } from '../../composables/communication';\r\nimport { useRender } from '../../composables/component';\r\nimport { polyTransitionPropOptions } from '../../composables/transition';\r\nimport { omit } from '../../util';\r\nimport { bindClasses, chooseProps } from '../../util/vue-component';\r\nimport { YLayer, pressYLayerProps } from '../layer';\r\nimport { useDelay } from '../layer/active-delay';\r\nimport { YPlate } from '../plate';\r\n\r\nimport './YTooltip.scss';\r\n\r\nconst NAME = 'YTooltip';\r\n\r\nconst YTooltipPropOptions = {\r\n  tooltipClasses: {\r\n    type: [Array, String, Object] as PropType<\r\n      string[] | string | Record<string, any>\r\n    >,\r\n  },\r\n  preventClip: {\r\n    type: Boolean as PropType<boolean>,\r\n    default: true,\r\n  },\r\n};\r\n\r\n/**\r\n * #  Component\r\n */\r\nexport const YTooltip = defineComponent({\r\n  name: NAME,\r\n  props: {\r\n    ...YTooltipPropOptions,\r\n    ...pressYLayerProps({\r\n      coordinateStrategy: 'levitation',\r\n      openOnHover: true,\r\n      align: 'center',\r\n      offset: 8,\r\n    }),\r\n    transition: {\r\n      ...polyTransitionPropOptions.transition,\r\n      default: 'fade',\r\n    },\r\n  },\r\n  emits: ['update:modelValue'],\r\n  setup(props, { slots, emit, expose }) {\r\n    const layer$ = ref<typeof YLayer>();\r\n    const base$ = ref();\r\n    const baseSlot = ref();\r\n    const baseEl = ref<HTMLElement>();\r\n    const contentEl = ref<HTMLElement>();\r\n\r\n    const classes = computed(() => {\r\n      const boundClasses = bindClasses(props.tooltipClasses);\r\n      return {\r\n        ...boundClasses,\r\n        'y-tooltip': true,\r\n      };\r\n    });\r\n\r\n    const model = useModelDuplex(props);\r\n\r\n    const active = computed({\r\n      get: (): boolean => {\r\n        return !!model.value;\r\n      },\r\n      set: (v: boolean) => {\r\n        if (!(v && props.disabled)) model.value = v;\r\n      },\r\n    });\r\n\r\n    const hovered = computed(() => !!layer$.value?.hovered);\r\n\r\n    const baseFromSlotEl = computed(() => {\r\n      return baseSlot.value?.[0]?.el;\r\n    });\r\n\r\n    watchEffect(() => {\r\n      if (!base$.value) {\r\n        if (baseFromSlotEl.value?.nodeType !== 3) {\r\n          baseEl.value = baseFromSlotEl.value;\r\n        }\r\n        return;\r\n      }\r\n      const base = base$.value;\r\n      baseEl.value = base$.value?.$el ? base$.value?.$el : base;\r\n    });\r\n\r\n    watch(active, (neo) => {\r\n      if (neo) {\r\n        nextTick(() => {\r\n          const $content = layer$.value?.content$;\r\n          contentEl.value = $content;\r\n        });\r\n      }\r\n    });\r\n\r\n    const { startOpenDelay, startCloseDelay } = useDelay(\r\n      props,\r\n      (changeActive) => {\r\n        if (!changeActive && props.openOnHover && !hovered.value) {\r\n          active.value = false;\r\n        } else if (changeActive) {\r\n          active.value = true;\r\n        }\r\n      },\r\n    );\r\n\r\n    function onMouseenter(e: MouseEvent) {\r\n      if (props.openOnHover) {\r\n        startOpenDelay();\r\n      }\r\n    }\r\n\r\n    function onMouseleave(e: MouseEvent) {\r\n      if (props.openOnHover) {\r\n        startCloseDelay();\r\n      }\r\n    }\r\n\r\n    watch(hovered, (value) => {\r\n      if (!value) {\r\n        startCloseDelay();\r\n      }\r\n    });\r\n\r\n    function bindHover(el: HTMLElement) {\r\n      el.addEventListener('mouseenter', onMouseenter);\r\n      el.addEventListener('mouseleave', onMouseleave);\r\n    }\r\n\r\n    function unbindHover(el: HTMLElement) {\r\n      el.removeEventListener('mouseenter', onMouseenter);\r\n      el.removeEventListener('mouseleave', onMouseleave);\r\n    }\r\n\r\n    watch(\r\n      () => layer$.value?.baseEl,\r\n      (neo, old) => {\r\n        if (neo) {\r\n          bindHover(neo);\r\n        } else if (old) {\r\n          unbindHover(old);\r\n        }\r\n      },\r\n    );\r\n\r\n    useRender(() => {\r\n      return (\r\n        <>\r\n          <YLayer\r\n            ref={layer$}\r\n            {...omit(chooseProps(props, YLayer.props), ['scrim'])}\r\n            classes={classes.value}\r\n            scrim={false}\r\n            transition={props.transition}\r\n            v-model={active.value}\r\n          >\r\n            {{\r\n              default: (...args: any) => {\r\n                return (\r\n                  <>\r\n                    <YPlate></YPlate>\r\n                    <div class=\"y-tooltip__content\">\r\n                      {slots.default?.(...args) ?? ''}\r\n                    </div>\r\n                  </>\r\n                );\r\n              },\r\n              base: (...args: any[]) => slots.base?.(...args),\r\n            }}\r\n          </YLayer>\r\n        </>\r\n      );\r\n    });\r\n\r\n    return {\r\n      base$,\r\n      el$: layer$,\r\n      baseEl,\r\n      baseSlot,\r\n      active,\r\n    };\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"YTooltip.mjs","names":["computed","defineComponent","nextTick","ref","watch","watchEffect","useModelDuplex","useRender","polyTransitionPropOptions","omit","bindClasses","chooseProps","YLayer","pressYLayerProps","useDelay","YPlate","NAME","YTooltipPropOptions","tooltipClasses","type","Array","String","Object","preventClip","Boolean","default","YTooltip","name","props","coordinateStrategy","openOnHover","align","offset","transition","emits","setup","_ref","slots","emit","expose","layer$","base$","baseSlot","baseEl","contentEl","classes","boundClasses","model","active","get","value","set","v","disabled","hovered","baseFromSlotEl","el","nodeType","base","$el","neo","$content","content$","startOpenDelay","startCloseDelay","changeActive","onMouseenter","e","onMouseleave","bindHover","addEventListener","unbindHover","removeEventListener","old","_createVNode","_Fragment","_mergeProps","$event","_len","arguments","length","args","_key","_len2","_key2","el$"],"sources":["../../../src/components/tooltip/YTooltip.tsx"],"sourcesContent":["import type { PropType } from 'vue';\r\nimport {\r\n  computed,\r\n  defineComponent,\r\n  nextTick,\r\n  ref,\r\n  watch,\r\n  watchEffect,\r\n} from 'vue';\r\n\r\nimport { useModelDuplex } from '../../composables/communication';\r\nimport { useRender } from '../../composables/component';\r\nimport { polyTransitionPropOptions } from '../../composables/transition';\r\nimport { omit } from '../../util';\r\nimport { bindClasses, chooseProps } from '../../util/vue-component';\r\nimport { YLayer, pressYLayerProps } from '../layer';\r\nimport { useDelay } from '../layer/active-delay';\r\nimport { YPlate } from '../plate';\r\n\r\nimport './YTooltip.scss';\r\n\r\nconst NAME = 'YTooltip';\r\n\r\nconst YTooltipPropOptions = {\r\n  tooltipClasses: {\r\n    type: [Array, String, Object] as PropType<\r\n      string[] | string | Record<string, any>\r\n    >,\r\n  },\r\n  preventClip: {\r\n    type: Boolean as PropType<boolean>,\r\n    default: true,\r\n  },\r\n};\r\n\r\n/**\r\n * #  Component\r\n */\r\nexport const YTooltip = defineComponent({\r\n  name: NAME,\r\n  props: {\r\n    ...YTooltipPropOptions,\r\n    ...pressYLayerProps({\r\n      coordinateStrategy: 'levitation',\r\n      openOnHover: true,\r\n      align: 'center',\r\n      offset: 8,\r\n    }),\r\n    transition: {\r\n      ...polyTransitionPropOptions.transition,\r\n      default: 'fade',\r\n    },\r\n  },\r\n  emits: ['update:modelValue'],\r\n  setup(props, { slots, emit, expose }) {\r\n    const layer$ = ref<typeof YLayer>();\r\n    const base$ = ref();\r\n    const baseSlot = ref();\r\n    const baseEl = ref<HTMLElement>();\r\n    const contentEl = ref<HTMLElement>();\r\n\r\n    const classes = computed(() => {\r\n      const boundClasses = bindClasses(props.tooltipClasses);\r\n      return {\r\n        ...boundClasses,\r\n        'y-tooltip': true,\r\n      };\r\n    });\r\n\r\n    const model = useModelDuplex(props);\r\n\r\n    const active = computed({\r\n      get: (): boolean => {\r\n        return !!model.value;\r\n      },\r\n      set: (v: boolean) => {\r\n        if (!(v && props.disabled)) model.value = v;\r\n      },\r\n    });\r\n\r\n    const hovered = computed(() => !!layer$.value?.hovered);\r\n\r\n    const baseFromSlotEl = computed(() => {\r\n      return baseSlot.value?.[0]?.el;\r\n    });\r\n\r\n    watchEffect(() => {\r\n      if (!base$.value) {\r\n        if (baseFromSlotEl.value?.nodeType !== 3) {\r\n          baseEl.value = baseFromSlotEl.value;\r\n        }\r\n        return;\r\n      }\r\n      const base = base$.value;\r\n      baseEl.value = base$.value?.$el ? base$.value?.$el : base;\r\n    });\r\n\r\n    watch(active, (neo) => {\r\n      if (neo) {\r\n        nextTick(() => {\r\n          const $content = layer$.value?.content$;\r\n          contentEl.value = $content;\r\n        });\r\n      }\r\n    });\r\n\r\n    const { startOpenDelay, startCloseDelay } = useDelay(\r\n      props,\r\n      (changeActive) => {\r\n        if (!changeActive && props.openOnHover && !hovered.value) {\r\n          active.value = false;\r\n        } else if (changeActive) {\r\n          active.value = true;\r\n        }\r\n      },\r\n    );\r\n\r\n    function onMouseenter(e: MouseEvent) {\r\n      if (props.openOnHover) {\r\n        startOpenDelay();\r\n      }\r\n    }\r\n\r\n    function onMouseleave(e: MouseEvent) {\r\n      if (props.openOnHover) {\r\n        startCloseDelay();\r\n      }\r\n    }\r\n\r\n    watch(hovered, (value) => {\r\n      if (!value) {\r\n        startCloseDelay();\r\n      }\r\n    });\r\n\r\n    function bindHover(el: HTMLElement) {\r\n      el.addEventListener('mouseenter', onMouseenter);\r\n      el.addEventListener('mouseleave', onMouseleave);\r\n    }\r\n\r\n    function unbindHover(el: HTMLElement) {\r\n      el.removeEventListener('mouseenter', onMouseenter);\r\n      el.removeEventListener('mouseleave', onMouseleave);\r\n    }\r\n\r\n    watch(\r\n      () => layer$.value?.baseEl,\r\n      (neo, old) => {\r\n        if (neo) {\r\n          bindHover(neo);\r\n        } else if (old) {\r\n          unbindHover(old);\r\n        }\r\n      },\r\n    );\r\n\r\n    useRender(() => {\r\n      return (\r\n        <>\r\n          <YLayer\r\n            ref={layer$}\r\n            {...omit(chooseProps(props, YLayer.props), ['scrim'])}\r\n            classes={classes.value}\r\n            scrim={false}\r\n            transition={props.transition}\r\n            v-model={active.value}\r\n          >\r\n            {{\r\n              default: (...args: any) => {\r\n                return (\r\n                  <>\r\n                    <YPlate></YPlate>\r\n                    <div class=\"y-tooltip__content\">\r\n                      {slots.default?.(...args) ?? ''}\r\n                    </div>\r\n                  </>\r\n                );\r\n              },\r\n              base: (...args: any[]) => slots.base?.(...args),\r\n            }}\r\n          </YLayer>\r\n        </>\r\n      );\r\n    });\r\n\r\n    return {\r\n      base$,\r\n      el$: layer$,\r\n      baseEl,\r\n      baseSlot,\r\n      active,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YTooltip = InstanceType<typeof YTooltip>;\r\n"],"mappings":"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"}

package/lib/components/tree-view/YTreeViewNode.mjs

@@ -6,7 +6,7 @@ import { propsFactory } from "../../util/vue-component.mjs";
 import { YButton } from "../button/index.mjs";
 import { YIconCheckbox, YIconExpand } from "../icons/index.mjs";
 import { YPlate } from "../plate/index.mjs";
-import YTextHighlighter from "../text-highlighter/YTextHighlighter.mjs";
+import { YTextHighlighter } from "../text-highlighter/YTextHighlighter.mjs";
 import { YExpandVTransition } from "../transitions/index.mjs";
 export const pressYTreeViewNodeProps = propsFactory({
   search: String,

package/lib/components/tree-view/YTreeViewNode.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YTreeViewNode.mjs","names":["computed","defineComponent","h","inject","ref","pressItemsPropsOptions","useRender","getObjectValueByPath","propsFactory","YButton","YIconCheckbox","YIconExpand","YPlate","YTextHighlighter","YExpandVTransition","pressYTreeViewNodeProps","search","String","disableTransition","Boolean","enableActive","activeClass","Array","activeSingleModifier","requiredActive","activeColor","type","default","enableSelect","itemKey","YTreeViewNode","name","components","props","item","Object","level","Number","setup","_ref","slots","expose","treeView","expanded","active","selected","immediate","onClick","e","to","value","updateActive","myKey","emitActive","onClickExpand","stopPropagation","updateExpanded","emitExpanded","onClickSelect","updateSelected","emitSelected","children","itemChildren","imLeaf","length","classes","styles","contentText","itemText","slotProps","searchLoading","leaves","filter","leaf","isExcluded","map","key","indentSpacer","i","push","class","style","variation","checked","leading","text","keyword","trailing","disabled","role","undefined","created","register"],"sources":["../../../src/components/tree-view/YTreeViewNode.ts"],"sourcesContent":["import {\r\n  PropType,\r\n  VNodeArrayChildren,\r\n  computed,\r\n  defineComponent,\r\n  h,\r\n  inject,\r\n  ref,\r\n} from 'vue';\r\n\r\nimport { pressItemsPropsOptions } from '../../abstract/items';\r\nimport { useRender } from '../../composables/component';\r\nimport { getObjectValueByPath } from '../../util/common';\r\nimport { propsFactory } from '../../util/vue-component';\r\nimport { YButton } from '../button';\r\nimport { YIconCheckbox, YIconExpand } from '../icons';\r\nimport { YPlate } from '../plate';\r\nimport YTextHighlighter from '../text-highlighter/YTextHighlighter';\r\nimport { YExpandVTransition } from '../transitions';\r\n\r\nexport const pressYTreeViewNodeProps = propsFactory(\r\n  {\r\n    search: String,\r\n    disableTransition: Boolean,\r\n    enableActive: Boolean,\r\n    activeClass: [String, Array],\r\n    activeSingleModifier: String,\r\n    requiredActive: Boolean,\r\n    activeColor: {\r\n      type: String,\r\n      default: 'primary',\r\n    },\r\n    enableSelect: Boolean,\r\n    ...pressItemsPropsOptions({\r\n      itemKey: 'id',\r\n    }),\r\n  },\r\n  'YTreeViewNode',\r\n);\r\n\r\nexport const YTreeViewNode = defineComponent({\r\n  name: 'YTreeNode',\r\n  components: {\r\n    YButton,\r\n    YIconExpand,\r\n    YPlate,\r\n    YIconCheckbox,\r\n  },\r\n  props: {\r\n    item: {\r\n      type: Object as PropType<any>,\r\n    },\r\n    level: {\r\n      type: Number as PropType<number>,\r\n      default: 0,\r\n    },\r\n    ...pressYTreeViewNodeProps(),\r\n  },\r\n  setup(props, { slots, expose }) {\r\n    const treeView = inject<any>('tree-view');\r\n\r\n    const expanded = ref(false);\r\n    const active = ref(false);\r\n    const selected = ref(false);\r\n    const immediate = ref(false);\r\n\r\n    function onClick(e: MouseEvent) {\r\n      const to = !active.value;\r\n      active.value = to;\r\n      treeView.updateActive(myKey.value, to, e);\r\n      treeView.emitActive();\r\n    }\r\n\r\n    function onClickExpand(e: MouseEvent) {\r\n      e.stopPropagation();\r\n      const to = !expanded.value;\r\n      expanded.value = to;\r\n      treeView.updateExpanded(myKey.value, to);\r\n      treeView.emitExpanded();\r\n    }\r\n\r\n    function onClickSelect(e: MouseEvent) {\r\n      e.stopPropagation();\r\n      const to = !selected.value;\r\n      selected.value = to;\r\n      treeView.updateSelected(myKey.value, to);\r\n      treeView.emitSelected();\r\n    }\r\n\r\n    const children = computed(() => {\r\n      return props.item?.[props.itemChildren as string] ?? [];\r\n    });\r\n\r\n    const imLeaf = computed(() => children.value.length < 1);\r\n\r\n    const classes = computed(() => {\r\n      return {\r\n        'y-tree-view-node': true,\r\n        'y-tree-view-node--leaf': imLeaf.value,\r\n        'y-tree-view-node--expanded': expanded.value,\r\n        'y-tree-view-node--active': active.value,\r\n      };\r\n    });\r\n\r\n    const styles = computed(() => {\r\n      return {\r\n        '--tree-view-node--level': props.level,\r\n      };\r\n    });\r\n\r\n    const contentText = computed(() => {\r\n      return getObjectValueByPath(props.item, props.itemText) ?? '';\r\n    });\r\n\r\n    const slotProps = computed(() => {\r\n      return {\r\n        level: props.level,\r\n        imLeaf: imLeaf.value,\r\n      };\r\n    });\r\n\r\n    const searchLoading = computed(() => {\r\n      return treeView.searchLoading.value;\r\n    });\r\n\r\n    useRender(() => {\r\n      const leaves = children.value\r\n        .filter((leaf: any) => {\r\n          return !treeView.isExcluded(\r\n            getObjectValueByPath(leaf, props.itemKey),\r\n          );\r\n        })\r\n        .map((item: any) => {\r\n          return h(\r\n            YTreeViewNode,\r\n            {\r\n              ...props,\r\n              level: (props.level ?? 0) + 1,\r\n              item,\r\n              key: getObjectValueByPath(item, props.itemKey),\r\n            },\r\n            slots,\r\n          );\r\n        });\r\n      const indentSpacer: VNodeArrayChildren = [];\r\n      for (let i = 0; i < props.level; i += 1) {\r\n        indentSpacer.push(\r\n          h('div', { class: 'y-tree-view-node__indent-spacer' }),\r\n        );\r\n      }\r\n      return h(\r\n        'div',\r\n        {\r\n          class: classes.value,\r\n          style: styles.value,\r\n          '.role': 'treeitem',\r\n          'data-level': props.level,\r\n        },\r\n        [\r\n          h(\r\n            'div',\r\n            {\r\n              class: 'y-tree-view-node__container',\r\n              onClick: (e: MouseEvent) =>\r\n                props.enableActive ? onClick(e) : void 0,\r\n            },\r\n            [\r\n              h(YPlate),\r\n              h('div', { class: 'y-tree-view-node__indents' }, indentSpacer),\r\n              /* EXPAND */\r\n              !imLeaf.value && leaves.length > 0\r\n                ? h(\r\n                    YButton,\r\n                    {\r\n                      class: 'y-tree-view-node__expand-icon',\r\n                      variation: 'icon',\r\n                      onClick: (e: MouseEvent) => onClickExpand(e),\r\n                    },\r\n                    () => [\r\n                      slots['expand-icon']\r\n                        ? slots['expand-icon']()\r\n                        : h(YIconExpand),\r\n                    ],\r\n                  )\r\n                : h('i', { class: 'y-tree-view-node__no-expand-icon' }),\r\n              props.enableSelect &&\r\n                h(\r\n                  'div',\r\n                  {\r\n                    class: ['y-tree-view-node__select'],\r\n                    onClick: (e: MouseEvent) => onClickSelect(e),\r\n                  },\r\n                  [h(YIconCheckbox, { checked: selected.value })],\r\n                ),\r\n              /* CONTENT */\r\n              h('div', { class: 'y-tree-view-node__content' }, [\r\n                slots.leading &&\r\n                  h(\r\n                    'div',\r\n                    { class: 'y-tree-view-node__leading' },\r\n                    slots.leading(slotProps.value),\r\n                  ),\r\n                h(\r\n                  'div',\r\n                  { class: 'y-tree-view-node__text' },\r\n                  slots.default\r\n                    ? slots.default?.({\r\n                        text: contentText.value,\r\n                        item: props.item,\r\n                        ...slotProps.value,\r\n                      })\r\n                    : props.search && !searchLoading.value\r\n                    ? h(YTextHighlighter, {\r\n                        text: contentText.value,\r\n                        keyword: props.search,\r\n                      })\r\n                    : contentText.value,\r\n                ),\r\n                slots.trailing &&\r\n                  h(\r\n                    'div',\r\n                    { class: 'y-tree-view-node__trailing' },\r\n                    slots.trailing(),\r\n                  ),\r\n              ]),\r\n            ],\r\n          ),\r\n          /* CHILDREN */\r\n          children.value.length > 0\r\n            ? h(\r\n                YExpandVTransition,\r\n                { disabled: props.disableTransition },\r\n                expanded.value\r\n                  ? () =>\r\n                      h(\r\n                        'div',\r\n                        {\r\n                          class: { 'y-tree-view-node__leaves': true },\r\n                          role: 'tree',\r\n                        },\r\n                        leaves,\r\n                      )\r\n                  : undefined,\r\n              )\r\n            : undefined,\r\n        ],\r\n      );\r\n    });\r\n\r\n    const myKey = computed(() => {\r\n      return getObjectValueByPath(props.item, props.itemKey);\r\n    });\r\n\r\n    expose({\r\n      myKey,\r\n      expanded,\r\n      active,\r\n      selected,\r\n      immediate,\r\n    });\r\n\r\n    return {\r\n      treeView,\r\n      myKey,\r\n      expanded,\r\n      active,\r\n      selected,\r\n      immediate,\r\n    };\r\n  },\r\n  created() {\r\n    this.treeView?.register?.(this.myKey, this);\r\n  },\r\n});\r\n\r\nexport type YTreeNode = InstanceType<typeof YTreeViewNode>;\r\n"],"mappings":"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"}
+{"version":3,"file":"YTreeViewNode.mjs","names":["computed","defineComponent","h","inject","ref","pressItemsPropsOptions","useRender","getObjectValueByPath","propsFactory","YButton","YIconCheckbox","YIconExpand","YPlate","YTextHighlighter","YExpandVTransition","pressYTreeViewNodeProps","search","String","disableTransition","Boolean","enableActive","activeClass","Array","activeSingleModifier","requiredActive","activeColor","type","default","enableSelect","itemKey","YTreeViewNode","name","components","props","item","Object","level","Number","setup","_ref","slots","expose","treeView","expanded","active","selected","immediate","onClick","e","to","value","updateActive","myKey","emitActive","onClickExpand","stopPropagation","updateExpanded","emitExpanded","onClickSelect","updateSelected","emitSelected","children","itemChildren","imLeaf","length","classes","styles","contentText","itemText","slotProps","searchLoading","leaves","filter","leaf","isExcluded","map","key","indentSpacer","i","push","class","style","variation","checked","leading","text","keyword","trailing","disabled","role","undefined","created","register"],"sources":["../../../src/components/tree-view/YTreeViewNode.ts"],"sourcesContent":["import {\n  PropType,\n  VNodeArrayChildren,\n  computed,\n  defineComponent,\n  h,\n  inject,\n  ref,\n} from 'vue';\n\nimport { pressItemsPropsOptions } from '../../abstract/items';\nimport { useRender } from '../../composables/component';\nimport { getObjectValueByPath } from '../../util/common';\nimport { propsFactory } from '../../util/vue-component';\nimport { YButton } from '../button';\nimport { YIconCheckbox, YIconExpand } from '../icons';\nimport { YPlate } from '../plate';\nimport { YTextHighlighter } from '../text-highlighter/YTextHighlighter';\nimport { YExpandVTransition } from '../transitions';\n\nexport const pressYTreeViewNodeProps = propsFactory(\n  {\n    search: String,\n    disableTransition: Boolean,\n    enableActive: Boolean,\n    activeClass: [String, Array],\n    activeSingleModifier: String,\n    requiredActive: Boolean,\n    activeColor: {\n      type: String,\n      default: 'primary',\n    },\n    enableSelect: Boolean,\n    ...pressItemsPropsOptions({\n      itemKey: 'id',\n    }),\n  },\n  'YTreeViewNode',\n);\n\nexport const YTreeViewNode = defineComponent({\n  name: 'YTreeNode',\n  components: {\n    YButton,\n    YIconExpand,\n    YPlate,\n    YIconCheckbox,\n  },\n  props: {\n    item: {\n      type: Object as PropType<any>,\n    },\n    level: {\n      type: Number as PropType<number>,\n      default: 0,\n    },\n    ...pressYTreeViewNodeProps(),\n  },\n  setup(props, { slots, expose }) {\n    const treeView = inject<any>('tree-view');\n\n    const expanded = ref(false);\n    const active = ref(false);\n    const selected = ref(false);\n    const immediate = ref(false);\n\n    function onClick(e: MouseEvent) {\n      const to = !active.value;\n      active.value = to;\n      treeView.updateActive(myKey.value, to, e);\n      treeView.emitActive();\n    }\n\n    function onClickExpand(e: MouseEvent) {\n      e.stopPropagation();\n      const to = !expanded.value;\n      expanded.value = to;\n      treeView.updateExpanded(myKey.value, to);\n      treeView.emitExpanded();\n    }\n\n    function onClickSelect(e: MouseEvent) {\n      e.stopPropagation();\n      const to = !selected.value;\n      selected.value = to;\n      treeView.updateSelected(myKey.value, to);\n      treeView.emitSelected();\n    }\n\n    const children = computed(() => {\n      return props.item?.[props.itemChildren as string] ?? [];\n    });\n\n    const imLeaf = computed(() => children.value.length < 1);\n\n    const classes = computed(() => {\n      return {\n        'y-tree-view-node': true,\n        'y-tree-view-node--leaf': imLeaf.value,\n        'y-tree-view-node--expanded': expanded.value,\n        'y-tree-view-node--active': active.value,\n      };\n    });\n\n    const styles = computed(() => {\n      return {\n        '--tree-view-node--level': props.level,\n      };\n    });\n\n    const contentText = computed(() => {\n      return getObjectValueByPath(props.item, props.itemText) ?? '';\n    });\n\n    const slotProps = computed(() => {\n      return {\n        level: props.level,\n        imLeaf: imLeaf.value,\n      };\n    });\n\n    const searchLoading = computed(() => {\n      return treeView.searchLoading.value;\n    });\n\n    useRender(() => {\n      const leaves = children.value\n        .filter((leaf: any) => {\n          return !treeView.isExcluded(\n            getObjectValueByPath(leaf, props.itemKey),\n          );\n        })\n        .map((item: any) => {\n          return h(\n            YTreeViewNode,\n            {\n              ...props,\n              level: (props.level ?? 0) + 1,\n              item,\n              key: getObjectValueByPath(item, props.itemKey),\n            },\n            slots,\n          );\n        });\n      const indentSpacer: VNodeArrayChildren = [];\n      for (let i = 0; i < props.level; i += 1) {\n        indentSpacer.push(\n          h('div', { class: 'y-tree-view-node__indent-spacer' }),\n        );\n      }\n      return h(\n        'div',\n        {\n          class: classes.value,\n          style: styles.value,\n          '.role': 'treeitem',\n          'data-level': props.level,\n        },\n        [\n          h(\n            'div',\n            {\n              class: 'y-tree-view-node__container',\n              onClick: (e: MouseEvent) =>\n                props.enableActive ? onClick(e) : void 0,\n            },\n            [\n              h(YPlate),\n              h('div', { class: 'y-tree-view-node__indents' }, indentSpacer),\n              /* EXPAND */\n              !imLeaf.value && leaves.length > 0\n                ? h(\n                    YButton,\n                    {\n                      class: 'y-tree-view-node__expand-icon',\n                      variation: 'icon',\n                      onClick: (e: MouseEvent) => onClickExpand(e),\n                    },\n                    () => [\n                      slots['expand-icon']\n                        ? slots['expand-icon']()\n                        : h(YIconExpand),\n                    ],\n                  )\n                : h('i', { class: 'y-tree-view-node__no-expand-icon' }),\n              props.enableSelect &&\n                h(\n                  'div',\n                  {\n                    class: ['y-tree-view-node__select'],\n                    onClick: (e: MouseEvent) => onClickSelect(e),\n                  },\n                  [h(YIconCheckbox, { checked: selected.value })],\n                ),\n              /* CONTENT */\n              h('div', { class: 'y-tree-view-node__content' }, [\n                slots.leading &&\n                  h(\n                    'div',\n                    { class: 'y-tree-view-node__leading' },\n                    slots.leading(slotProps.value),\n                  ),\n                h(\n                  'div',\n                  { class: 'y-tree-view-node__text' },\n                  slots.default\n                    ? slots.default?.({\n                        text: contentText.value,\n                        item: props.item,\n                        ...slotProps.value,\n                      })\n                    : props.search && !searchLoading.value\n                    ? h(YTextHighlighter, {\n                        text: contentText.value,\n                        keyword: props.search,\n                      })\n                    : contentText.value,\n                ),\n                slots.trailing &&\n                  h(\n                    'div',\n                    { class: 'y-tree-view-node__trailing' },\n                    slots.trailing(),\n                  ),\n              ]),\n            ],\n          ),\n          /* CHILDREN */\n          children.value.length > 0\n            ? h(\n                YExpandVTransition,\n                { disabled: props.disableTransition },\n                expanded.value\n                  ? () =>\n                      h(\n                        'div',\n                        {\n                          class: { 'y-tree-view-node__leaves': true },\n                          role: 'tree',\n                        },\n                        leaves,\n                      )\n                  : undefined,\n              )\n            : undefined,\n        ],\n      );\n    });\n\n    const myKey = computed(() => {\n      return getObjectValueByPath(props.item, props.itemKey);\n    });\n\n    expose({\n      myKey,\n      expanded,\n      active,\n      selected,\n      immediate,\n    });\n\n    return {\n      treeView,\n      myKey,\n      expanded,\n      active,\n      selected,\n      immediate,\n    };\n  },\n  created() {\n    this.treeView?.register?.(this.myKey, this);\n  },\n});\n\nexport type YTreeNode = InstanceType<typeof YTreeViewNode>;\n"],"mappings":"AAAA,SAGEA,QAAQ,EACRC,eAAe,EACfC,CAAC,EACDC,MAAM,EACNC,GAAG,QACE,KAAK;AAAC,SAEJC,sBAAsB;AAAA,SACtBC,SAAS;AAAA,SACTC,oBAAoB;AAAA,SACpBC,YAAY;AAAA,SACZC,OAAO;AAAA,SACPC,aAAa,EAAEC,WAAW;AAAA,SAC1BC,MAAM;AAAA,SACNC,gBAAgB;AAAA,SAChBC,kBAAkB;AAE3B,OAAO,MAAMC,uBAAuB,GAAGP,YAAY,CACjD;EACEQ,MAAM,EAAEC,MAAM;EACdC,iBAAiB,EAAEC,OAAO;EAC1BC,YAAY,EAAED,OAAO;EACrBE,WAAW,EAAE,CAACJ,MAAM,EAAEK,KAAK,CAAC;EAC5BC,oBAAoB,EAAEN,MAAM;EAC5BO,cAAc,EAAEL,OAAO;EACvBM,WAAW,EAAE;IACXC,IAAI,EAAET,MAAM;IACZU,OAAO,EAAE;EACX,CAAC;EACDC,YAAY,EAAET,OAAO;EACrB,GAAGd,sBAAsB,CAAC;IACxBwB,OAAO,EAAE;EACX,CAAC;AACH,CAAC,EACD,eACF,CAAC;AAED,OAAO,MAAMC,aAAa,GAAG7B,eAAe,CAAC;EAC3C8B,IAAI,EAAE,WAAW;EACjBC,UAAU,EAAE;IACVvB,OAAO;IACPE,WAAW;IACXC,MAAM;IACNF;EACF,CAAC;EACDuB,KAAK,EAAE;IACLC,IAAI,EAAE;MACJR,IAAI,EAAES;IACR,CAAC;IACDC,KAAK,EAAE;MACLV,IAAI,EAAEW,MAA0B;MAChCV,OAAO,EAAE;IACX,CAAC;IACD,GAAGZ,uBAAuB,CAAC;EAC7B,CAAC;EACDuB,KAAKA,CAACL,KAAK,EAAAM,IAAA,EAAqB;IAAA,IAAnB;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAAF,IAAA;IAC5B,MAAMG,QAAQ,GAAGvC,MAAM,CAAM,WAAW,CAAC;IAEzC,MAAMwC,QAAQ,GAAGvC,GAAG,CAAC,KAAK,CAAC;IAC3B,MAAMwC,MAAM,GAAGxC,GAAG,CAAC,KAAK,CAAC;IACzB,MAAMyC,QAAQ,GAAGzC,GAAG,CAAC,KAAK,CAAC;IAC3B,MAAM0C,SAAS,GAAG1C,GAAG,CAAC,KAAK,CAAC;IAE5B,SAAS2C,OAAOA,CAACC,CAAa,EAAE;MAC9B,MAAMC,EAAE,GAAG,CAACL,MAAM,CAACM,KAAK;MACxBN,MAAM,CAACM,KAAK,GAAGD,EAAE;MACjBP,QAAQ,CAACS,YAAY,CAACC,KAAK,CAACF,KAAK,EAAED,EAAE,EAAED,CAAC,CAAC;MACzCN,QAAQ,CAACW,UAAU,CAAC,CAAC;IACvB;IAEA,SAASC,aAAaA,CAACN,CAAa,EAAE;MACpCA,CAAC,CAACO,eAAe,CAAC,CAAC;MACnB,MAAMN,EAAE,GAAG,CAACN,QAAQ,CAACO,KAAK;MAC1BP,QAAQ,CAACO,KAAK,GAAGD,EAAE;MACnBP,QAAQ,CAACc,cAAc,CAACJ,KAAK,CAACF,KAAK,EAAED,EAAE,CAAC;MACxCP,QAAQ,CAACe,YAAY,CAAC,CAAC;IACzB;IAEA,SAASC,aAAaA,CAACV,CAAa,EAAE;MACpCA,CAAC,CAACO,eAAe,CAAC,CAAC;MACnB,MAAMN,EAAE,GAAG,CAACJ,QAAQ,CAACK,KAAK;MAC1BL,QAAQ,CAACK,KAAK,GAAGD,EAAE;MACnBP,QAAQ,CAACiB,cAAc,CAACP,KAAK,CAACF,KAAK,EAAED,EAAE,CAAC;MACxCP,QAAQ,CAACkB,YAAY,CAAC,CAAC;IACzB;IAEA,MAAMC,QAAQ,GAAG7D,QAAQ,CAAC,MAAM;MAC9B,OAAOiC,KAAK,CAACC,IAAI,GAAGD,KAAK,CAAC6B,YAAY,CAAW,IAAI,EAAE;IACzD,CAAC,CAAC;IAEF,MAAMC,MAAM,GAAG/D,QAAQ,CAAC,MAAM6D,QAAQ,CAACX,KAAK,CAACc,MAAM,GAAG,CAAC,CAAC;IAExD,MAAMC,OAAO,GAAGjE,QAAQ,CAAC,MAAM;MAC7B,OAAO;QACL,kBAAkB,EAAE,IAAI;QACxB,wBAAwB,EAAE+D,MAAM,CAACb,KAAK;QACtC,4BAA4B,EAAEP,QAAQ,CAACO,KAAK;QAC5C,0BAA0B,EAAEN,MAAM,CAACM;MACrC,CAAC;IACH,CAAC,CAAC;IAEF,MAAMgB,MAAM,GAAGlE,QAAQ,CAAC,MAAM;MAC5B,OAAO;QACL,yBAAyB,EAAEiC,KAAK,CAACG;MACnC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM+B,WAAW,GAAGnE,QAAQ,CAAC,MAAM;MACjC,OAAOO,oBAAoB,CAAC0B,KAAK,CAACC,IAAI,EAAED,KAAK,CAACmC,QAAQ,CAAC,IAAI,EAAE;IAC/D,CAAC,CAAC;IAEF,MAAMC,SAAS,GAAGrE,QAAQ,CAAC,MAAM;MAC/B,OAAO;QACLoC,KAAK,EAAEH,KAAK,CAACG,KAAK;QAClB2B,MAAM,EAAEA,MAAM,CAACb;MACjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAMoB,aAAa,GAAGtE,QAAQ,CAAC,MAAM;MACnC,OAAO0C,QAAQ,CAAC4B,aAAa,CAACpB,KAAK;IACrC,CAAC,CAAC;IAEF5C,SAAS,CAAC,MAAM;MACd,MAAMiE,MAAM,GAAGV,QAAQ,CAACX,KAAK,CAC1BsB,MAAM,CAAEC,IAAS,IAAK;QACrB,OAAO,CAAC/B,QAAQ,CAACgC,UAAU,CACzBnE,oBAAoB,CAACkE,IAAI,EAAExC,KAAK,CAACJ,OAAO,CAC1C,CAAC;MACH,CAAC,CAAC,CACD8C,GAAG,CAAEzC,IAAS,IAAK;QAClB,OAAOhC,CAAC,CACN4B,aAAa,EACb;UACE,GAAGG,KAAK;UACRG,KAAK,EAAE,CAACH,KAAK,CAACG,KAAK,IAAI,CAAC,IAAI,CAAC;UAC7BF,IAAI;UACJ0C,GAAG,EAAErE,oBAAoB,CAAC2B,IAAI,EAAED,KAAK,CAACJ,OAAO;QAC/C,CAAC,EACDW,KACF,CAAC;MACH,CAAC,CAAC;MACJ,MAAMqC,YAAgC,GAAG,EAAE;MAC3C,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG7C,KAAK,CAACG,KAAK,EAAE0C,CAAC,IAAI,CAAC,EAAE;QACvCD,YAAY,CAACE,IAAI,CACf7E,CAAC,CAAC,KAAK,EAAE;UAAE8E,KAAK,EAAE;QAAkC,CAAC,CACvD,CAAC;MACH;MACA,OAAO9E,CAAC,CACN,KAAK,EACL;QACE8E,KAAK,EAAEf,OAAO,CAACf,KAAK;QACpB+B,KAAK,EAAEf,MAAM,CAAChB,KAAK;QACnB,OAAO,EAAE,UAAU;QACnB,YAAY,EAAEjB,KAAK,CAACG;MACtB,CAAC,EACD,CACElC,CAAC,CACC,KAAK,EACL;QACE8E,KAAK,EAAE,6BAA6B;QACpCjC,OAAO,EAAGC,CAAa,IACrBf,KAAK,CAACb,YAAY,GAAG2B,OAAO,CAACC,CAAC,CAAC,GAAG,KAAK;MAC3C,CAAC,EACD,CACE9C,CAAC,CAACU,MAAM,CAAC,EACTV,CAAC,CAAC,KAAK,EAAE;QAAE8E,KAAK,EAAE;MAA4B,CAAC,EAAEH,YAAY,CAAC,EAC9D;MACA,CAACd,MAAM,CAACb,KAAK,IAAIqB,MAAM,CAACP,MAAM,GAAG,CAAC,GAC9B9D,CAAC,CACCO,OAAO,EACP;QACEuE,KAAK,EAAE,+BAA+B;QACtCE,SAAS,EAAE,MAAM;QACjBnC,OAAO,EAAGC,CAAa,IAAKM,aAAa,CAACN,CAAC;MAC7C,CAAC,EACD,MAAM,CACJR,KAAK,CAAC,aAAa,CAAC,GAChBA,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GACtBtC,CAAC,CAACS,WAAW,CAAC,CAEtB,CAAC,GACDT,CAAC,CAAC,GAAG,EAAE;QAAE8E,KAAK,EAAE;MAAmC,CAAC,CAAC,EACzD/C,KAAK,CAACL,YAAY,IAChB1B,CAAC,CACC,KAAK,EACL;QACE8E,KAAK,EAAE,CAAC,0BAA0B,CAAC;QACnCjC,OAAO,EAAGC,CAAa,IAAKU,aAAa,CAACV,CAAC;MAC7C,CAAC,EACD,CAAC9C,CAAC,CAACQ,aAAa,EAAE;QAAEyE,OAAO,EAAEtC,QAAQ,CAACK;MAAM,CAAC,CAAC,CAChD,CAAC,EACH;MACAhD,CAAC,CAAC,KAAK,EAAE;QAAE8E,KAAK,EAAE;MAA4B,CAAC,EAAE,CAC/CxC,KAAK,CAAC4C,OAAO,IACXlF,CAAC,CACC,KAAK,EACL;QAAE8E,KAAK,EAAE;MAA4B,CAAC,EACtCxC,KAAK,CAAC4C,OAAO,CAACf,SAAS,CAACnB,KAAK,CAC/B,CAAC,EACHhD,CAAC,CACC,KAAK,EACL;QAAE8E,KAAK,EAAE;MAAyB,CAAC,EACnCxC,KAAK,CAACb,OAAO,GACTa,KAAK,CAACb,OAAO,GAAG;QACd0D,IAAI,EAAElB,WAAW,CAACjB,KAAK;QACvBhB,IAAI,EAAED,KAAK,CAACC,IAAI;QAChB,GAAGmC,SAAS,CAACnB;MACf,CAAC,CAAC,GACFjB,KAAK,CAACjB,MAAM,IAAI,CAACsD,aAAa,CAACpB,KAAK,GACpChD,CAAC,CAACW,gBAAgB,EAAE;QAClBwE,IAAI,EAAElB,WAAW,CAACjB,KAAK;QACvBoC,OAAO,EAAErD,KAAK,CAACjB;MACjB,CAAC,CAAC,GACFmD,WAAW,CAACjB,KAClB,CAAC,EACDV,KAAK,CAAC+C,QAAQ,IACZrF,CAAC,CACC,KAAK,EACL;QAAE8E,KAAK,EAAE;MAA6B,CAAC,EACvCxC,KAAK,CAAC+C,QAAQ,CAAC,CACjB,CAAC,CACJ,CAAC,CAEN,CAAC,EACD;MACA1B,QAAQ,CAACX,KAAK,CAACc,MAAM,GAAG,CAAC,GACrB9D,CAAC,CACCY,kBAAkB,EAClB;QAAE0E,QAAQ,EAAEvD,KAAK,CAACf;MAAkB,CAAC,EACrCyB,QAAQ,CAACO,KAAK,GACV,MACEhD,CAAC,CACC,KAAK,EACL;QACE8E,KAAK,EAAE;UAAE,0BAA0B,EAAE;QAAK,CAAC;QAC3CS,IAAI,EAAE;MACR,CAAC,EACDlB,MACF,CAAC,GACHmB,SACN,CAAC,GACDA,SAAS,CAEjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAMtC,KAAK,GAAGpD,QAAQ,CAAC,MAAM;MAC3B,OAAOO,oBAAoB,CAAC0B,KAAK,CAACC,IAAI,EAAED,KAAK,CAACJ,OAAO,CAAC;IACxD,CAAC,CAAC;IAEFY,MAAM,CAAC;MACLW,KAAK;MACLT,QAAQ;MACRC,MAAM;MACNC,QAAQ;MACRC;IACF,CAAC,CAAC;IAEF,OAAO;MACLJ,QAAQ;MACRU,KAAK;MACLT,QAAQ;MACRC,MAAM;MACNC,QAAQ;MACRC;IACF,CAAC;EACH,CAAC;EACD6C,OAAOA,CAAA,EAAG;IACR,IAAI,CAACjD,QAAQ,EAAEkD,QAAQ,GAAG,IAAI,CAACxC,KAAK,EAAE,IAAI,CAAC;EAC7C;AACF,CAAC,CAAC"}

package/lib/composables/i18n/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["inject","provide","createLocaleModule","createRtlModule","createRtlProvideValue","YUYEON_I18N_KEY","createI18nModule","options","localeModule","rtlModule","useI18n","i18n","Error","provideI18n","props","locale","getContext","rtl","state"],"sources":["../../../src/composables/i18n/index.ts"],"sourcesContent":["import {inject, provide} from 'vue';\r\n\r\nimport { LocaleModule, LocaleOptions } from '../../i18n/types';\r\nimport { createLocaleModule } from './locale';\r\nimport {\r\n  RtlModule,\r\n  RtlOptions,\r\n  RtlProps,\r\n  createRtlModule,\r\n  createRtlProvideValue,\r\n} from './rtl';\r\nimport { YUYEON_I18N_KEY } from './share';\r\n\r\nexport function createI18nModule(options?: LocaleOptions & RtlOptions) {\r\n  const localeModule = createLocaleModule(options);\r\n  const rtlModule = createRtlModule(localeModule, options);\r\n\r\n  return {\r\n    localeModule,\r\n    rtlModule,\r\n  };\r\n}\r\n\r\nexport function useI18n(): LocaleModule & RtlModule {\r\n  const i18n = inject<any>(YUYEON_I18N_KEY);\r\n  if (!i18n) throw new Error('Not found provided \"I18nModule\"');\r\n\r\n  return i18n;\r\n}\r\n\r\nexport function provideI18n(props: LocaleOptions & RtlProps) {\r\n  const i18n = inject<any>(YUYEON_I18N_KEY);\r\n  if (!i18n) throw new Error('Not found provided \"I18nModule\"');\r\n\r\n  const locale = i18n.getContext(props);\r\n  const rtl = createRtlProvideValue(locale, i18n.rtl, props);\r\n\r\n  const state = {\r\n    ...locale,\r\n    ...rtl,\r\n  };\r\n  provide(YUYEON_I18N_KEY, state);\r\n\r\n  return state;\r\n}\r\n"],"mappings":"AAAA,SAAQA,MAAM,EAAEC,OAAO,QAAO,KAAK;AAAC,SAG3BC,kBAAkB;AAAA,SAKzBC,eAAe,EACfC,qBAAqB;AAAA,SAEdC,eAAe;AAExB,OAAO,SAASC,gBAAgBA,CAACC,OAAoC,EAAE;EACrE,MAAMC,YAAY,GAAGN,kBAAkB,CAACK,OAAO,CAAC;EAChD,MAAME,SAAS,GAAGN,eAAe,CAACK,YAAY,EAAED,OAAO,CAAC;EAExD,OAAO;IACLC,YAAY;IACZC;EACF,CAAC;AACH;AAEA,OAAO,SAASC,OAAOA,CAAA,EAA6B;EAClD,MAAMC,IAAI,GAAGX,MAAM,CAAMK,eAAe,CAAC;EACzC,IAAI,CAACM,IAAI,EAAE,MAAM,IAAIC,KAAK,CAAC,iCAAiC,CAAC;EAE7D,OAAOD,IAAI;AACb;AAEA,OAAO,SAASE,WAAWA,CAACC,KAA+B,EAAE;EAC3D,MAAMH,IAAI,GAAGX,MAAM,CAAMK,eAAe,CAAC;EACzC,IAAI,CAACM,IAAI,EAAE,MAAM,IAAIC,KAAK,CAAC,iCAAiC,CAAC;EAE7D,MAAMG,MAAM,GAAGJ,IAAI,CAACK,UAAU,CAACF,KAAK,CAAC;EACrC,MAAMG,GAAG,GAAGb,qBAAqB,CAACW,MAAM,EAAEJ,IAAI,CAACM,GAAG,EAAEH,KAAK,CAAC;EAE1D,MAAMI,KAAK,GAAG;IACZ,GAAGH,MAAM;IACT,GAAGE;EACL,CAAC;EACDhB,OAAO,CAACI,eAAe,EAAEa,KAAK,CAAC;EAE/B,OAAOA,KAAK;AACd"}
+{"version":3,"file":"index.mjs","names":["inject","provide","createLocaleModule","createRtlModule","createRtlProvideValue","YUYEON_I18N_KEY","createI18nModule","options","localeModule","rtlModule","useI18n","i18n","Error","provideI18n","props","locale","getContext","rtl","state"],"sources":["../../../src/composables/i18n/index.ts"],"sourcesContent":["import {inject, provide} from 'vue';\r\n\r\nimport { LocaleModule, LocaleOptions } from '../../i18n/types';\r\nimport { createLocaleModule } from './locale';\r\nimport {\r\n  RtlModule,\r\n  RtlOptions,\r\n  RtlProps,\r\n  createRtlModule,\r\n  createRtlProvideValue,\r\n} from './rtl';\r\nimport { YUYEON_I18N_KEY } from './share';\r\n\r\nexport function createI18nModule(options?: LocaleOptions & RtlOptions) {\r\n  const localeModule = createLocaleModule(options);\r\n  const rtlModule = createRtlModule(localeModule, options);\r\n\r\n  return {\r\n    localeModule,\r\n    rtlModule,\r\n  };\r\n}\r\n\r\nexport function useI18n(): LocaleModule & RtlModule {\r\n  const i18n = inject<any>(YUYEON_I18N_KEY);\r\n  if (!i18n) throw new Error('Not found provided \"I18nModule\"');\r\n  return i18n;\r\n}\r\n\r\nexport function provideI18n(props: LocaleOptions & RtlProps) {\r\n  const i18n = inject<any>(YUYEON_I18N_KEY);\r\n  if (!i18n) throw new Error('Not found provided \"I18nModule\"');\r\n\r\n  const locale = i18n.getContext(props);\r\n  const rtl = createRtlProvideValue(locale, i18n.rtl, props);\r\n\r\n  const state = {\r\n    ...locale,\r\n    ...rtl,\r\n  };\r\n  provide(YUYEON_I18N_KEY, state);\r\n\r\n  return state;\r\n}\r\n"],"mappings":"AAAA,SAAQA,MAAM,EAAEC,OAAO,QAAO,KAAK;AAAC,SAG3BC,kBAAkB;AAAA,SAKzBC,eAAe,EACfC,qBAAqB;AAAA,SAEdC,eAAe;AAExB,OAAO,SAASC,gBAAgBA,CAACC,OAAoC,EAAE;EACrE,MAAMC,YAAY,GAAGN,kBAAkB,CAACK,OAAO,CAAC;EAChD,MAAME,SAAS,GAAGN,eAAe,CAACK,YAAY,EAAED,OAAO,CAAC;EAExD,OAAO;IACLC,YAAY;IACZC;EACF,CAAC;AACH;AAEA,OAAO,SAASC,OAAOA,CAAA,EAA6B;EAClD,MAAMC,IAAI,GAAGX,MAAM,CAAMK,eAAe,CAAC;EACzC,IAAI,CAACM,IAAI,EAAE,MAAM,IAAIC,KAAK,CAAC,iCAAiC,CAAC;EAC7D,OAAOD,IAAI;AACb;AAEA,OAAO,SAASE,WAAWA,CAACC,KAA+B,EAAE;EAC3D,MAAMH,IAAI,GAAGX,MAAM,CAAMK,eAAe,CAAC;EACzC,IAAI,CAACM,IAAI,EAAE,MAAM,IAAIC,KAAK,CAAC,iCAAiC,CAAC;EAE7D,MAAMG,MAAM,GAAGJ,IAAI,CAACK,UAAU,CAACF,KAAK,CAAC;EACrC,MAAMG,GAAG,GAAGb,qBAAqB,CAACW,MAAM,EAAEJ,IAAI,CAACM,GAAG,EAAEH,KAAK,CAAC;EAE1D,MAAMI,KAAK,GAAG;IACZ,GAAGH,MAAM;IACT,GAAGE;EACL,CAAC;EACDhB,OAAO,CAACI,eAAe,EAAEa,KAAK,CAAC;EAE/B,OAAOA,KAAK;AACd"}

package/lib/locales/en.mjs

@@ -1,4 +1,5 @@
 export default {
-  search: 'search'
+  search: 'search',
+  noItems: 'No Options'
 };
 //# sourceMappingURL=en.mjs.map

package/lib/locales/en.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"en.mjs","names":["search"],"sources":["../../src/locales/en.ts"],"sourcesContent":["export default {\r\n  search: 'search',\r\n};\r\n"],"mappings":"AAAA,eAAe;EACbA,MAAM,EAAE;AACV,CAAC"}
+{"version":3,"file":"en.mjs","names":["search","noItems"],"sources":["../../src/locales/en.ts"],"sourcesContent":["export default {\r\n  search: 'search',\r\n  noItems: 'No Options'\r\n};\r\n"],"mappings":"AAAA,eAAe;EACbA,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE;AACX,CAAC"}

package/lib/locales/ko.mjs

@@ -1,4 +1,5 @@
 export default {
-  search: '검색'
+  search: '검색',
+  noItems: '항목이 없습니다.'
 };
 //# sourceMappingURL=ko.mjs.map

package/lib/locales/ko.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ko.mjs","names":["search"],"sources":["../../src/locales/ko.ts"],"sourcesContent":["export default {\r\n  search: '검색',\r\n};\r\n"],"mappings":"AAAA,eAAe;EACbA,MAAM,EAAE;AACV,CAAC"}
+{"version":3,"file":"ko.mjs","names":["search","noItems"],"sources":["../../src/locales/ko.ts"],"sourcesContent":["export default {\r\n  search: '검색',\r\n  noItems: '항목이 없습니다.'\r\n};\r\n"],"mappings":"AAAA,eAAe;EACbA,MAAM,EAAE,IAAI;EACZC,OAAO,EAAE;AACX,CAAC"}

package/lib/util/ui.mjs

@@ -46,11 +46,13 @@ export function pixelCeil(val) {
 }
 export function toStyleSizeValue(size) {
   let unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
-  if (size === '' || size === null || size === undefined) {
+  if (size == null || size === '') {
     return undefined;
   }
   let value = Number(size);
-  if (isNaN(value) || !isFinite(value)) {
+  if (typeof size === 'string' && isNaN(value)) {
+    return size;
+  } else if (!isFinite(value)) {
     return undefined;
   }
   return `${value}${unit}`;

package/lib/util/ui.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ui.mjs","names":["getBoundingPureRect","el","rect","getBoundingClientRect","style","getComputedStyle","tx","transform","sx","sy","dx","dy","startsWith","ta","slice","split","to","transformOrigin","x","parseFloat","y","indexOf","w","width","offsetWidth","h","height","offsetHeight","top","right","bottom","left","pixelRound","val","Math","round","devicePixelRatio","pixelCeil","ceil","toStyleSizeValue","size","unit","arguments","length","undefined","value","Number","isNaN","isFinite"],"sources":["../../src/util/ui.ts"],"sourcesContent":["export function getBoundingPureRect(el: HTMLElement) {\r\n  const rect = el.getBoundingClientRect();\r\n  const style = getComputedStyle(el);\r\n  const tx = style.transform;\r\n\r\n  if (tx) {\r\n    let sx, sy, dx, dy;\r\n    if (tx.startsWith('matrix3d(')) {\r\n      const ta = tx.slice(9, -1).split(/, /);\r\n      sx = +ta[0];\r\n      sy = +ta[5];\r\n      dx = +ta[12];\r\n      dy = +ta[13];\r\n    } else if (tx.startsWith('matrix(')) {\r\n      const ta = tx.slice(7, -1).split(/, /);\r\n      sx = +ta[0];\r\n      sy = +ta[3];\r\n      dx = +ta[4];\r\n      dy = +ta[5];\r\n    } else {\r\n      return rect;\r\n    }\r\n\r\n    const to = style.transformOrigin;\r\n    const x = rect.x - dx - (1 - sx) * parseFloat(to);\r\n    const y =\r\n      rect.y - dy - (1 - sy) * parseFloat(to.slice(to.indexOf(' ') + 1));\r\n    const w = sx ? rect.width / sx : el.offsetWidth;\r\n    const h = sy ? rect.height / sy : el.offsetHeight;\r\n    return {\r\n      x: x,\r\n      y: y,\r\n      width: w,\r\n      height: h,\r\n      top: y,\r\n      right: x + w,\r\n      bottom: y + h,\r\n      left: x,\r\n    } as DOMRect;\r\n  } else {\r\n    return rect;\r\n  }\r\n}\r\n\r\nexport function pixelRound (val: number) {\r\n  return Math.round(val * devicePixelRatio) / devicePixelRatio\r\n}\r\n\r\nexport function pixelCeil (val: number) {\r\n  return Math.ceil(val * devicePixelRatio) / devicePixelRatio\r\n}\r\n\r\nexport function toStyleSizeValue(\r\n  size: number | string | null | undefined,\r\n  unit = 'px',\r\n): string | undefined {\r\n  if (size === '' || size === null || size === undefined) {\r\n    return undefined;\r\n  }\r\n  let value = Number(size);\r\n  if (isNaN(value) || !isFinite(value)) {\r\n    return undefined;\r\n  }\r\n  return `${value}${unit}`;\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"ui.mjs","names":["getBoundingPureRect","el","rect","getBoundingClientRect","style","getComputedStyle","tx","transform","sx","sy","dx","dy","startsWith","ta","slice","split","to","transformOrigin","x","parseFloat","y","indexOf","w","width","offsetWidth","h","height","offsetHeight","top","right","bottom","left","pixelRound","val","Math","round","devicePixelRatio","pixelCeil","ceil","toStyleSizeValue","size","unit","arguments","length","undefined","value","Number","isNaN","isFinite"],"sources":["../../src/util/ui.ts"],"sourcesContent":["export function getBoundingPureRect(el: HTMLElement) {\r\n  const rect = el.getBoundingClientRect();\r\n  const style = getComputedStyle(el);\r\n  const tx = style.transform;\r\n\r\n  if (tx) {\r\n    let sx, sy, dx, dy;\r\n    if (tx.startsWith('matrix3d(')) {\r\n      const ta = tx.slice(9, -1).split(/, /);\r\n      sx = +ta[0];\r\n      sy = +ta[5];\r\n      dx = +ta[12];\r\n      dy = +ta[13];\r\n    } else if (tx.startsWith('matrix(')) {\r\n      const ta = tx.slice(7, -1).split(/, /);\r\n      sx = +ta[0];\r\n      sy = +ta[3];\r\n      dx = +ta[4];\r\n      dy = +ta[5];\r\n    } else {\r\n      return rect;\r\n    }\r\n\r\n    const to = style.transformOrigin;\r\n    const x = rect.x - dx - (1 - sx) * parseFloat(to);\r\n    const y =\r\n      rect.y - dy - (1 - sy) * parseFloat(to.slice(to.indexOf(' ') + 1));\r\n    const w = sx ? rect.width / sx : el.offsetWidth;\r\n    const h = sy ? rect.height / sy : el.offsetHeight;\r\n    return {\r\n      x: x,\r\n      y: y,\r\n      width: w,\r\n      height: h,\r\n      top: y,\r\n      right: x + w,\r\n      bottom: y + h,\r\n      left: x,\r\n    } as DOMRect;\r\n  } else {\r\n    return rect;\r\n  }\r\n}\r\n\r\nexport function pixelRound (val: number) {\r\n  return Math.round(val * devicePixelRatio) / devicePixelRatio\r\n}\r\n\r\nexport function pixelCeil (val: number) {\r\n  return Math.ceil(val * devicePixelRatio) / devicePixelRatio\r\n}\r\n\r\nexport function toStyleSizeValue(\r\n  size: number | string | null | undefined,\r\n  unit = 'px',\r\n): string | undefined {\r\n  if (size == null || size === '') {\r\n    return undefined;\r\n  }\r\n  let value = Number(size);\r\n  if (typeof(size) === 'string' && isNaN(value)) {\r\n    return size;\r\n  } else if (!isFinite(value)) {\r\n    return undefined;\r\n  }\r\n\r\n  return `${value}${unit}`;\r\n}\r\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.0.42",
+  "version": "0.0.44",
   "keywords": [
     "UI Library",
     "Vue"

package/types/components/badge/YBadge.d.ts

@@ -0,0 +1,141 @@
+import { PropType, SlotsType } from 'vue';
+import { IconValue } from '../../composables/icon';
+export declare const pressYBadgePropsOptions: <Defaults extends {
+    tag?: unknown;
+    dot?: unknown;
+    bordered?: unknown;
+    floating?: unknown;
+    inline?: unknown;
+    icon?: unknown;
+    color?: unknown;
+    hide?: unknown;
+    label?: unknown;
+    content?: unknown;
+    max?: unknown;
+    transition?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    tag: unknown extends Defaults["tag"] ? {
+        type: PropType<string>;
+        default: string;
+    } : Omit<{
+        type: PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["tag"] ? string : string | Defaults["tag"]>;
+        default: unknown extends Defaults["tag"] ? string : string | Defaults["tag"];
+    };
+    dot: unknown extends Defaults["dot"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["dot"] ? boolean : boolean | Defaults["dot"]>;
+        default: unknown extends Defaults["dot"] ? boolean : boolean | Defaults["dot"];
+    };
+    bordered: unknown extends Defaults["bordered"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["bordered"] ? boolean : boolean | Defaults["bordered"]>;
+        default: unknown extends Defaults["bordered"] ? boolean : boolean | Defaults["bordered"];
+    };
+    floating: unknown extends Defaults["floating"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["floating"] ? boolean : boolean | Defaults["floating"]>;
+        default: unknown extends Defaults["floating"] ? boolean : boolean | Defaults["floating"];
+    };
+    inline: unknown extends Defaults["inline"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["inline"] ? boolean : boolean | Defaults["inline"]>;
+        default: unknown extends Defaults["inline"] ? boolean : boolean | Defaults["inline"];
+    };
+    icon: unknown extends Defaults["icon"] ? PropType<IconValue> : {
+        type: PropType<unknown extends Defaults["icon"] ? IconValue : NonNullable<IconValue> | Defaults["icon"]>;
+        default: unknown extends Defaults["icon"] ? IconValue : NonNullable<IconValue> | Defaults["icon"];
+    };
+    color: unknown extends Defaults["color"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
+        default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
+    };
+    hide: unknown extends Defaults["hide"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["hide"] ? boolean : boolean | Defaults["hide"]>;
+        default: unknown extends Defaults["hide"] ? boolean : boolean | Defaults["hide"];
+    };
+    label: unknown extends Defaults["label"] ? {
+        type: StringConstructor;
+        default: string;
+    } : Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["label"] ? string : string | Defaults["label"]>;
+        default: unknown extends Defaults["label"] ? string : string | Defaults["label"];
+    };
+    content: unknown extends Defaults["content"] ? (StringConstructor | NumberConstructor)[] : {
+        type: PropType<unknown extends Defaults["content"] ? string | number : NonNullable<string | number> | Defaults["content"]>;
+        default: unknown extends Defaults["content"] ? string | number : NonNullable<string | number> | Defaults["content"];
+    };
+    max: unknown extends Defaults["max"] ? NumberConstructor : {
+        type: PropType<unknown extends Defaults["max"] ? number : number | Defaults["max"]>;
+        default: unknown extends Defaults["max"] ? number : number | Defaults["max"];
+    };
+    transition: unknown extends Defaults["transition"] ? {
+        type: StringConstructor;
+        default: string;
+    } : Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["transition"] ? string : string | Defaults["transition"]>;
+        default: unknown extends Defaults["transition"] ? string : string | Defaults["transition"];
+    };
+};
+export declare const YBadge: import("vue").DefineComponent<{
+    tag: {
+        type: PropType<string>;
+        default: string;
+    };
+    dot: BooleanConstructor;
+    bordered: BooleanConstructor;
+    floating: BooleanConstructor;
+    inline: BooleanConstructor;
+    icon: PropType<IconValue>;
+    color: StringConstructor;
+    hide: BooleanConstructor;
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    content: (StringConstructor | NumberConstructor)[];
+    max: NumberConstructor;
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: PropType<string>;
+        default: string;
+    };
+    dot: BooleanConstructor;
+    bordered: BooleanConstructor;
+    floating: BooleanConstructor;
+    inline: BooleanConstructor;
+    icon: PropType<IconValue>;
+    color: StringConstructor;
+    hide: BooleanConstructor;
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    content: (StringConstructor | NumberConstructor)[];
+    max: NumberConstructor;
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    tag: string;
+    floating: boolean;
+    label: string;
+    transition: string;
+    dot: boolean;
+    bordered: boolean;
+    inline: boolean;
+    hide: boolean;
+}, SlotsType<{
+    default: any;
+    badge: any;
+}>>;
+export type YBadge = InstanceType<typeof YBadge>;

package/types/components/badge/index.d.ts

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

package/types/components/card/YCard.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+export declare const YCard: import("vue").DefineComponent<{
     outline: {
         type: PropType<boolean>;
     };
@@ -8,4 +8,4 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
     };
 }>>, {}, {}>;
-export default _default;
+export type YCard = InstanceType<typeof YCard>;

package/types/components/card/YCardBody.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;
+export declare const YCardBody: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export type YCardBody = InstanceType<typeof YCardBody>;

package/types/components/card/YCardFooter.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;
+export declare const YCardFooter: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export type YCardFooter = InstanceType<typeof YCardFooter>;

package/types/components/card/YCardHeader.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;
+export declare const YCardHeader: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export type YCardHeader = InstanceType<typeof YCardHeader>;

package/types/components/card/index.d.ts

@@ -1,5 +1,4 @@
-import YCard from './YCard';
-import YCardBody from './YCardBody';
-import YCardFooter from './YCardFooter';
-import YCardHeader from './YCardHeader';
-export { YCard, YCardHeader, YCardBody, YCardFooter };
+export * from './YCard';
+export * from './YCardBody';
+export * from './YCardFooter';
+export * from './YCardHeader';

package/types/components/checkbox/YCheckbox.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+export declare const YCheckbox: import("vue").DefineComponent<{
     modelValue: PropType<boolean | any[]>;
     value: PropType<any>;
     label: PropType<string>;
@@ -44,4 +44,4 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     color: string;
 }, {}>;
-export default _default;
+export type YCheckbox = InstanceType<typeof YCheckbox>;

package/types/components/checkbox/index.d.ts

@@ -1,4 +1,3 @@
-import YCheckbox from './YCheckbox';
+export * from './YCheckbox';
 import YInputCheckbox from './YInputCheckbox';
-export { YCheckbox };
 export { YInputCheckbox };

package/types/components/chip/YChip.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+export declare const YChip: import("vue").DefineComponent<{
     color: StringConstructor;
     background: StringConstructor;
     small: BooleanConstructor;
@@ -32,4 +32,4 @@ declare const _default: import("vue").DefineComponent<{
     small: boolean;
     bgOpacity: number;
 }, {}>;
-export default _default;
+export type YChip = InstanceType<typeof YChip>;

package/types/components/chip/index.d.ts

@@ -1,2 +1 @@
-import YChip from './YChip';
-export { YChip };
+export * from './YChip';

package/types/components/form/YForm.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPublicInstance, PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+export declare const YForm: import("vue").DefineComponent<{
     tag: {
         type: PropType<string>;
         default: string;
@@ -29,4 +29,4 @@ declare const _default: import("vue").DefineComponent<{
     tag: string;
     loading: boolean;
 }, {}>;
-export default _default;
+export type YForm = InstanceType<typeof YForm>;

package/types/components/form/index.d.ts

@@ -1,3 +1 @@
-import YForm from './YForm';
-export { YForm };
-export default YForm;
+export * from './YForm';

package/types/components/index.d.ts

@@ -29,3 +29,4 @@ export * from './alert';
 export * from './divider';
 export * from './date-picker';
 export * from './icon';
+export * from './badge';

package/types/components/loading/YSpinnerRing.d.ts

@@ -1 +1,2 @@
 export declare const YSpinnerRing: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export type YSpinnerRing = InstanceType<typeof YSpinnerRing>;

package/types/components/menu/YMenu.d.ts

@@ -27,6 +27,9 @@ export declare const YMenuPropOptions: {
         default: string;
     };
     offset: {
+        /**
+         * #  Component
+         */
         type: PropType<string | number | string[]>;
     };
     viewportMargin: {
@@ -134,6 +137,9 @@ export declare const YMenu: import("vue").DefineComponent<{
         default: string;
     };
     offset: {
+        /**
+         * #  Component
+         */
         type: PropType<string | number | string[]>;
     };
     viewportMargin: {
@@ -222,6 +228,9 @@ export declare const YMenu: import("vue").DefineComponent<{
             default: string;
         };
         offset: {
+            /**
+             * #  Component
+             */
             type: PropType<string | number | string[]>;
         };
         viewportMargin: {
@@ -1888,6 +1897,9 @@ export declare const YMenu: import("vue").DefineComponent<{
             default: string;
         };
         offset: {
+            /**
+             * #  Component
+             */
             type: PropType<string | number | string[]>;
         };
         viewportMargin: {
@@ -2007,6 +2019,9 @@ export declare const YMenu: import("vue").DefineComponent<{
         default: string;
     };
     offset: {
+        /**
+         * #  Component
+         */
         type: PropType<string | number | string[]>;
     };
     viewportMargin: {

package/types/components/pagination/YPagination.d.ts

@@ -166,3 +166,4 @@ export declare const YPagination: import("vue").DefineComponent<{
     gap: string | number;
     showEndButton: boolean;
 }, {}>;
+export type YPagination = InstanceType<typeof YPagination>;

package/types/components/panel/YDividePanel.d.ts

@@ -1,3 +1,4 @@
 export declare const YDividePanel: import("vue").DefineComponent<{}, {
     activeSecondary: import("vue").Ref<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export type YDividePanel = InstanceType<typeof YDividePanel>;

package/types/components/progress-bar/YProgressBar.d.ts

@@ -74,3 +74,4 @@ export declare const YProgressBar: import("vue").DefineComponent<{
     indeterminate: boolean;
     color: string;
 }, {}>;
+export type YProgressBar = InstanceType<typeof YProgressBar>;

package/types/components/select/YSelect.d.ts

@@ -5882,3 +5882,4 @@ export declare const YSelect: import("vue").DefineComponent<{
         select: () => void;
     };
 }>>;
+export type YSelect = InstanceType<typeof YSelect>;

package/types/components/snackbar/YSnackbar.d.ts

@@ -77,3 +77,4 @@ export declare const YSnackbar: import("vue").DefineComponent<{
     transition: any;
     duration: number;
 }, {}>;
+export type YSnackbar = InstanceType<typeof YSnackbar>;

package/types/components/switch/YSwitch.d.ts

@@ -104,3 +104,4 @@ export declare const YSwitch: import("vue").DefineComponent<{
     labelOn: string;
     labelOff: string;
 }, {}>;
+export type YSwitch = InstanceType<typeof YSwitch>;

package/types/components/tab/YTab.d.ts

@@ -280,3 +280,4 @@ export declare const YTab: import("vue").DefineComponent<{
 }, SlotsType<{
     default?: any;
 }>>;
+export type YTab = InstanceType<typeof YTab>;

package/types/components/table/YDataTableCell.d.ts

@@ -13,6 +13,9 @@ export declare const YDataTableCell: import("vue").DefineComponent<{
     width: {
         type: PropType<string | number>;
     };
+    maxWidth: {
+        type: PropType<string | number>;
+    };
     height: {
         type: PropType<string | number>;
     };
@@ -34,6 +37,9 @@ export declare const YDataTableCell: import("vue").DefineComponent<{
     width: {
         type: PropType<string | number>;
     };
+    maxWidth: {
+        type: PropType<string | number>;
+    };
     height: {
         type: PropType<string | number>;
     };