@studio-west/component-sw 0.12.8 → 0.12.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studio-west/component-sw",
-  "version": "0.12.8",
+  "version": "0.12.10",
   "description": "Vue components of Component-SW collection.",
   "type": "module",
   "keywords": [

package/src/Alert.ts

@@ -1,5 +1,5 @@
-import { createApp, h, VNode } from 'vue'
-import alert from '@/components/SwAlert.vue'
+import { createApp, h, type VNode } from 'vue'
+import alert from './components/SwAlert.vue'
 
 // Alert options interface
 export interface AlertOptions {
@@ -14,9 +14,14 @@ export interface AlertOptions {
   footer?: string | (() => VNode | VNode[])
 }
 
-let container: HTMLDivElement | null = document.querySelector("div.sw-alert-wrapper")
+let container: HTMLDivElement | null = null
 
 export function Alert(options: AlertOptions = {}): void {
+  if (typeof document === 'undefined') return
+
+  if (!container) {
+    container = document.querySelector("div.sw-alert-wrapper")
+  }
   if (!container) {
     container = document.createElement('div')
     container.className = 'sw-alert-wrapper'

package/src/components/SwAlert.vue

@@ -13,7 +13,7 @@
 
 <script setup>
 import { ref, computed, onMounted, onUnmounted } from "vue"
-import SwIcon from "@/components/SwIcon.vue"
+import SwIcon from "./SwIcon.vue"
 const props = defineProps({
 	message: {type: String, default: "Default message"},
   before: {type: String, default: ''},

package/src/components/SwDatePicker.vue

@@ -1,6 +1,6 @@
 <script setup>
 import {computed, ref} from 'vue'
-import { parseTime, parseDateString } from "@/utils/index.js"
+import { parseTime, parseDateString } from "../utils/index.js"
 
 const props = defineProps({
   data: Object,
@@ -32,7 +32,7 @@ const days = ref([])
 const ind = ref(0)
 const startId = ref(-1)
 const endId = ref(-1)
-const locale = ref(navigator.language || 'ru')
+const locale = ref((typeof navigator !== 'undefined' && navigator.language) || 'ru')
 const iso = (/en|zh|ja|he/.test(locale.value)) ? 0 : 1
 const months = computed(() => {
   return Array.from({ length: 12 }, (_, i) => {

package/src/components/SwDropdownItem.vue

@@ -7,7 +7,7 @@
 
 <script setup>
 import { computed } from "vue"
-import SwIcon from "@/components/SwIcon.vue"
+import SwIcon from "./SwIcon.vue"
 
 const props = defineProps({
   class: {type: String, default: ''},

package/src/components/SwGide.vue

@@ -30,10 +30,10 @@
 </template>
 
 <script setup>
-import SwDropdown from "@/components/SwDropdown.vue"
-import SwButton from "@/components/SwButton.vue"
+import SwDropdown from "./SwDropdown.vue"
+import SwButton from "./SwButton.vue"
 import {watchEffect, ref, onMounted} from "vue"
-import SwIcon from "@/components/SwIcon.vue"
+import SwIcon from "./SwIcon.vue"
 const swGide = ref(null)
 const visual = ref(true)
 const block = ref(null)

package/src/components/SwIcon.vue

@@ -5,7 +5,7 @@
   </svg>
 </template>
 <script setup>
-import { isExternal } from '@/utils/index.js'
+import { isExternal } from '../utils/index.js'
 
 const props = defineProps({
   prefix: {type: String, default: 'icon'},

package/src/components/SwInput.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, ref, watch } from "vue"
 import SwIcon from "./SwIcon.vue"
-import { formatPhoneNumber } from "@/utils/index"
+import { formatPhoneNumber } from "../utils/index"
 
 // Define prop types - separate model from props
 interface InputProps {

package/src/components/SwMenu.vue

@@ -38,10 +38,9 @@ const instance = getCurrentInstance()
 const createComponentWithSlots = (
   componentName: string | Component,
   config: MenuItemConfig,
-  index: number | null = null,
-  parentIndex: number | null = null
+  index: number | null = null
 ): VNode => {
-  let component: Component | string
+  let component: Component | string | undefined
   let resolvedComponent: any = null
 
   try {
@@ -89,7 +88,7 @@ const createComponentWithSlots = (
               if (Array.isArray(compConfig)) {
                 return compConfig.map(item => createComponentWithSlots(compName, item))
               } else {
-                return createComponentWithSlots(compName, compConfig)
+                return createComponentWithSlots(compName, compConfig as MenuItemConfig)
               }
             }).flat()
           }
@@ -97,7 +96,7 @@ const createComponentWithSlots = (
             return value.map(item => {
               if (typeof item === 'object' && !Array.isArray(item)) {
                 const [nestedComponentName, nestedConfig] = Object.entries(item)[0]
-                return createComponentWithSlots(nestedComponentName, nestedConfig)
+                return createComponentWithSlots(nestedComponentName, nestedConfig as MenuItemConfig)
               }
               return item
             })
@@ -118,7 +117,7 @@ const createComponentWithSlots = (
               if (Array.isArray(compConfig)) {
                 return compConfig.map(item => createComponentWithSlots(compName, item))
               } else {
-                return createComponentWithSlots(compName, compConfig)
+                return createComponentWithSlots(compName, compConfig as MenuItemConfig)
               }
             }).flat()
           }
@@ -126,7 +125,7 @@ const createComponentWithSlots = (
             return value.map(item => {
               if (typeof item === 'object' && !Array.isArray(item)) {
                 const [nestedComponentName, nestedConfig] = Object.entries(item)[0]
-                return createComponentWithSlots(nestedComponentName, nestedConfig)
+                return createComponentWithSlots(nestedComponentName, nestedConfig as MenuItemConfig)
               }
               return item
             })

package/src/components/SwMessage.vue

@@ -8,8 +8,8 @@
 
 <script setup>
 import {nextTick, onUnmounted, ref, watch, useSlots} from "vue"
-import SwButton from "@/components/SwButton.vue"
-import SwIcon from "@/components/SwIcon.vue"
+import SwButton from "./SwButton.vue"
+import SwIcon from "./SwIcon.vue"
 
 const model = defineModel()
 const props = defineProps({

package/src/components/SwSelect.vue

@@ -43,7 +43,7 @@ const props = withDefaults(defineProps<Props>(), {
 watch(() => model.value?.text, (newValue) => {
   if (newValue && newValue.length > 3) address.value.fullText = newValue
 })
-watch(address.value.fullText,(newValue, oldValue) => {
+watch(() => address.value.fullText, (newValue, oldValue) => {
   visible.value = (newValue.length > 3 && newValue.length > oldValue.length)
   if (newValue.length >3) getDadata()
 })
@@ -71,13 +71,14 @@ const getDadata = () => {
         console.log(error);
       })
 }
-const clickLi = (item) => {
+const clickLi = (item: Suggestion) => {
   address.value.fullText = item.value
   visible.value = false
-  const geo = {}
-  geo.text = item.value
-  geo.coords = [Number(item.data.geo_lat), Number(item.data.geo_lon)]
-  geo.suggestion = item.data
+  const geo: GeoData = {
+    text: item.value,
+    coords: [Number(item.data.geo_lat), Number(item.data.geo_lon)],
+    suggestion: item.data
+  }
   model.value = geo
 }
 </script>
@@ -85,6 +86,7 @@ const clickLi = (item) => {
 <template>
   <div class="popup">
     <sw-input
+        name="address"
         :size="props.size"
         v-model="address.fullText"
         :placeholder="props.placeholder"

package/src/components/SwSkeleton.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script setup>
-  import SwSkeletonItem from "@/components/SwSkeletonItem.vue"
+  import SwSkeletonItem from "./SwSkeletonItem.vue"
   const props = defineProps({
     class: {type:String, default: ''},
     visual: {type:Boolean, default: false}

package/src/components/SwSlider.vue

@@ -33,7 +33,7 @@
 
 <script setup>
   import { ref, computed, onMounted, onUnmounted } from 'vue'
-  import { calculateTooltipPosition } from '@/utils/index.js'
+  import { calculateTooltipPosition } from '../utils/index.js'
 
   const model = defineModel({type: [Number, Array], required: true})
   const props = defineProps({
@@ -71,7 +71,7 @@
   }
 
   const tooltipStyle = (index) => {
-    const sliderElement = document.querySelector('.sw-slider')
+    const sliderElement = typeof document !== 'undefined' ? document.querySelector('.sw-slider') : null
     if (sliderElement) {
       return calculateTooltipPosition(sliderElement, props.vertical)
     }

package/src/index.ts

@@ -1,9 +1,10 @@
-import { defineAsyncComponent, App } from 'vue'
+/// <reference types="vite/client" />
+import { defineAsyncComponent, type App, type Component } from 'vue'
 import './styles/main.scss'
 import { Alert } from './Alert'
 
 // Import all Vue components
-const modules = import.meta.glob('./components/*.vue')
+const modules = import.meta.glob<{ default: Component }>('./components/*.vue')
 
 // Create components object with proper typing
 const components: Record<string, ReturnType<typeof defineAsyncComponent>> = {}
@@ -33,12 +34,5 @@ const Library = {
   }
 }
 
-// Type exports
-export type { SwButtonProps } from '@/types'
-export type { SwInputProps } from '@/types'
-export type { SwSwitchProps } from '@/types'
-export type { SwSelectProps } from '@/types'
-export type { SwMenuProps } from '@/types'
-
 // Named exports
 export { components, Alert, Library }

package/src/utils/index.ts

@@ -95,13 +95,13 @@ export function formatPhoneNumber(value: string, oldValue?: string): string {
     i = i < 5 ? 3 : i
     new_value = new_value.slice(0, i)
   }
-  let reg = matrix.slice(0, value.length)
+  const regPattern = matrix.slice(0, value.length)
     .replace(
       /_+/g,
       (a) => `\\d{1,${a.length}}`
     )
     .replace(/[+()]/g, '\\$&')
-  reg = new RegExp(`^${reg}$`)
+  const reg = new RegExp(`^${regPattern}$`)
   new_value = new_value.replace(/[-—]$|(\) )$/g, '')
 
   if ((!reg.test(value) || value.length < 5)) return new_value

package/types/shims-vue.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown>
+  export default component
+}