@mythpe/quasar-ui-qui 0.5.0 → 0.5.2

package/src/utils/helpers.ts

@@ -1,446 +0,0 @@
-import type { AxiosInstance, AxiosRequestConfig } from 'axios'
-import { colors, openURL, scroll, setCssVar } from 'quasar'
-import { nextTick } from 'vue'
-import type {
-  ConfigType,
-  DownloadFromResponse,
-  DownloadFromResponseCode,
-  HelpersStubSchema,
-  ParamsType,
-  UrlType
-} from '../types/helpers'
-
-const defOpacity = 10
-export const darkenColor = (color: string, percent: number = defOpacity) => {
-  const { lighten } = colors
-  return lighten(color, percent * -1)
-}
-export const lightenColor = (color: string, percent: number = defOpacity) => {
-  const { lighten } = colors
-  return lighten(color, percent)
-}
-export const setCss: typeof setCssVar = (varName, value, element) => {
-  setCssVar(varName, value, element || document.documentElement)
-  if (varName === 'primary') {
-    const lighten = lightenColor(value, 50)
-    const dark = darkenColor(value, 10)
-    setCssVar('scrollbar-track', lighten)
-    setCssVar('scrollbar-hover', dark)
-  }
-}
-export const colorIsDark = (color: string): boolean => {
-  const { luminosity } = colors
-  return luminosity(color) < 0.5
-}
-export const appendArray = (
-  formData: FormData,
-  values: File | Blob | Record<string, any> | any,
-  name?: string | null
-) => {
-  let value: never | any
-  if ((values instanceof File || values instanceof Blob) && name) {
-    const _name = values instanceof File ? values.name : name
-    formData.append(name, values, _name)
-  } else {
-    for (const key in values) {
-      value = values[key]
-      if (value !== null && value !== undefined && typeof value === 'object') {
-        const k = name ? name + '[' + key + ']' : key
-        if (Array.isArray(value) && value.length < 1) {
-          formData.append(`${key}`, '')
-        } else {
-          appendArray(formData, value, k)
-        }
-      } else {
-        if (value === !0) {
-          value = 1
-        }
-        if (value === false) {
-          value = 0
-        }
-        if (value === null || value === undefined) {
-          value = ''
-          // console.log('null----', name,key, value)
-        }
-        // if (value !== undefined) {
-        if (name) {
-          formData.append(name + '[' + key + ']', value)
-        } else {
-          formData.append(key, value)
-        }
-        // }
-      }
-    }
-  }
-  return formData
-}
-export const Stub = (baseUrl: UrlType, axios: () => AxiosInstance): HelpersStubSchema => {
-  const makeUrl = StubUrl(baseUrl)
-  return {
-    async index(config?: ConfigType) {
-      const u = makeUrl()
-      return axios().get(u, config)
-    },
-    async staticIndex(config?: ConfigType) {
-      const u = `Static${baseUrl ? `/${baseUrl}` : ''}`
-      return axios().get(u, config)
-    },
-    async export(data?: ParamsType, config?: AxiosRequestConfig) {
-      return axios().post(makeUrl('Export'), data, config)
-    },
-    async exampleUrl(config?: AxiosRequestConfig) {
-      return axios().get(makeUrl('ExampleUrl'), config)
-    },
-    async store(data?: ParamsType, config?: AxiosRequestConfig) {
-      const u = makeUrl()
-      const formData = new FormData()
-      data && appendArray(formData, data)
-      return axios().post(u, formData, config)
-    },
-    async show(id: UrlType, config?: AxiosRequestConfig) {
-      const u = makeUrl(id)
-      return axios().get(u, config)
-    },
-    async staticShow(id: UrlType, config?: AxiosRequestConfig) {
-      const u = `Static${baseUrl ? `/${baseUrl}` : ''}` + `/${id}`
-      return axios().get(u, config)
-    },
-    async update(id: UrlType, data?: ParamsType, config?: AxiosRequestConfig) {
-      const u = makeUrl(id)
-      const formData = new FormData()
-      formData.append('_method', 'put')
-      data && appendArray(formData, data)
-      return axios().post(u, formData, config)
-    },
-    async clone(id: UrlType, data?: ParamsType, config?: AxiosRequestConfig) {
-      const u = makeUrl(`${id}/Clone`)
-      const formData = new FormData()
-      data && appendArray(formData, data)
-      return axios().post(u, formData, config)
-    },
-    async destroy(id: UrlType, config?: AxiosRequestConfig) {
-      const u = makeUrl(id)
-      return axios().delete(u, config)
-    },
-    async destroyAll(ids?: UrlType[], config?: AxiosRequestConfig) {
-      const u = makeUrl('DestroyAll')
-      return axios().post(u, { ids: ids || [] }, config)
-    },
-    getUploadAttachmentsUrl: (id: UrlType): string => makeUrl(`${id}/Attachment/Upload`),
-    async uploadAttachments(id: UrlType, data: Record<string, any>, config?: AxiosRequestConfig) {
-      const _url = makeUrl(`${id}/Attachment/Upload`)
-      return axios().post(_url, data, config)
-    },
-    async deleteAttachment(id: UrlType, fileId: string | number, config?: AxiosRequestConfig) {
-      const _url = makeUrl(`${id}/Attachment/${fileId}/Delete`)
-      return axios().delete(_url, config)
-    },
-    async updateAttachment(
-      id: UrlType,
-      fileId: string | number,
-      data: Record<string, any>,
-      config?: AxiosRequestConfig
-    ) {
-      const _url = makeUrl(`${id}/Attachment/${fileId}/Update`)
-      return axios().post(_url, data, config)
-    }
-  }
-}
-export const StubUrl = (group?: UrlType): ((segments?: UrlType, parent?: UrlType) => string) => {
-  return (segments?: UrlType, parent?: UrlType): string =>
-    (parent ?? '') +
-    (parent && group ? '/' : '') +
-    (group ?? '') +
-    ((group && segments ? '/' : '') + (segments ?? ''))
-}
-/**
- * Open unique window popup of application
- *
- * @param url
- * @param reject
- * @param windowFeatures
- */
-export const openWindow = <F extends (...args: any[]) => any>(
-  url: string,
-  reject?: F,
-  windowFeatures?: object
-) => {
-  return openURL(url, reject, windowFeatures)
-}
-/**
- * Customized helper to download blob from axios response
- * @param response
- * @param callback
- */
-export const downloadFromResponse = (
-  response: any,
-  callback?: (url: string, response: any) => void
-) => {
-  return new Promise<DownloadFromResponse>((resolve, reject) => {
-    const rejectPromise = (e?: { code: DownloadFromResponseCode }) =>
-      reject(e ?? { status: !1, code: 'unknown' })
-    const resolvePromise = (response: DownloadFromResponse['response']) =>
-      resolve({ status: !0, response })
-    try {
-      if (!response) {
-        rejectPromise({ code: 'no_response' })
-        return
-      }
-
-      if (response?.data?.data?.url) {
-        const url = response?.data?.data?.url
-        if (callback) {
-          callback(url, response)
-          resolvePromise(response)
-          return
-        }
-        const elm = document.createElement('a')
-        elm.setAttribute('href', url)
-        elm.setAttribute('target', '_blank')
-        document.body.appendChild(elm)
-        elm.click()
-        resolvePromise(response)
-        return
-      }
-
-      const name = (response.headers['content-disposition'] || '')
-        .split('filename=')
-        .pop()
-        .replace(/^"+|"+$/g, '')
-      if (!name) {
-        rejectPromise({ code: 'no_file_name' })
-        return
-      }
-      const file = new Blob([response.data])
-      const fileURL = window.URL.createObjectURL(file)
-      const fileLink = document.createElement('a')
-      if (!fileLink || !fileURL) {
-        rejectPromise({ code: 'no_file_url' })
-        return
-      }
-
-      fileLink.href = fileURL
-      fileLink.setAttribute('download', name)
-      document.body.appendChild(fileLink)
-      fileLink.click()
-      resolvePromise(response)
-      setTimeout(() => {
-        try {
-          document.body.removeChild(fileLink)
-          URL.revokeObjectURL(fileURL)
-        } catch (e: any) {
-          console.log(e)
-          if (e?.message) {
-            alert(e.message)
-          }
-        }
-      }, 3000)
-    } catch (e: any) {
-      console.log(e)
-      rejectPromise(e)
-    }
-  })
-}
-export const isElementInViewport = (element: Element | Window | HTMLElement): boolean => {
-  const rect =
-    element instanceof Window
-      ? element.document?.body?.getBoundingClientRect()
-      : element?.getBoundingClientRect?.()
-  if (!rect) return false
-  return (
-    rect.top >= 0 &&
-    rect.left >= 0 &&
-    rect.bottom <= window.innerHeight + rect.height &&
-    rect.right <= window.innerWidth + rect.width
-  )
-}
-export const scrollToElement = async (
-  el: Element | HTMLElement | string,
-  opt?: { target?: HTMLElement | string; duration?: number; offset?: number }
-) => {
-  await nextTick()
-  const { getScrollTarget, setVerticalScrollPosition, getVerticalScrollPosition } = scroll
-  const scrollTo = typeof el === 'string' ? (document.querySelector(el) as HTMLElement) : el
-  if (!scrollTo) {
-    return
-  }
-  await nextTick()
-  const { target: t } = opt || {}
-  const targetSelector = typeof t === 'string' ? (document.querySelector(t) as HTMLElement) : t
-  const target = getScrollTarget(scrollTo, targetSelector || window.document.documentElement)
-  const current = getVerticalScrollPosition(target)
-  const duration = opt?.duration || 1000
-  let offset
-  let parent = scrollTo
-  try {
-    do {
-      offset = parent.getBoundingClientRect().top
-      if (offset === 0 && !parent.parentElement) {
-        offset = parent.scrollTop
-        break
-      } else if (offset !== 0 && parent.parentElement) {
-        break
-      }
-      parent = parent.parentElement as HTMLElement
-    } while (parent)
-  } catch (e) {
-    console.log(e)
-    offset = 'offsetTop' in scrollTo ? (scrollTo?.offsetTop as number) || 0 : 0
-  }
-
-  const _offset = offset + current - (100 + (opt?.offset || 0))
-  if (!isElementInViewport(scrollTo)) {
-    setVerticalScrollPosition(target, _offset, duration)
-  }
-}
-export const scrollToElementFromErrors = async (
-  errors?: Partial<Record<string, string[] | string | null | undefined>>,
-  elm?: any,
-  target?: any
-) => {
-  if (!errors) {
-    return
-  }
-  const allErrors = Object.entries(errors)
-  const keys = allErrors.map(([k]) => k)
-  let siblings: Element[] = []
-  if (allErrors.length > 0) {
-    siblings = Array.from(
-      document.body.querySelectorAll('[data-input-name].m-input__error') || []
-    ).filter(k => keys.includes(k?.getAttribute('data-input-name') as string))
-  }
-  if (siblings.length > 0) {
-    for (const s of siblings) {
-      const e = allErrors.find(e => e[0] === s.getAttribute('data-input-name'))
-      if (e?.[1]) {
-        const name = e[0]
-        await scrollToElement(s || `[name='${name}']`, { target })
-        break
-      }
-    }
-    return
-  }
-  for (const [name, value] of allErrors) {
-    const val = value && Array.isArray(value) ? value[0] : value
-    if (val?.toString?.()?.length) {
-      if (!elm) {
-        const selector = `[data-input-name='${name}']`
-        const e = document.querySelector(selector) as HTMLElement
-        await scrollToElement(e || `[name='${name}']`, { target })
-      } else {
-        await scrollToElement(elm, { target })
-      }
-      break
-    }
-  }
-}
-export const scrollToBottom = async (
-  scrollTarget?: HTMLElement | Element | Window | string,
-  duration?: number,
-  offset?: number
-) => {
-  const { setVerticalScrollPosition, getScrollHeight } = scroll
-  if (!scrollTarget) {
-    scrollTarget = window
-  }
-  const str = scrollTarget && typeof scrollTarget === 'string'
-  const target = str
-    ? (document.querySelector(scrollTarget as string) as HTMLElement) || window
-    : (scrollTarget as any)
-  offset = offset || getScrollHeight(target)
-  duration = duration || 600
-  setVerticalScrollPosition(target, offset, duration)
-}
-export const makeUrl = (path: string) => {
-  path = path || ''
-  if (path.slice(0, 1) === '/') {
-    path = path.slice(1)
-  }
-  if (window) {
-    const l = window.location
-    return `${l.protocol}//${l.host}/${path}`
-  }
-  return `//${path}`
-}
-export const formatMoney = (
-  value: any = '',
-  suffix: string = '',
-  options?: Intl.NumberFormatOptions
-): string => {
-  let numValue = typeof value !== 'number' ? parseFloat(value) : value
-  if (isNaN(numValue)) {
-    numValue = 0.0
-  }
-  const opt = {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2,
-    ...(options || {})
-  }
-  const formattedValue = numValue.toLocaleString('en-US', opt)
-  return `${formattedValue} ${suffix}`.trim()
-}
-export const calculateAspectRatio = (
-  width: number | string,
-  height: number | string
-): [number, string] => {
-  width = Number(width)
-  height = Number(height)
-  const gcd: any = (a: number, b: number) => (b === 0 ? a : gcd(b, a % b))
-  const divisor = gcd(width, height)
-  return [width / height, `${width / divisor}:${height / divisor}`]
-}
-export const convertToArabicNumbers = (input: string | number): string => {
-  const numberMap: { [key: string]: string } = {
-    0: '٠',
-    1: '١',
-    2: '٢',
-    3: '٣',
-    4: '٤',
-    5: '٥',
-    6: '٦',
-    7: '٧',
-    8: '٨',
-    9: '٩'
-  }
-  return input
-    .toString()
-    .split('')
-    .map(char => numberMap[char] || char)
-    .join('')
-}
-export const uniqBy = <T>(array: T[], key: keyof T): T[] => {
-  const seen = new Set()
-  return array.filter(item => {
-    if (!item) return false
-    const value = item[key]
-    if (seen.has(value)) {
-      return false
-    }
-    seen.add(value)
-    return true
-  })
-}
-export const uniq = <T>(array: T[]): T[] => {
-  return [...new Set(array)]
-}
-export const shuffle = <T = any>(array: readonly T[]): T[] => {
-  const newArray = [...(array || [])]
-  for (let i = newArray.length - 1; i > 0; i--) {
-    const j = Math.floor(Math.random() * (i + 1))
-    ;[newArray[i], newArray[j]] = [newArray[j], newArray[i]] as [T, T]
-  }
-  return newArray
-}
-export const detectWebPlatform = (): 'ios' | 'android' | 'other' => {
-  let userAgent = navigator.userAgent || navigator.vendor
-  userAgent = userAgent ? userAgent.toLowerCase() : ''
-  if (/ipad|iphone|ipod/g.test(userAgent)) {
-    return 'ios'
-  }
-
-  if (/android/i.test(userAgent)) {
-    return 'android'
-  }
-
-  return 'other'
-}

