@gindow/vue 1.0.0

package/src/hooks/useUpload.ts

@@ -0,0 +1,59 @@
+import fileTypeChecker from 'file-type-checker'
+import heic2any from 'heic2any'
+import Compressor from 'compressorjs'
+
+export const useUpload = () => {
+
+  const HEIC = (file: File): Promise<File> => {
+    return new Promise(async resolve => {
+      const blob = (await heic2any({ blob: file, toType: 'image/jpeg', quality: 0.9 }) as Blob)
+      const newFile = new File([blob], file.name, { type: blob.type, lastModified: Date.now() })
+      return resolve(newFile)
+    })
+  }
+
+  const compressor = (file: File): Promise<File> => {
+    return new Promise(resolve => {
+      new Compressor(file, { quality: 0.9, success: (file: File) => resolve(file) })
+    })
+  }
+
+  const handler = (
+    file: File,
+    para: { compressor: boolean } = { compressor: true }
+  ): Promise<File> => {
+    return new Promise(resolve => {
+      const reader = new FileReader()
+      reader.readAsArrayBuffer(file)
+      reader.onload = () => {
+        const isHeic = fileTypeChecker.validateFileType(reader.result as ArrayBuffer, ['heic'])
+        const isCompressor = fileTypeChecker.validateFileType(reader.result as ArrayBuffer, ['jpeg', 'png', 'gif', 'bmp'])
+        if (isHeic) resolve(HEIC(file))
+        else if (isCompressor && para.compressor) resolve(compressor(file))
+        else resolve(file)
+      }
+    })
+  }
+
+  const getDimension = async (blob: Blob): Promise<{ width: number; height: number }> => {
+    return new Promise((resolve, reject) => {
+      const img = new Image()
+      img.src = URL.createObjectURL(blob)
+      img.onload = () => resolve({ width: img.naturalWidth, height: img.naturalHeight })
+      img.onerror = (err) => reject(err)
+    })
+  }
+
+  const getFileType = (file: File): Promise<{ mimeType: string }> => {
+    return new Promise(resolve => {
+      const reader = new FileReader()
+      reader.readAsArrayBuffer(file)
+      reader.onload = () => {
+        const detectedFile = fileTypeChecker.detectFile(reader.result as ArrayBuffer)
+        resolve({ mimeType: detectedFile?.mimeType! })
+      }
+    })
+  }
+
+  return { handler, getDimension, getFileType }
+}

package/src/index.ts

@@ -0,0 +1,29 @@
+import type { App, Plugin } from 'vue'
+import { provider, setLocale, getLocale, useLocale } from './locale'
+import './style.css'
+
+const VueGo: Plugin = {
+  install(app, options?: { locale?: string; messages?: Record<string, any> }) {
+    provider(options)
+    app.config.globalProperties.$setLocale = setLocale
+    app.config.globalProperties.$getLocale = getLocale
+  },
+}
+
+export * from './types'
+export * from './types/chat'
+export * from './utils'
+export { useBreak } from './hooks/useBreak'
+export { useNanoid } from './hooks/useNanoid'
+export { useCaptcha } from './hooks/useCaptcha'
+export { useUpload } from './hooks/useUpload'
+export { useChat } from './hooks/useChat'
+export type { IChatMessage, IMessageEvent, IUsageEvent, IErrorEvent, ISendMessageParams } from './hooks/useChat'
+
+export default VueGo
+
+export {
+  setLocale,
+  getLocale,
+  useLocale,
+}

package/src/locale/en-US.ts

@@ -0,0 +1,11 @@
+export default {
+  cancel: 'Cancel',
+  confirm: 'Confirm',
+  empty: {
+    noData: 'No data',
+  },
+  dialog: {
+    tip: 'Tip',
+    confirm: 'Confirm',
+  },
+}

package/src/locale/index.ts

