@gindow/element-go 1.0.0

package/src/hooks/useChat.ts

@@ -0,0 +1,135 @@
+export interface IChatMessage {
+  question: string
+  answer: string
+  conversation_id: string
+  message_id: string
+  created_at: number
+}
+
+export interface IMessageEvent {
+  event: 'message' | 'agent_message' | 'agent_thought' | 'message_file' | 'message_end' | 'tts_message' | 'tts_message_end' | 'message_replace' | 'error' | 'ping'
+  task_id: string
+  id: string
+  conversation_id: string
+  message_id: string
+  created_at: number
+  answer?: string
+  metadata?: Record<string, any>
+}
+
+export interface IUsageEvent {
+  event: 'message_end'
+  task_id: string
+  id: string
+  conversation_id: string
+  message_id: string
+  created_at: number
+  usage: {
+    prompt_tokens: number
+    prompt_unit_price: number
+    prompt_price_unit: number
+    prompt_price: number
+    completion_tokens: number
+    completion_unit_price: number
+    completion_price_unit: number
+    completion_price: number
+    total_tokens: number
+    total_price: number
+    currency: string
+    latency: number
+  }
+  metadata?: Record<string, any>
+}
+
+export interface IErrorEvent {
+  event: 'error'
+  task_id: string
+  id: string
+  code: string
+  message: string
+}
+
+export interface ISendMessageParams {
+  query: string
+  inputs?: Record<string, any>
+  response_mode?: 'streaming' | 'blocking'
+  conversation_id?: string
+  user: string
+  files?: Array<{
+    type: string
+    transfer_method: 'remote_url' | 'local_file'
+    url?: string
+    upload_file_id?: string
+  }>
+  auto_generate_name?: boolean
+}
+
+export const useChat = (baseURL: string, apiKey: string) => {
+  
+  const sendMessage = async (
+    params: ISendMessageParams,
+    callbacks: {
+      onMessage?: (text: string) => void
+      onEnd?: (conversationId: string, messageId: string) => void
+      onError?: (error: { code: string; message: string }) => void
+      onFinish?: () => void
+    },
+  ) => {
+    const { onMessage, onEnd, onError, onFinish } = callbacks 
+
+    try {
+      const { ok, status, statusText, body } = await fetch(`${baseURL}/chat-messages`, {
+        method: 'POST',
+        headers: {
+          'Authorization': `Bearer ${apiKey}`,
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          ...params,
+          response_mode: 'streaming',
+        }),
+      })
+
+      if (!ok) return onError?.({ code: String(status), message: statusText })
+
+      const reader = body?.getReader()
+      if (!reader) return onError?.({ code: 'reader_error', message: 'Failed to get response reader' })
+
+      const decoder = new TextDecoder()
+      let buffer = ''
+
+      while (true) {
+        const { done, value } = await reader.read()
+        if (done) break
+
+        buffer += decoder.decode(value, { stream: true })
+        const lines = buffer.split('\n')
+        buffer = lines.pop() || ''
+
+        for (const line of lines) {
+          if (line.startsWith('data:')) {
+            try {
+              const jsonStr = line.slice(5).trim()
+              if (!jsonStr) continue
+
+              const data = JSON.parse(jsonStr) as IMessageEvent | IUsageEvent | IErrorEvent
+
+              if (data.event === 'agent_message') onMessage?.((data as IMessageEvent).answer || '')
+              else if (data.event === 'message_end') onEnd?.(data.conversation_id, data.message_id)
+              else if (data.event === 'error') {
+                const { code, message } = data as IErrorEvent
+                onError?.({ code, message })
+              }
+
+              onFinish?.()
+            } catch (e) {}
+          }
+        }
+      }
+    } catch (error) {
+      onError?.({ code: 'network_error', message: String(error) })
+    }
+  }
+
+  return { sendMessage }
+}

package/src/hooks/useIcon.ts

@@ -0,0 +1,8 @@
+import Icon from '../components/vIcon.vue'
+
+export const useIcon = () => {
+
+    const i = (icon: string, para: Object = {}) => icon ? h(Icon, { icon, ...para }) : undefined
+
+    return { i }
+}

package/src/hooks/useMessage.ts

