@gindow/vue 1.0.0

package/dist/vue-go.d.ts

@@ -0,0 +1,394 @@
+import { AxiosInstance } from 'axios';
+import { AxiosResponse } from 'axios';
+import { ComputedRef } from 'vue';
+import { default as default_2 } from 'dayjs';
+import { nanoid } from 'nanoid';
+import { Plugin as Plugin_2 } from 'vue';
+import { Ref } from 'vue';
+
+export declare const $params: (params: IModel) => {
+    [property: string]: any;
+    id?: string | any;
+    created_at?: string;
+    updated_at?: string;
+    deleted_at?: string;
+};
+
+export declare class DateTime {
+    static dayjs: typeof default_2;
+    static s(date?: default_2.ConfigType, symbol?: string): string;
+    static m(date?: default_2.ConfigType, symbol?: string): string;
+    static h(date?: default_2.ConfigType, symbol?: string): string;
+    static d(date?: default_2.ConfigType, symbol?: string): string;
+    static M(date?: default_2.ConfigType, symbol?: string): string;
+    static y(date?: default_2.ConfigType): string;
+    static date(date?: default_2.ConfigType, symbol?: string): string;
+    static time(date?: default_2.ConfigType): string;
+    static format(date?: default_2.ConfigType, format?: string): string;
+}
+
+export declare const download: (blob: Blob, filename: string) => void;
+
+export declare class Formatter {
+    static config: {
+        locale?: string;
+        currency?: string;
+        decimals?: number;
+    };
+    static set: (config: {
+        locale?: string;
+        currency?: string;
+        decimals?: number;
+    }) => {
+        locale?: string;
+        currency?: string;
+        decimals?: number;
+    };
+    static id: (str?: string) => string;
+    static date: (datestr?: string) => string;
+    static idcard: (idcard?: string) => string;
+    static phone: (phone?: string, naked?: boolean) => string;
+    static email: (email?: string) => string;
+    static bankcard: (bankcard?: string) => string;
+    static url: (url?: string) => string;
+    static price: (value?: string | number, currency?: string) => string;
+    static currency: (value?: string | number, currency?: string) => string;
+}
+
+export declare const get: (object: any, path: string | string[], defaultValue?: any) => any;
+
+export declare const getLocale: () => string;
+
+export declare interface IAIResponse {
+    message: IChatMessageItem;
+    sessionId: string;
+    suggestions?: string[];
+}
+
+export declare interface IAsset extends IModel {
+    id: string;
+    type: string;
+    title: string;
+    url: string;
+    shrink: string;
+}
+
+export declare interface IChatConfig {
+    placeholder?: string;
+    maxFileSize?: number;
+    allowedFileTypes?: string[];
+    enableStreaming?: boolean;
+    showTimestamp?: boolean;
+    showSuggestions?: boolean;
+}
+
+export declare interface IChatFile {
+    id: string;
+    name: string;
+    type: string;
+    size: number;
+    url?: string;
+    thumbnail?: string;
+}
+
+export declare interface IChatMessage {
+    question: string;
+    answer: string;
+    conversation_id: string;
+    message_id: string;
+    created_at: number;
+}
+
+export declare interface IChatMessageItem {
+    id: string;
+    role: MessageRole;
+    content: string;
+    contentType?: MessageContentType;
+    timestamp: number;
+    isLoading?: boolean;
+    isError?: boolean;
+    files?: IChatFile[];
+    metadata?: Record<string, any>;
+}
+
+export declare interface IChatSession {
+    id: string;
+    title: string;
+    messages: IChatMessageItem[];
+    createdAt: number;
+    updatedAt: number;
+    isPinned?: boolean;
+    isArchived?: boolean;
+}
+
+export declare interface ICodeBlock {
+    language: string;
+    code: string;
+    filename?: string;
+}
+
+export declare interface IErrorEvent {
+    event: 'error';
+    task_id: string;
+    id: string;
+    code: string;
+    message: string;
+}
+
+export declare interface IField extends IModel {
+    name: string;
+    type: string;
+    readonly?: boolean;
+    multiple?: boolean;
+    required?: boolean;
+    options?: {
+        label: string;
+        value: string;
+    }[] | any[];
+}
+
+export declare type IFilter = Omit<IField, 'name'> & {
+    label?: string;
+    rules?: any[];
+};
+
+export declare interface IMenu {
+    key?: string;
+    title: string;
+    path: string;
+    name?: string;
+    icon?: string;
+    depend?: string;
+    hidden?: boolean;
+    divider?: boolean;
+    disabled?: boolean;
+    children?: IMenu[];
+    isGroup?: boolean;
+}
+
+export declare 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 declare interface IModel {
+    id?: string | any;
+    created_at?: string;
+    updated_at?: string;
+    deleted_at?: string;
+    [property: string]: any;
+}
+
+export declare interface IPagination {
+    current_page: number;
+    per_page: number;
+    count: number;
+    total: number;
+    total_pages: number;
+}
+
+export declare interface IParams extends IModel {
+    filter?: Object;
+    search?: string;
+    include?: string;
+    page?: number;
+    size?: number;
+}
+
+export declare interface IResult {
+    code: number;
+    message: string;
+    data?: IModel | IModel[] | null;
+    meta?: {
+        pagination?: IPagination;
+    };
+}
+
+export declare interface ISendChatParams {
+    content: string;
+    contentType?: MessageContentType;
+    files?: IChatFile[];
+    sessionId?: string;
+}
+
+export declare 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 declare interface IUploadUserFile {
+    id?: string;
+    percentage?: number;
+    asset?: IAsset;
+    title?: string;
+    width?: number;
+    height?: number;
+    type?: string;
+    mimeType?: string;
+}
+
+export declare 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 declare type MessageContentType = 'text' | 'image' | 'code' | 'file';
+
+export declare type MessageRole = 'user' | 'assistant' | 'system';
+
+export declare class Platform {
+    static get userAgent(): string;
+    static get isFlutter(): boolean;
+    static get isFlutterIOS(): boolean;
+    static get isWeb(): boolean;
+    static get isMobile(): boolean;
+    static get isIOS(): boolean;
+    static get isWechat(): boolean;
+    static get isWxwork(): boolean;
+    static get isMiniprogram(): boolean;
+}
+
+export declare const request: {
+    baseURL: string;
+    publicKey: string;
+    headers: Record<string, string>;
+    instance: AxiosInstance | null;
+    accessToken: string;
+    init(config?: {
+        baseURL?: string;
+        publicKey?: string;
+    }): void;
+    setToken(token: string, options?: {
+        expires?: number;
+        domain?: string;
+    }): void;
+    getToken(): string;
+    delToken(): void;
+    get(url: string, params?: {}, auth?: boolean): any;
+    put(url: string, data?: {}, auth?: boolean): any;
+    patch(url: string, data?: {}, auth?: boolean): any;
+    delete(url: string, params?: {}, auth?: boolean): any;
+    post(url: string, data?: {}, auth?: boolean): any;
+    blob(url: string, params?: {}, auth?: boolean): any;
+    request(para: any, auth?: boolean): any;
+    download(url: string, params?: {}, filename?: string, auth?: boolean): Promise<any>;
+    upload(url: string, data?: {}): Promise<AxiosResponse<any, any, {}>>;
+    sse(url: string, para?: {
+        [key: string]: string | number | undefined | null | void;
+    } | null): EventSource;
+    setHeader(key: string, value: string): void;
+    delHeader(key: string): void;
+};
+
+export declare class resource {
+    url: string;
+    auth: boolean;
+    constructor(url: string, auth?: boolean);
+    select: (para?: {}) => any;
+    create: (para?: {}) => any;
+    find: (id: string, para?: {}) => any;
+    update: (id: string, para?: {}) => any;
+    delete: (id: string, para?: {}) => any;
+    get(para: any): Promise<any>;
+}
+
+export declare const setLocale: (lang: string) => string;
+
+export declare const useBreak: () => {
+    isMobile: ComputedRef<boolean>;
+    isDesktop: ComputedRef<boolean>;
+};
+
+export declare const useCaptcha: (api: (data: any) => Promise<void>) => {
+    waiting: Ref<number, number>;
+    send: (para?: {}) => Promise<unknown>;
+};
+
+export declare const useChat: (baseURL: string, apiKey: string) => {
+    sendMessage: (params: ISendMessageParams, callbacks: {
+        onMessage?: (text: string) => void;
+        onEnd?: (conversationId: string, messageId: string) => void;
+        onError?: (error: {
+            code: string;
+            message: string;
+        }) => void;
+        onFinish?: () => void;
+    }) => Promise<void>;
+};
+
+export declare const useLocale: () => {
+    locale: Ref<string, string>;
+    t: (path: string, params?: Record<string, string | number>) => string;
+};
+
+export declare const useNanoid: () => {
+    nanoid: typeof nanoid;
+    numeric: (length?: number) => string;
+};
+
+export declare const useUpload: () => {
+    handler: (file: File, para?: {
+        compressor: boolean;
+    }) => Promise<File>;
+    getDimension: (blob: Blob) => Promise<{
+        width: number;
+        height: number;
+    }>;
+    getFileType: (file: File) => Promise<{
+        mimeType: string;
+    }>;
+};
+
+export declare class Validate {
+    static country: string;
+    static set: (country: string) => string;
+    static get phone_pattern(): RegExp;
+    static email_pattern: RegExp;
+    static idcard_pattern: RegExp;
+    static cname_pattern: RegExp;
+    static password_pattern: RegExp;
+    static phone: (str: string) => boolean;
+    static email: (str: string) => boolean;
+    static idcard: (str: string) => boolean;
+    static cname: (str: string) => boolean;
+}
+
+declare const VueGo: Plugin_2;
+export default VueGo;
+
+export { }