@@ -0,0 +1,55 @@
+import { inject, provide, reactive, ref } from 'vue'
+import zhCN from './zh-CN'
+import enUS from './en-US'
+
+type Messages = Record<string, any>
+
+const getStoredLocale = (): string => {
+  const availableCodes = ['en', 'zh-CN']
+  const storageLocale = localStorage.getItem('locale')
+  const browserLocale = navigator.language
+  if (storageLocale && availableCodes.includes(storageLocale)) return storageLocale
+  else if (browserLocale && availableCodes.includes(browserLocale as string)) return browserLocale as string
+  else if (browserLocale && availableCodes.includes(browserLocale.split('-')[0] as string)) return browserLocale.split('-')[0] as string
+  else return availableCodes[0] ?? 'zh-CN'
+}
+
+const LOCALE_INJECTION_KEY = Symbol('vue-go-locale')
+const locale = ref<string>(getStoredLocale())
+const messages: Messages = reactive({ 'en': enUS, 'zh-CN': zhCN })
+
+export const provider = (opts?: { locale?: string; messages?: Messages }) => {
+  if (opts?.locale) locale.value = opts.locale
+  if (opts?.messages) {
+    for (const [key, value] of Object.entries(opts.messages)) {
+      messages[key] = value
+    }
+  }
+  provide(LOCALE_INJECTION_KEY, { locale, messages })
+  return { locale, messages }
+}
+
+export const useLocale = () => {
+  const injected = inject<{ locale: typeof locale; messages: typeof messages } | undefined>(LOCALE_INJECTION_KEY, undefined)
+  const currentLocale = injected?.locale ?? locale
+  const currentMessages = injected?.messages ?? messages
+
+  const t = (path: string, params?: Record<string, string | number>): string => {
+    const msg = currentMessages[currentLocale.value]
+    const keys = path.replace(/\[(\d+)]/g, '.$1').split('.')
+    let result: any = msg
+    for (const key of keys) {
+      result = result?.[key]
+      if (result === undefined) return path
+    }
+    let text = (result ?? path) as string
+    if (params && typeof text === 'string') text = text.replace(/\{(\w+)\}/g, (_, k) => params[k] !== undefined ? String(params[k]) : `{${k}}`)
+    return text
+  }
+
+  return { locale: currentLocale, t }
+}
+
+export const setLocale = (lang: string) => locale.value = lang
+
+export const getLocale = () => locale.value

package/src/locale/zh-CN.ts

@@ -0,0 +1,11 @@
+export default {
+  cancel: '取消',
+  confirm: '确认',
+  empty: {
+    noData: '暂无数据',
+  },
+  dialog: {
+    tip: '操作提示',
+    confirm: '操作确认',
+  },
+}

package/src/style.css