@@ -0,0 +1,22 @@
+import type { VNode } from 'vue'
+import { ElMessage, ElMessageBox, ElNotification } from 'element-plus'
+import type { MessageOptions, ElMessageBoxOptions, NotificationOptions } from 'element-plus'
+import { useLocale } from '../locale'
+import 'element-plus/theme-chalk/el-message.css'
+import 'element-plus/theme-chalk/el-message-box.css'
+import 'element-plus/theme-chalk/el-notification.css'
+
+export const useMessage = () => {
+  const { t } = useLocale()
+
+  const message = (msg: string, options: Partial<MessageOptions> = {}) => ElMessage({ message: msg, ...options })
+  const success = (msg: string, options: Partial<MessageOptions> = {}) => ElMessage({ message: msg, type: 'success', ...options })
+  const error = (msg: string, options: Partial<MessageOptions> = {}) => ElMessage({ message: msg, type: 'error', ...options })
+  const warning = (msg: string, options: Partial<MessageOptions> = {}) => ElMessage({ message: msg, type: 'warning', ...options })
+  const dialog = (msg: string, title?: string, options: Partial<ElMessageBoxOptions> = {}) => ElMessageBox.alert(msg, title ?? t('dialog.tip'), options)
+  const confirm = (msg: string, title?: string, options: Partial<ElMessageBoxOptions> = {}) => ElMessageBox.confirm(msg, title ?? t('dialog.confirm'), options)
+  const prompt = (msg: string | VNode, title?: string, options: Partial<ElMessageBoxOptions> = {}) => ElMessageBox.prompt(msg, title ?? t('dialog.prompt'), { type: 'warning', inputValidator: (value: string) => value ? true : t('dialog.required'), ...options })
+  const notify = (msg: string, options: Partial<NotificationOptions> = {}) => ElNotification({ message: msg, ...options })
+
+  return { message, success, error, warning, dialog, confirm, prompt, notify }
+}

package/src/hooks/useNanoid.ts

@@ -0,0 +1,9 @@
+import { nanoid } from 'nanoid'
+import { customAlphabet } from 'nanoid/non-secure'
+
+export const useNanoid = () => {
+
+  const numeric = (length = 10) => customAlphabet('1234567890', length)()
+
+  return { nanoid, numeric }
+}

package/src/hooks/useUpload.ts

@@ -0,0 +1,60 @@
+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,94 @@
+import type { App, Plugin } from 'vue'
+import { provider, setLocale, getLocale, useLocale } from './locale'
+import ExAssetPreview from './components/ExAssetPreview.vue'
+import ExButton from './components/ExButton.vue'
+import ExEmpty from './components/ExEmpty.vue'
+import ExForm from './components/ExForm.vue'
+import ExFormField from './components/ExFormField.vue'
+import ExFormSearch from './components/ExFormSearch.vue'
+import ExFormViewer from './components/ExFormViewer.vue'
+import ExIcon from './components/ExIcon.vue'
+import ExInputPercentage from './components/ExInputPercentage.vue'
+import ExLayout from './components/ExLayout.vue'
+import ExLoading from './components/ExLoading.vue'
+import ExMenu from './components/ExMenu.vue'
+import ExPage from './components/ExPage.vue'
+import ExPageHeader from './components/ExPageHeader.vue'
+import ExPagination from './components/ExPagination.vue'
+import ExSelect from './components/ExSelect.vue'
+import ExTable from './components/ExTable.vue'
+import ExTableColumn from './components/ExTableColumn.vue'
+import ExUpload from './components/ExUpload.vue'
+import ExUploadAsset from './components/ExUploadAsset.vue'
+import './styles/index.css'
+
+export * from './types'
+export { useMessage } from './hooks/useMessage'
+export { useNanoid } from './hooks/useNanoid'
+export { useIcon } from './hooks/useIcon'
+
+const components = [
+  ExAssetPreview,
+  ExButton,
+  ExEmpty,
+  ExForm,
+  ExFormField,
+  ExFormSearch,
+  ExFormViewer,
+  ExIcon,
+  ExInputPercentage,
+  ExLayout,
+  ExLoading,
+  ExMenu,
+  ExPage,
+  ExPageHeader,
+  ExPagination,
+  ExSelect,
+  ExTable,
+  ExTableColumn,
+  ExUpload,
+  ExUploadAsset,
+]
+
+components.forEach((c) => {
+  ;(c as unknown as Plugin).install = (app: App) => {
+    const name = (c as { name?: string }).name ?? (c as { __name?: string }).__name
+    if (name) app.component(name, c)
+  }
+})
+
+const ElementGo: Plugin = {
+  install(app, options?: { locale?: string; messages?: Record<string, any> }) {
+    provider(options)
+    components.forEach((c) => app.use(c as unknown as Plugin))
+  },
+}
+
+export default ElementGo
+
+export {
+  ExAssetPreview,
+  ExButton,
+  ExEmpty,
+  ExForm,
+  ExFormField,
+  ExFormSearch,
+  ExFormViewer,
+  ExIcon,
+  ExInputPercentage,
+  ExLayout,
+  ExLoading,
+  ExMenu,
+  ExPage,
+  ExPageHeader,
+  ExPagination,
+  ExSelect,
+  ExTable,
+  ExTableColumn,
+  ExUpload,
+  ExUploadAsset,
+  provider,
+  setLocale,
+  getLocale,
+  useLocale,
+}