package/src/utils/icons.ts

@@ -1,4 +0,0 @@
-export const iconSet = 'myth-'
-export const icons = {
-  sar: 'M699.62,1113.02h0c-20.06,44.48-33.32,92.75-38.4,143.37l424.51-90.24c20.06-44.47,33.31-92.75,38.4-143.37l-424.51,90.24Z&&M1085.73,895.8c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.33v-135.2l292.27-62.11c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.27V66.13c-50.67,28.45-95.67,66.32-132.25,110.99v403.35l-132.25,28.11V0c-50.67,28.44-95.67,66.32-132.25,110.99v525.69l-295.91,62.88c-20.06,44.47-33.33,92.75-38.42,143.37l334.33-71.05v170.26l-358.3,76.14c-20.06,44.47-33.32,92.75-38.4,143.37l375.04-79.7c30.53-6.35,56.77-24.4,73.83-49.24l68.78-101.97v-.02c7.14-10.55,11.3-23.27,11.3-36.97v-149.98l132.25-28.11v270.4l424.53-90.28Z|0 0 1124.14 1256.39'
-}

package/src/utils/index.ts

@@ -1,77 +0,0 @@
-import { colors, copyToClipboard } from 'quasar'
-
-const { getPaletteColor } = colors
-
-export interface DimensionOptions {
-  width?: string | number
-  height?: string | number
-  ratio?: string | number
-}
-
-/**
- * Calculates dimensions or aspect ratio based on provided values.
- */
-export const dimension = (options?: DimensionOptions): number | null => {
-  if (!options) return null
-
-  const isPresent = (v: unknown): v is number | string => v !== undefined && v !== null
-
-  const ratio = isPresent(options.ratio)
-    ? typeof options.ratio === 'string'
-      ? parseFloat(options.ratio)
-      : options.ratio
-    : undefined
-
-  const height = isPresent(options.height)
-    ? typeof options.height === 'string'
-      ? parseFloat(options.height)
-      : options.height
-    : undefined
-
-  const width = isPresent(options.width)
-    ? typeof options.width === 'string'
-      ? parseFloat(options.width)
-      : options.width
-    : undefined
-
-  if (isPresent(width) && isPresent(height)) {
-    return height === 0 ? null : width / height
-  }
-  if (isPresent(ratio) && isPresent(height)) {
-    return ratio * height // Calculates implied width
-  }
-  if (isPresent(ratio) && isPresent(width)) {
-    return ratio === 0 ? null : width / ratio // Calculates implied height
-  }
-
-  return null
-}
-
-/**
- * Converts a hex or Quasar palette color token into a CSS inline style string.
- */
-export const colorStyle = (value: string | null | undefined, bg = false): string => {
-  if (!value) return ''
-
-  let parsedColor = value
-  if (!value.startsWith('#') && value !== 'transparent') {
-    parsedColor = getPaletteColor(value)
-  }
-
-  const property = bg ? 'background-color' : 'color'
-  return `${property}: ${parsedColor};`
-}
-
-/**
- * Copies string content to the system clipboard and returns the processed value.
- */
-export const copyText = async (text: string | number | null | undefined): Promise<string> => {
-  const cleanText = text !== undefined && text !== null ? String(text) : ''
-  await copyToClipboard(cleanText)
-  return cleanText
-}
-
-export * from './helpers'
-export * from './icons'
-export * from './str'
-export * from './vee-rules'