package/package.json

@@ -0,0 +1,99 @@
+{
+  "name": "@gindow/vue",
+  "version": "1.0.0",
+  "description": "Vue3 通用基础包，包含工具函数、Hooks、类型定义、国际化、基础样式",
+  "type": "module",
+  "license": "MIT",
+  "main": "./dist/vue.cjs",
+  "types": "./dist/vue.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/vue.d.ts",
+      "import": "./dist/vue.mjs",
+      "require": "./dist/vue.cjs"
+    },
+    "./style.css": "./dist/style.css",
+    "./src/*": "./src/*",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "src",
+    "README.md"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "build": "vue-tsc --noEmit && vite build"
+  },
+  "peerDependencies": {
+    "@icon-park/vue-next": "^1.4.0",
+    "@iconify/vue": "^5.0.0",
+    "@vueuse/core": "^12.0.0",
+    "axios": "^1.6.0",
+    "compressorjs": "^1.2.0",
+    "dayjs": "^1.11.0",
+    "file-type-checker": "^1.0.0",
+    "heic2any": "^0.0.4",
+    "js-cookie": "^3.0.0",
+    "nanoid": "^5.0.0",
+    "vue": "^3.5.0"
+  },
+  "peerDependenciesMeta": {
+    "@icon-park/vue-next": {
+      "optional": true
+    },
+    "@iconify/vue": {
+      "optional": true
+    },
+    "@vueuse/core": {
+      "optional": true
+    },
+    "axios": {
+      "optional": true
+    },
+    "compressorjs": {
+      "optional": true
+    },
+    "dayjs": {
+      "optional": true
+    },
+    "file-type-checker": {
+      "optional": true
+    },
+    "heic2any": {
+      "optional": true
+    },
+    "js-cookie": {
+      "optional": true
+    },
+    "nanoid": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@icon-park/vue-next": "^1.4.2",
+    "@iconify/vue": "^5.0.1",
+    "@tailwindcss/vite": "^4.3.0",
+    "@types/js-cookie": "^3.0.6",
+    "@types/lodash": "^4.17.24",
+    "@types/node": "^22.19.18",
+    "@vitejs/plugin-vue": "^6.0.6",
+    "@vue/tsconfig": "^0.5.1",
+    "@vueuse/core": "^14.3.0",
+    "axios": "^1.16.1",
+    "compressorjs": "^1.3.0",
+    "dayjs": "^1.11.20",
+    "file-type-checker": "^1.1.6",
+    "heic2any": "^0.0.4",
+    "js-cookie": "^3.0.7",
+    "nanoid": "^5.1.11",
+    "tailwindcss": "^4.3.0",
+    "typescript": "^5.9.3",
+    "vite": "^8.0.11",
+    "vite-plugin-dts": "^4.5.4",
+    "vue": "^3.5.34",
+    "vue-tsc": "^2.2.12"
+  }
+}