package/src/libs/auto-imports.d.ts

@@ -0,0 +1,94 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+  const EffectScope: typeof import('vue').EffectScope
+  const computed: typeof import('vue').computed
+  const createApp: typeof import('vue').createApp
+  const customRef: typeof import('vue').customRef
+  const defineAsyncComponent: typeof import('vue').defineAsyncComponent
+  const defineComponent: typeof import('vue').defineComponent
+  const effectScope: typeof import('vue').effectScope
+  const getCurrentInstance: typeof import('vue').getCurrentInstance
+  const getCurrentScope: typeof import('vue').getCurrentScope
+  const getCurrentWatcher: typeof import('vue').getCurrentWatcher
+  const h: typeof import('vue').h
+  const inject: typeof import('vue').inject
+  const isProxy: typeof import('vue').isProxy
+  const isReactive: typeof import('vue').isReactive
+  const isReadonly: typeof import('vue').isReadonly
+  const isRef: typeof import('vue').isRef
+  const isShallow: typeof import('vue').isShallow
+  const markRaw: typeof import('vue').markRaw
+  const nextTick: typeof import('vue').nextTick
+  const onActivated: typeof import('vue').onActivated
+  const onBeforeMount: typeof import('vue').onBeforeMount
+  const onBeforeRouteLeave: typeof import('vue-router').onBeforeRouteLeave
+  const onBeforeRouteUpdate: typeof import('vue-router').onBeforeRouteUpdate
+  const onBeforeUnmount: typeof import('vue').onBeforeUnmount
+  const onBeforeUpdate: typeof import('vue').onBeforeUpdate
+  const onDeactivated: typeof import('vue').onDeactivated
+  const onErrorCaptured: typeof import('vue').onErrorCaptured
+  const onMounted: typeof import('vue').onMounted
+  const onRenderTracked: typeof import('vue').onRenderTracked
+  const onRenderTriggered: typeof import('vue').onRenderTriggered
+  const onScopeDispose: typeof import('vue').onScopeDispose
+  const onServerPrefetch: typeof import('vue').onServerPrefetch
+  const onUnmounted: typeof import('vue').onUnmounted
+  const onUpdated: typeof import('vue').onUpdated
+  const onWatcherCleanup: typeof import('vue').onWatcherCleanup
+  const provide: typeof import('vue').provide
+  const reactive: typeof import('vue').reactive
+  const readonly: typeof import('vue').readonly
+  const ref: typeof import('vue').ref
+  const resolveComponent: typeof import('vue').resolveComponent
+  const shallowReactive: typeof import('vue').shallowReactive
+  const shallowReadonly: typeof import('vue').shallowReadonly
+  const shallowRef: typeof import('vue').shallowRef
+  const toRaw: typeof import('vue').toRaw
+  const toRef: typeof import('vue').toRef
+  const toRefs: typeof import('vue').toRefs
+  const toValue: typeof import('vue').toValue
+  const triggerRef: typeof import('vue').triggerRef
+  const unref: typeof import('vue').unref
+  const useAttrs: typeof import('vue').useAttrs
+  const useBreak: typeof import('../hooks/useBreak').useBreak
+  const useChat: typeof import('../hooks/useChat').useChat
+  const useClipboard: typeof import('@vueuse/core').useClipboard
+  const useCssModule: typeof import('vue').useCssModule
+  const useCssVars: typeof import('vue').useCssVars
+  const useDark: typeof import('@vueuse/core').useDark
+  const useI18n: typeof import('vue-i18n').useI18n
+  const useIcon: typeof import('../hooks/useIcon').useIcon
+  const useId: typeof import('vue').useId
+  const useLink: typeof import('vue-router').useLink
+  const useMessage: typeof import('../hooks/useMessage').useMessage
+  const useModel: typeof import('vue').useModel
+  const useNanoid: typeof import('../hooks/useNanoid').useNanoid
+  const useRoute: typeof import('vue-router').useRoute
+  const useRouter: typeof import('vue-router').useRouter
+  const useSlots: typeof import('vue').useSlots
+  const useTemplateRef: typeof import('vue').useTemplateRef
+  const useThrottleFn: typeof import('@vueuse/core').useThrottleFn
+  const useToggle: typeof import('@vueuse/core').useToggle
+  const useUpload: typeof import('../hooks/useUpload').useUpload
+  const watch: typeof import('vue').watch
+  const watchDeep: typeof import('@vueuse/core').watchDeep
+  const watchEffect: typeof import('vue').watchEffect
+  const watchOnce: typeof import('@vueuse/core').watchOnce
+  const watchPostEffect: typeof import('vue').watchPostEffect
+  const watchSyncEffect: typeof import('vue').watchSyncEffect
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, ShallowRef, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+  // @ts-ignore
+  export type { IChatMessage, IMessageEvent, IUsageEvent, IErrorEvent, ISendMessageParams } from '../hooks/useChat'
+  import('../hooks/useChat')
+}