@@ -0,0 +1,24 @@
+/*
+ * vue-go 样式占位文件。
+ *
+ * vue-go 本身不包含 UI 组件，只提供基础样式工具类：
+ * - TailwindCSS 基础配置
+ * - 通用 flex 布局工具类
+ * - 通用文本颜色工具类（含暗黑模式）
+ *
+ * 实际组件样式以 SFC <style> 块的形式写在各 .vue 文件中：
+ * - npm 包模式：构建时由 Vite 提取并聚合到 dist/style.css
+ * - submodule 源码模式：消费者 import .vue 时由 vue 插件自动注入
+ */
+@import "tailwindcss";
+
+@source ".";
+
+.flex-center { display: flex !important; align-items: center; justify-content: center; }
+.flex-center-end { display: flex !important; align-items: center; justify-content: end; }
+.flex-center-between { display: flex !important; align-items: center; justify-content: space-between; }
+.flex-center-items { display: flex !important; align-items: center; }
+
+.text-light { color: #ccc; }
+
+.dark .text-light { color: #333; }

package/src/types/chat.ts

@@ -0,0 +1,62 @@
+export type MessageRole = 'user' | 'assistant' | 'system'
+
+export type MessageContentType = 'text' | 'image' | 'code' | 'file'
+
+export interface IChatFile {
+  id: string
+  name: string
+  type: string
+  size: number
+  url?: string
+  thumbnail?: string
+}
+
+export interface IChatMessageItem {
+  id: string
+  role: MessageRole
+  content: string
+  contentType?: MessageContentType
+  timestamp: number
+  isLoading?: boolean
+  isError?: boolean
+  files?: IChatFile[]
+  metadata?: Record<string, any>
+}
+
+export interface IChatSession {
+  id: string
+  title: string
+  messages: IChatMessageItem[]
+  createdAt: number
+  updatedAt: number
+  isPinned?: boolean
+  isArchived?: boolean
+}
+
+export interface ISendChatParams {
+  content: string
+  contentType?: MessageContentType
+  files?: IChatFile[]
+  sessionId?: string
+}
+
+export interface IAIResponse {
+  message: IChatMessageItem
+  sessionId: string
+  suggestions?: string[]
+}
+
+export interface IChatConfig {
+  placeholder?: string
+  maxFileSize?: number
+  allowedFileTypes?: string[]
+  enableStreaming?: boolean
+  showTimestamp?: boolean
+  showSuggestions?: boolean
+}
+
+export interface ICodeBlock {
+  language: string
+  code: string
+  filename?: string
+}

package/src/types/index.ts

@@ -0,0 +1,74 @@
+export interface IModel {
+  id?: string | any
+  created_at?: string
+  updated_at?: string
+  deleted_at?: string
+  [property: string]: any
+}
+
+export interface IAsset extends IModel {
+  id: string
+  type: string
+  title: string
+  url: string
+  shrink: string
+}
+
+export interface IField extends IModel {
+  name: string
+  type: string
+  readonly?: boolean
+  multiple?: boolean
+  required?: boolean
+  options?: { label: string; value: string }[] | any[]
+}
+
+export type IFilter = Omit<IField, 'name'> & { label?: string, rules?: any[] }
+
+export interface IParams extends IModel {
+  filter?: Object
+  search?: string
+  include?: string
+  page?: number
+  size?: number
+}
+
+export interface IPagination {
+  current_page: number
+  per_page: number
+  count: number
+  total: number
+  total_pages: number
+}
+
+export interface IResult {
+  code: number
+  message: string
+  data?: IModel | IModel[] | null
+  meta?: { pagination?: IPagination }
+}
+
+export interface IUploadUserFile {
+  id?: string
+  percentage?: number
+  asset?: IAsset
+  title?: string
+  width?: number
+  height?: number
+  type?: string
+  mimeType?: string
+}
+
+export interface IMenu {
+  key?: string
+  title: string
+  path: string
+  name?: string
+  icon?: string
+  depend?: string
+  hidden?: boolean
+  divider?: boolean
+  disabled?: boolean
+  children?: IMenu[]
+  isGroup?: boolean
+}

package/src/utils/datetime.ts

@@ -0,0 +1,42 @@
+import dayjs from 'dayjs'
+
+export class DateTime {
+
+  static dayjs = dayjs
+
+  static s(date?: dayjs.ConfigType, symbol = '/') {
+    return DateTime.dayjs(date).format('YYYY/MM/DD HH:mm:ss'.replace(/\//g, symbol))
+  }
+
+  static m(date?: dayjs.ConfigType, symbol = '/') {
+    return DateTime.dayjs(date).format('YYYY/MM/DD HH:mm'.replace(/\//g, symbol))
+  }
+
+  static h(date?: dayjs.ConfigType, symbol = '/') {
+    return DateTime.dayjs(date).format('YYYY/MM/DD HH'.replace(/\//g, symbol))
+  }
+
+  static d(date?: dayjs.ConfigType, symbol = '/') {
+    return DateTime.dayjs(date).format('YYYY/MM/DD'.replace(/\//g, symbol))
+  }
+
+  static M(date?: dayjs.ConfigType, symbol = '/') {
+    return DateTime.dayjs(date).format('YYYY/MM'.replace(/\//g, symbol))
+  }
+
+  static y(date?: dayjs.ConfigType) {
+    return DateTime.dayjs(date).format('YYYY')
+  }
+
+  static date(date?: dayjs.ConfigType, symbol = '/') {
+    return DateTime.dayjs(date).format('YYYY/MM/DD'.replace(/\//g, symbol))
+  }
+
+  static time(date?: dayjs.ConfigType) {
+    return DateTime.dayjs(date).format('HH:mm')
+  }
+
+  static format(date?: dayjs.ConfigType, format = 'YYYY/MM/DD HH:mm:ss') {
+    return DateTime.dayjs(date).format(format)
+  }
+}

package/src/utils/download.ts

@@ -0,0 +1,11 @@
+export const download = (blob: Blob, filename: string) => {
+  const url = URL.createObjectURL(blob)
+  const a = document.createElement('a')
+  a.href = url
+  a.download = filename
+  a.style.display = 'none'
+  document.body.appendChild(a)
+  a.click()
+  document.body.removeChild(a)
+  URL.revokeObjectURL(url)
+}

package/src/utils/formatter.ts

@@ -0,0 +1,42 @@
+export class Formatter {
+
+  static config: {
+    locale?: string
+    currency?: string
+    decimals?: number
+  } = {}
+
+  static set = (config: { locale?: string, currency?: string, decimals?: number }) => this.config = config
+
+  static id = (str: string = '') => str.slice(-12).toUpperCase()
+
+  static date = (datestr: string = '') => datestr.substring(0, 10) + ' ' + datestr.substring(11, 19)
+
+  static idcard = (idcard: string = '') => idcard ? idcard.substring(0, 6) + '****' + idcard.substring(14) : ''
+
+  static phone = (phone: string = '', naked = false): string => naked || !phone ? phone : phone.substring(0, 3) + '****' + phone.substring(phone.length - 4)
+
+  static email = (email: string = '') => {
+    const [username, domain] = email.split('@')
+    if (!username || !domain) return email
+    const masked = username.length > 2 ? username[0] + '****' + username[username.length - 1] : username
+    return `${masked}@${domain}`
+  }
+
+  static bankcard = (bankcard: string = '') => bankcard.substring(0, 4) + '****' + bankcard.substring(bankcard.length - 4)
+
+  static url = (url: string = '') => url.replace(/:\/\//g, ':##').replace(/\/+/g, '/').replace(/:##/g, '://')
+
+  static price = (value: string | number = 0, currency?: string) => {
+    const { locale, decimals, currency: defaultCurrency } = this.config
+    const number = typeof value === 'string' ? parseFloat(value) : value
+    return new Intl.NumberFormat(locale, {
+      style: 'currency',
+      currency: currency ?? defaultCurrency ?? 'CNY',
+      minimumFractionDigits: decimals ?? 2,
+      maximumFractionDigits: decimals ?? 2,
+    }).format(number / 100)
+  }
+
+  static currency = (value: string | number = 0, currency?: string) => this.price(value, currency)
+}

package/src/utils/get.ts

@@ -0,0 +1,10 @@
+export const get = (object: any, path: string | string[], defaultValue?: any): any => {
+  if (object == null) return defaultValue
+  const keys = Array.isArray(path) ? path : path.replace(/\[(\d+)]/g, '.$1').split('.').filter(Boolean)
+  let result: any = object
+  for (const key of keys) {
+    result = result?.[key]
+    if (result === undefined) return defaultValue
+  }
+  return result
+}

package/src/utils/index.ts

@@ -0,0 +1,9 @@
+export { request } from './request'
+export { resource } from './request'
+export { $params } from './request'
+export { get } from './get'
+export { download } from './download'
+export { Formatter } from './formatter'
+export { Validate } from './validate'
+export { DateTime } from './datetime'
+export { Platform } from './platform'

package/src/utils/platform.ts

@@ -0,0 +1,38 @@
+export class Platform {
+
+  static get userAgent() {
+    return window.navigator.userAgent.toLowerCase()
+  }
+
+  static get isFlutter() {
+    return Platform.userAgent.match(/flutter/i) !== null
+  }
+
+  static get isFlutterIOS() {
+    return Platform.isFlutter && Platform.isIOS
+  }
+
+  static get isWeb() {
+    return window.matchMedia('(min-width: 992px)').matches
+  }
+
+  static get isMobile() {
+    return Platform.userAgent.match(/(phone|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i) !== null
+  }
+
+  static get isIOS() {
+    return Platform.userAgent.match(/iphone|ipad|ipod|ios/i) !== null
+  }
+
+  static get isWechat() {
+    return Platform.userAgent.match(/MicroMessenger/i) !== null
+  }
+
+  static get isWxwork() {
+    return Platform.userAgent.match(/MicroMessenger/i) !== null && Platform.userAgent.match(/wxwork/i) !== null
+  }
+
+  static get isMiniprogram() {
+    return Platform.userAgent.match(/MicroMessenger/i) !== null && Platform.userAgent.match(/miniprogram/i) !== null
+  }
+}

package/src/utils/request.ts

@@ -0,0 +1,146 @@
+import type { AxiosInstance, AxiosResponse } from 'axios'
+import type { IModel } from '../types'
+import { Platform } from './platform'
+import cookie from 'js-cookie'
+import axios from 'axios'
+
+const $params = (params: IModel) => {
+  const para = { ...params }
+  if (typeof para?.search === 'string') return para
+  if (para?.search)
+    para.search = Object.keys(para.search)
+      .filter(item => para.search[item] !== null && para.search[item] !== '')
+      .map(item => item + ':' + para.search[item])
+      .join(';')
+  if (para?.searchFields)
+    para.searchFields = Object.keys(para.searchFields)
+      .filter(item => para.searchFields[item])
+      .map(item => item + ':' + para.searchFields[item])
+      .join(';')
+  return para
+}
+
+export const request = {
+
+  baseURL: '',
+  publicKey: '',
+  headers: { Accept: 'application/json' } as Record<string, string>,
+  instance: null as AxiosInstance|null,
+  accessToken: 'accessToken',
+
+  init (config: { baseURL?: string, publicKey?: string } = {}) {
+    this.baseURL = config.baseURL ?? ''
+    this.publicKey = config.publicKey ?? ''
+
+    const reload = () => {
+      this.delToken()
+      location.reload()
+    }
+
+    this.instance = axios.create({ baseURL: this.baseURL })
+
+    this.instance.interceptors.request.use(config => {
+      const language = localStorage.getItem('locale')
+      if (language) config.headers['Accept-Language'] = language
+      return config
+    })
+
+    this.instance.interceptors.response.use((response: AxiosResponse) => {
+      if (response.config.responseType === 'blob') return response
+      else if (response.data.code === 401) return reload()
+      else if (response.data.code === 200) return response.data
+      else return Promise.reject(response.data)
+    }, ({ response }) => Promise.reject(response.data))
+  },
+
+  setToken (token: string, options: { expires?: number, domain?: string } = {}) {
+    options = { ...options, domain: '.' + location.hostname }
+    cookie.set(this.accessToken, token, options)
+  },
+
+  getToken () {
+    return cookie.get(this.accessToken) || ''
+  },
+
+  delToken () {
+    cookie.remove(this.accessToken, { domain: '.' + location.hostname })
+  },
+
+  get (url: string, params?: {}, auth = false) { return this.request({ method: 'GET', url, params }, auth) },
+  put (url: string, data?: {}, auth = false) { return this.request({ method: 'PUT', url, data }, auth) },
+  patch (url: string, data?: {}, auth = false) { return this.request({ method: 'PATCH', url, data }, auth) },
+  delete (url: string, params?: {}, auth = false) { return this.request({ method: 'DELETE', url, params }, auth) },
+  post (url: string, data?: {}, auth = false) { return this.request({ method: 'POST', url, data }, auth) },
+  blob (url: string, params?: {}, auth = false) { return this.request({ method: 'GET', url, params, responseType: 'blob' }, auth) },
+
+  request(para: any, auth: boolean = false) {
+    const headers = para.headers ?? this.headers
+    if (auth) headers.Authorization = 'Bearer ' + this.getToken()
+    if (para.params) para.params = $params(para.params)
+    return (this.instance as any)({ ...para, headers })
+  },
+
+  async download(url: string, params?: {}, filename?: string, auth = false) {
+    const ret = await this.blob(url, params, auth)
+    if (Platform.isFlutter) return ret
+    const getResponseFileName = () => {
+      const disposition = ret.headers['content-disposition']
+      const parts = disposition.split("filename*=")
+      const val = parts[1].split(";")[0].trim()
+      return decodeURIComponent(val.replace(/^UTF-8''/i, ''))
+    }
+    let link = document.createElement('a')
+    link.href = window.URL.createObjectURL(ret.data)
+    link.download = filename ?? getResponseFileName()
+    link.click()
+    return ret
+  },
+
+  async upload(url: string, data = {}) {
+    const headers = { ...this.headers, 'Content-Type': 'multipart/form-data' }
+    return this.instance!.post(url, data, { headers })
+  },
+
+  sse (url: string, para?: {[key: string]: string | number | undefined | null | void} | null) {
+    const params = para ? Object.keys(para).map(key => key +'='+ para[key]).join('&') : ''
+    return new EventSource(this.baseURL + '/' + url + '?' + params)
+  },
+
+  setHeader(key: string, value: string) {
+    this.headers[key] = value
+  },
+
+  delHeader(key: string) {
+    delete this.headers[key]
+  }
+}
+
+export class resource {
+
+  url: string
+  auth: boolean
+
+  constructor(url: string, auth = false) {
+    this.url = url
+    this.auth = auth
+  }
+
+  select = (para?: {}) => request.get(this.url, para, this.auth)
+
+  create = (para?: {}) => request.post(this.url, para, this.auth)
+
+  find = (id: string, para?: {}) => request.get(this.url + '/' + id, para, this.auth)
+
+  update = (id: string, para?: {}) => request.patch(this.url + '/' + id, para, this.auth)
+
+  delete = (id: string, para?: {}) => request.delete(this.url + '/' + id, para, this.auth)
+
+  async get(para: any) {
+    para.size = 1
+    const ret = await this.select(para)
+    ret.data = ret.data[0] || {}
+    return ret
+  }
+}
+
+export { $params }

package/src/utils/validate.ts

@@ -0,0 +1,22 @@
+export class Validate {
+
+  static country: string = ''
+
+  static set = (country: string) => this.country = country
+
+  static get phone_pattern () {
+    return this.country.toUpperCase() === 'CN'
+      ? /([1][3,4,5,6,7,8,9][0-9]{9})$/
+      : /^(?:\+?[1-9]\d{7,14}|\d{6,11})$/
+  }
+
+  static email_pattern = /^([a-zA-Z0-9_\.-]+)@([\da-zA-Z\.-]+)\.([a-zA-Z\.]{2,6})$/
+  static idcard_pattern  = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
+  static cname_pattern = /^(?:[\u4e00-\u9fa5·]{2,16})$/
+  static password_pattern = /^(?![A-Za-z]+$)(?![0-9]+$)(?![^A-Za-z0-9]+$).{8,20}$/
+
+  static phone = (str: string) => Validate.phone_pattern.test(str)
+  static email = (str: string) => Validate.email_pattern.test(str)
+  static idcard = (str: string) => Validate.idcard_pattern.test(str)
+  static cname = (str: string) => Validate.cname_pattern.test(str)
+}