package/src/env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/src/hooks/useBreak.ts

@@ -0,0 +1,23 @@
+import { ref, computed, onMounted, onBeforeUnmount } from 'vue'
+
+const MD = 768
+
+export const useBreak = () => {
+  const matches = ref(typeof window !== 'undefined' ? window.matchMedia(`(min-width: ${MD}px)`).matches : true)
+  let mql: MediaQueryList | undefined
+  const onChange = (e: MediaQueryListEvent) => matches.value = e.matches
+
+  onMounted(() => {
+    if (typeof window === 'undefined') return
+    mql = window.matchMedia(`(min-width: ${MD}px)`)
+    matches.value = mql.matches
+    mql.addEventListener('change', onChange)
+  })
+
+  onBeforeUnmount(() => mql?.removeEventListener('change', onChange))
+
+  const isDesktop = computed(() => matches.value)
+  const isMobile = computed(() => !matches.value)
+
+  return { isMobile, isDesktop }
+}

package/src/hooks/useCaptcha.ts

@@ -0,0 +1,29 @@
+import { ref } from 'vue'
+
+export const useCaptcha = (api: (data: any) => Promise<void>) => {
+
+  const waiting = ref(0)
+  const loading = ref(false)
+
+  const send = (para = {}) => {
+    return new Promise((resolve, reject) => {
+      if (loading.value) return
+      loading.value = true
+      api(para).then(() => {
+        timer()
+        resolve(true)
+      }).catch(err => reject(err))
+        .finally(() => loading.value = false)
+    })
+  }
+
+  const timer = () => {
+    waiting.value = 60
+    const time = setInterval(() => {
+      waiting.value--
+      if (!waiting.value) clearTimeout(time)
+    }, 1000)
+  }
+
+  return { waiting, send }
+}

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/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 }
+}