package/src/libs/components.d.ts

@@ -0,0 +1,171 @@
+/* eslint-disable */
+// @ts-nocheck
+// biome-ignore lint: disable
+// oxlint-disable
+// ------
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+import { GlobalComponents } from 'vue'
+
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    Account: typeof import('./../components/ExLayout/account.vue')['default']
+    Aside: typeof import('./../components/ExLayout/aside.vue')['default']
+    ElAside: typeof import('element-plus/es')['ElAside']
+    ElAvatar: typeof import('element-plus/es')['ElAvatar']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElCascader: typeof import('element-plus/es')['ElCascader']
+    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
+    ElCol: typeof import('element-plus/es')['ElCol']
+    ElContainer: typeof import('element-plus/es')['ElContainer']
+    ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
+    ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
+    ElDescriptionsItem: typeof import('element-plus/es')['ElDescriptionsItem']
+    ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElDivider: typeof import('element-plus/es')['ElDivider']
+    ElDrawer: typeof import('element-plus/es')['ElDrawer']
+    ElDropdown: typeof import('element-plus/es')['ElDropdown']
+    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
+    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
+    ElEmpty: typeof import('element-plus/es')['ElEmpty']
+    ElForm: typeof import('element-plus/es')['ElForm']
+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
+    ElHeader: typeof import('element-plus/es')['ElHeader']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElImage: typeof import('element-plus/es')['ElImage']
+    ElImageViewer: typeof import('element-plus/es')['ElImageViewer']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
+    ElLink: typeof import('element-plus/es')['ElLink']
+    ElMain: typeof import('element-plus/es')['ElMain']
+    ElMenu: typeof import('element-plus/es')['ElMenu']
+    ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
+    ElMenuItemGroup: typeof import('element-plus/es')['ElMenuItemGroup']
+    ElOption: typeof import('element-plus/es')['ElOption']
+    ElOptionGroup: typeof import('element-plus/es')['ElOptionGroup']
+    ElPagination: typeof import('element-plus/es')['ElPagination']
+    ElProgress: typeof import('element-plus/es')['ElProgress']
+    ElRadio: typeof import('element-plus/es')['ElRadio']
+    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
+    ElRow: typeof import('element-plus/es')['ElRow']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
+    ElSpace: typeof import('element-plus/es')['ElSpace']
+    ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
+    ElSwitch: typeof import('element-plus/es')['ElSwitch']
+    ElTable: typeof import('element-plus/es')['ElTable']
+    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
+    ElTag: typeof import('element-plus/es')['ElTag']
+    ElText: typeof import('element-plus/es')['ElText']
+    ElTooltip: typeof import('element-plus/es')['ElTooltip']
+    ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect']
+    ElUpload: typeof import('element-plus/es')['ElUpload']
+    ExAssetPreview: typeof import('./../components/ExAssetPreview.vue')['default']
+    ExButton: typeof import('./../components/ExButton.vue')['default']
+    ExEmpty: typeof import('./../components/ExEmpty.vue')['default']
+    ExForm: typeof import('./../components/ExForm.vue')['default']
+    ExFormField: typeof import('./../components/ExFormField.vue')['default']
+    ExFormSearch: typeof import('./../components/ExFormSearch.vue')['default']
+    ExFormViewer: typeof import('./../components/ExFormViewer.vue')['default']
+    ExIcon: typeof import('./../components/ExIcon.vue')['default']
+    ExInputPercentage: typeof import('./../components/ExInputPercentage.vue')['default']
+    ExLayout: typeof import('./../components/ExLayout.vue')['default']
+    ExLoading: typeof import('./../components/ExLoading.vue')['default']
+    ExMenu: typeof import('./../components/ExMenu.vue')['default']
+    ExPage: typeof import('./../components/ExPage.vue')['default']
+    ExPageHeader: typeof import('./../components/ExPageHeader.vue')['default']
+    ExPagination: typeof import('./../components/ExPagination.vue')['default']
+    ExSelect: typeof import('./../components/ExSelect.vue')['default']
+    ExTable: typeof import('./../components/ExTable.vue')['default']
+    ExTableColumn: typeof import('./../components/ExTableColumn.vue')['default']
+    ExUpload: typeof import('./../components/ExUpload.vue')['default']
+    ExUploadAsset: typeof import('./../components/ExUploadAsset.vue')['default']
+    Lang: typeof import('./../components/ExLayout/lang.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    VIcon: typeof import('./../components/vIcon.vue')['default']
+  }
+  export interface GlobalDirectives {
+    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+  }
+}
+
+// For TSX support
+declare global {
+  const Account: typeof import('./../components/ExLayout/account.vue')['default']
+  const Aside: typeof import('./../components/ExLayout/aside.vue')['default']
+  const ElAside: typeof import('element-plus/es')['ElAside']
+  const ElAvatar: typeof import('element-plus/es')['ElAvatar']
+  const ElButton: typeof import('element-plus/es')['ElButton']
+  const ElCascader: typeof import('element-plus/es')['ElCascader']
+  const ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
+  const ElCol: typeof import('element-plus/es')['ElCol']
+  const ElContainer: typeof import('element-plus/es')['ElContainer']
+  const ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
+  const ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
+  const ElDescriptionsItem: typeof import('element-plus/es')['ElDescriptionsItem']
+  const ElDialog: typeof import('element-plus/es')['ElDialog']
+  const ElDivider: typeof import('element-plus/es')['ElDivider']
+  const ElDrawer: typeof import('element-plus/es')['ElDrawer']
+  const ElDropdown: typeof import('element-plus/es')['ElDropdown']
+  const ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
+  const ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
+  const ElEmpty: typeof import('element-plus/es')['ElEmpty']
+  const ElForm: typeof import('element-plus/es')['ElForm']
+  const ElFormItem: typeof import('element-plus/es')['ElFormItem']
+  const ElHeader: typeof import('element-plus/es')['ElHeader']
+  const ElIcon: typeof import('element-plus/es')['ElIcon']
+  const ElImage: typeof import('element-plus/es')['ElImage']
+  const ElImageViewer: typeof import('element-plus/es')['ElImageViewer']
+  const ElInput: typeof import('element-plus/es')['ElInput']
+  const ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
+  const ElLink: typeof import('element-plus/es')['ElLink']
+  const ElMain: typeof import('element-plus/es')['ElMain']
+  const ElMenu: typeof import('element-plus/es')['ElMenu']
+  const ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
+  const ElMenuItemGroup: typeof import('element-plus/es')['ElMenuItemGroup']
+  const ElOption: typeof import('element-plus/es')['ElOption']
+  const ElOptionGroup: typeof import('element-plus/es')['ElOptionGroup']
+  const ElPagination: typeof import('element-plus/es')['ElPagination']
+  const ElProgress: typeof import('element-plus/es')['ElProgress']
+  const ElRadio: typeof import('element-plus/es')['ElRadio']
+  const ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
+  const ElRow: typeof import('element-plus/es')['ElRow']
+  const ElSelect: typeof import('element-plus/es')['ElSelect']
+  const ElSpace: typeof import('element-plus/es')['ElSpace']
+  const ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
+  const ElSwitch: typeof import('element-plus/es')['ElSwitch']
+  const ElTable: typeof import('element-plus/es')['ElTable']
+  const ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
+  const ElTag: typeof import('element-plus/es')['ElTag']
+  const ElText: typeof import('element-plus/es')['ElText']
+  const ElTooltip: typeof import('element-plus/es')['ElTooltip']
+  const ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect']
+  const ElUpload: typeof import('element-plus/es')['ElUpload']
+  const ExAssetPreview: typeof import('./../components/ExAssetPreview.vue')['default']
+  const ExButton: typeof import('./../components/ExButton.vue')['default']
+  const ExEmpty: typeof import('./../components/ExEmpty.vue')['default']
+  const ExForm: typeof import('./../components/ExForm.vue')['default']
+  const ExFormField: typeof import('./../components/ExFormField.vue')['default']
+  const ExFormSearch: typeof import('./../components/ExFormSearch.vue')['default']
+  const ExFormViewer: typeof import('./../components/ExFormViewer.vue')['default']
+  const ExIcon: typeof import('./../components/ExIcon.vue')['default']
+  const ExInputPercentage: typeof import('./../components/ExInputPercentage.vue')['default']
+  const ExLayout: typeof import('./../components/ExLayout.vue')['default']
+  const ExLoading: typeof import('./../components/ExLoading.vue')['default']
+  const ExMenu: typeof import('./../components/ExMenu.vue')['default']
+  const ExPage: typeof import('./../components/ExPage.vue')['default']
+  const ExPageHeader: typeof import('./../components/ExPageHeader.vue')['default']
+  const ExPagination: typeof import('./../components/ExPagination.vue')['default']
+  const ExSelect: typeof import('./../components/ExSelect.vue')['default']
+  const ExTable: typeof import('./../components/ExTable.vue')['default']
+  const ExTableColumn: typeof import('./../components/ExTableColumn.vue')['default']
+  const ExUpload: typeof import('./../components/ExUpload.vue')['default']
+  const ExUploadAsset: typeof import('./../components/ExUploadAsset.vue')['default']
+  const Lang: typeof import('./../components/ExLayout/lang.vue')['default']
+  const RouterLink: typeof import('vue-router')['RouterLink']
+  const RouterView: typeof import('vue-router')['RouterView']
+  const VIcon: typeof import('./../components/vIcon.vue')['default']
+}

