windly-ui 1.0.1 → 1.0.3

package/ui-library/components/Tooltip.vue

@@ -1,200 +0,0 @@
-<script setup lang="ts">
-defineOptions({
-  name: 'UITooltip',
-  inheritAttrs: false,
-})
-
-import { computed, ref } from 'vue'
-
-type TooltipPlacement =
-  | 'top'
-  | 'right'
-  | 'bottom'
-  | 'left'
-
-const props = defineProps({
-  text: {
-    type: String,
-    required: true,
-  },
-  placement: {
-    type: String as () => TooltipPlacement,
-    default: 'top',
-
-    validator: (v: string) =>
-      ['top', 'right', 'bottom', 'left'].includes(v),
-  },
-  arrow: {
-    type: Boolean,
-    default: true,
-  },
-  color: {
-    type: String,
-    default: 'gray-800',
-  },
-  textColor: {
-    type: String,
-    default: 'white',
-  },
-})
-
-const baseClasses = computed(() => ('px-3 py-2 text-sm rounded-lg shadow-lg whitespace-nowrap'))
-
-const visible = ref(false)
-
-const isHex = (val: string) => val.startsWith('#')
-
-const showTooltip = () => {
-  visible.value = true
-}
-
-const hideTooltip = () => {
-  visible.value = false
-}
-
-const tooltipStyle = computed(() => {
-  const style: Record<string, string> = {}
-
-  if (isHex(props.color)) {
-    style.backgroundColor = props.color
-  }
-
-  if (isHex(props.textColor)) {
-    style.color = props.textColor
-  }
-
-  return style
-})
-
-const tooltipClasses = computed(() => [
-  baseClasses.value,
-
-  !isHex(props.color)
-    ? `bg-${props.color}`
-    : '',
-
-  !isHex(props.textColor)
-    ? `text-${props.textColor}`
-    : '',
-])
-
-const placementClasses = computed(() => {
-  switch (props.placement) {
-    case 'top':
-      return 'bottom-full left-1/2 -translate-x-1/2 mb-3'
-
-    case 'right':
-      return 'left-full top-1/2 -translate-y-1/2 ml-3'
-
-    case 'bottom':
-      return 'top-full left-1/2 -translate-x-1/2 mt-3'
-
-    case 'left':
-      return 'right-full top-1/2 -translate-y-1/2 mr-3'
-
-    default:
-      return ''
-  }
-})
-
-const arrowClasses = computed(() => {
-  switch (props.placement) {
-    case 'top':
-      return 'left-1/2 -translate-x-1/2 bottom-0 -mb-3.5'
-
-    case 'right':
-      return 'top-1/2 -translate-y-1/2 left-0 -ml-3.5'
-
-    case 'bottom':
-      return 'left-1/2 -translate-x-1/2 top-0 -mt-3.5'
-
-    case 'left':
-      return 'top-1/2 -translate-y-1/2 right-0 -mr-3.5'
-
-    default:
-      return ''
-  }
-})
-
-const arrowIcon = computed(() => {
-  switch (props.placement) {
-    case 'top':
-      return 'arrow_drop_down'
-
-    case 'right':
-      return 'arrow_left'
-
-    case 'bottom':
-      return 'arrow_drop_up'
-
-    case 'left':
-      return 'arrow_right'
-
-    default:
-      return ''
-  }
-})
-
-const arrowStyle = computed(() => { 
-  const style: Record<string, string> = {} 
-  if (isHex(props.color)) 
-    style.color = props.color
-  return style 
-})
-</script>
-
-<template>
-  <div
-    class="relative inline-block"
-    tabindex="0"
-    @mouseenter="showTooltip"
-    @mouseleave="hideTooltip"
-    @focus="showTooltip"
-    @blur="hideTooltip"
-  >
-    <!-- Trigger -->
-    <slot />
-
-    <!-- Tooltip -->
-    <transition name="fade">
-      <div
-        v-if="visible"
-        role="tooltip"
-        class="absolute z-50"
-        :class="[tooltipClasses, placementClasses]"
-        :style="tooltipStyle"
-        v-bind="$attrs"
-      >
-        <!-- Arrow -->
-        <i
-          v-if="arrow"
-          class="material-icons tooltip-arrow"
-          :class="[ arrowClasses, !isHex(props.color) ? `text-${props.color}` : '', ]" 
-          :style="arrowStyle"
-        >
-          {{ arrowIcon }}
-        </i>
-
-        {{ text }}
-      </div>
-    </transition>
-  </div>
-</template>
-
-<style scoped>
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.2s ease;
-}
-
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-}
-
-.tooltip-arrow {
-  position: absolute;
-  font-size: 1.5rem;
-  line-height: 1;
-}
-</style>

package/ui-library/components/plugin.ts

@@ -1,8 +0,0 @@
-import { defineNuxtPlugin } from '#app'
-import Button from './Button.vue'
-import Accordian from './Accordion.vue'
-
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.vueApp.component('UIButton', Button)
-  nuxtApp.vueApp.component('UIAccordian', Accordian)
-})

package/ui-library/module.ts

@@ -1,20 +0,0 @@
-import { defineNuxtModule, addComponentsDir, createResolver } from '@nuxt/kit'
-
-export default defineNuxtModule({
-  meta: {
-    name: 'ui-library',
-    configKey: 'uiLibrary'
-  },
-  setup(_, nuxt) {
-    const resolver = createResolver(import.meta.url)
-
-    // Auto-register all components from the ui-library/components folder
-    addComponentsDir({
-      path: resolver.resolve('./components'),
-      prefix: 'UI',      // This will prefix components with <UIButton />, <UICard /> etc.
-      pathPrefix: false, // Don't include folder names as prefix
-      extensions: ['vue'],
-      watch: nuxt.options.dev
-    })
-  }
-})