package/src/locale/en-US.ts

@@ -0,0 +1,49 @@
+export default {
+  core: {
+    back: 'Back',
+    save: 'Save',
+    cancel: 'Cancel',
+    reset: 'Reset',
+    search: 'Search',
+    keywords: 'Keywords',
+    upload: 'Upload',
+    confirm: 'Confirm',
+    phoneNumber: 'Phone',
+    createdAt: 'Created at',
+    noPermission: 'No Permission',
+    create: 'Create',
+    edit: 'Edit',
+    delete: 'Delete',
+    sort: 'Sort',
+    logout: 'Logout',
+    profile: 'Profile',
+    password: 'Password',
+    datetime: {
+      to: 'to',
+      start: 'Start date',
+      end: 'End date',
+      yesterday: 'Yesterday',
+      today: 'Today',
+      thisWeek: 'This week',
+      thisMonth: 'This month',
+      thisYear: 'This year',
+    },
+    message: {
+      successful: 'Successful',
+      downloadFailed: 'Download failed',
+      tooLarge: 'File size exceeds the limit',
+      fileExceed: 'A maximum of {limit} files can be uploaded',
+      confirm: 'Confirm',
+      delConfirm: 'Are you sure to delete this record?',
+    },
+  },
+  empty: {
+    noData: 'No data',
+  },
+  dialog: {
+    tip: 'Tip',
+    confirm: 'Confirm',
+    prompt: 'Enter',
+    required: 'Required',
+  },
+}