@veltra/compositions 1.10.0 → 1.12.0

package/dist/use-config/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentSize } from "@veltra/utils";
+import { AiProviderConfig, ComponentSize } from "@veltra/utils";
 //#region src/use-config/index.d.ts
 interface State {
   /** 是否开启动画，机器老可以关闭动画来获得性能 */
@@ -14,6 +14,8 @@ interface State {
     pageSize: number;
     pageSizeOptions: number[];
   };
+  /** AI 服务商全局兜底配置，与组件实例 prop 字段级合并 */
+  ai: Partial<AiProviderConfig>;
 }
 export declare function setDocumentSize(size: ComponentSize, oldSize?: ComponentSize): void;
 export declare function useConfig(): {

package/dist/use-config/index.js

@@ -14,7 +14,8 @@ const state = reactive({
 			500,
 			1e3
 		]
-	}
+	},
+	ai: {}
 });
 function setDocumentSize(size, oldSize) {
 	if (typeof document === "undefined") return;

package/dist/use-config/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/use-config/index.ts"],"sourcesContent":["import { isObj } from '@cat-kit/core'\nimport type { ComponentSize } from '@veltra/utils'\nimport { reactive, readonly, watch } from 'vue'\n\ninterface State {\n  /** 是否开启动画，机器老可以关闭动画来获得性能 */\n  animation: boolean\n  /** 组件尺寸大小 */\n  size: ComponentSize\n  /** 表单 */\n  form: {\n    /** 标签宽度 */\n    labelWidth?: number | string\n  }\n  paginator: { pageSize: number; pageSizeOptions: number[] }\n}\n\nconst state = reactive<State>({\n  animation: true,\n  size: 'default',\n  form: { labelWidth: 100 },\n  paginator: { pageSize: 40, pageSizeOptions: [40, 100, 200, 500, 1000] }\n})\n\nexport function setDocumentSize(size: ComponentSize, oldSize?: ComponentSize): void {\n  if (typeof document === 'undefined') return\n  if (oldSize) {\n    document.documentElement.classList.remove(oldSize)\n  }\n  document.documentElement.classList.add(size)\n}\n\nlet stopDocumentSizeSync: (() => void) | null = null\n\nfunction ensureDocumentSizeSync(): void {\n  if (stopDocumentSizeSync) return\n  if (typeof document === 'undefined') return\n\n  stopDocumentSizeSync = watch(\n    () => state.size,\n    (size, oldSize) => setDocumentSize(size, oldSize)\n  )\n}\n\nfunction deepSet(original: Record<string, any>, extend: Record<string, any>) {\n  Object.keys(extend).forEach((key) => {\n    const val = original[key]\n    const targetVal = extend[key]\n    if (isObj(val)) {\n      if (isObj(targetVal)) {\n        deepSet(val, targetVal)\n      } else {\n        console.warn(`extend['${key}']应该是一个对象`)\n      }\n    } else {\n      original[key] = targetVal\n    }\n  })\n}\n\nexport function useConfig(): {\n  config: Readonly<State>\n  setConfig: (conf: Partial<State>) => void\n} {\n  ensureDocumentSizeSync()\n  return {\n    /** 全局配置 */\n    config: readonly(state) as Readonly<State>,\n    /**\n     * 设置全局配置项\n     * @param conf\n     */\n    setConfig(conf: Partial<State>) {\n      deepSet(state, conf)\n    }\n  }\n}\n"],"mappings":";;;AAiBA,MAAM,QAAQ,SAAgB;CAC5B,WAAW;CACX,MAAM;CACN,MAAM,EAAE,YAAY,IAAI;CACxB,WAAW;EAAE,UAAU;EAAI,iBAAiB;GAAC;GAAI;GAAK;GAAK;GAAK;EAAI;CAAE;AACxE,CAAC;AAED,SAAgB,gBAAgB,MAAqB,SAA+B;CAClF,IAAI,OAAO,aAAa,aAAa;CACrC,IAAI,SACF,SAAS,gBAAgB,UAAU,OAAO,OAAO;CAEnD,SAAS,gBAAgB,UAAU,IAAI,IAAI;AAC7C;AAEA,IAAI,uBAA4C;AAEhD,SAAS,yBAA+B;CACtC,IAAI,sBAAsB;CAC1B,IAAI,OAAO,aAAa,aAAa;CAErC,uBAAuB,YACf,MAAM,OACX,MAAM,YAAY,gBAAgB,MAAM,OAAO,CAClD;AACF;AAEA,SAAS,QAAQ,UAA+B,QAA6B;CAC3E,OAAO,KAAK,MAAM,CAAC,CAAC,SAAS,QAAQ;EACnC,MAAM,MAAM,SAAS;EACrB,MAAM,YAAY,OAAO;EACzB,IAAI,MAAM,GAAG,GAAG;GACd,IAAI,MAAM,SAAS,GACjB,QAAQ,KAAK,SAAS;QAEtB,QAAQ,KAAK,WAAW,IAAI,UAAU;EAE1C,OACE,SAAS,OAAO;CAEpB,CAAC;AACH;AAEA,SAAgB,YAGd;CACA,uBAAuB;CACvB,OAAO;;EAEL,QAAQ,SAAS,KAAK;;;;;EAKtB,UAAU,MAAsB;GAC9B,QAAQ,OAAO,IAAI;EACrB;CACF;AACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/use-config/index.ts"],"sourcesContent":["import { isObj } from '@cat-kit/core'\nimport type { AiProviderConfig, ComponentSize } from '@veltra/utils'\nimport { reactive, readonly, watch } from 'vue'\n\ninterface State {\n  /** 是否开启动画，机器老可以关闭动画来获得性能 */\n  animation: boolean\n  /** 组件尺寸大小 */\n  size: ComponentSize\n  /** 表单 */\n  form: {\n    /** 标签宽度 */\n    labelWidth?: number | string\n  }\n  paginator: { pageSize: number; pageSizeOptions: number[] }\n  /** AI 服务商全局兜底配置，与组件实例 prop 字段级合并 */\n  ai: Partial<AiProviderConfig>\n}\n\nconst state = reactive<State>({\n  animation: true,\n  size: 'default',\n  form: { labelWidth: 100 },\n  paginator: { pageSize: 40, pageSizeOptions: [40, 100, 200, 500, 1000] },\n  ai: {}\n})\n\nexport function setDocumentSize(size: ComponentSize, oldSize?: ComponentSize): void {\n  if (typeof document === 'undefined') return\n  if (oldSize) {\n    document.documentElement.classList.remove(oldSize)\n  }\n  document.documentElement.classList.add(size)\n}\n\nlet stopDocumentSizeSync: (() => void) | null = null\n\nfunction ensureDocumentSizeSync(): void {\n  if (stopDocumentSizeSync) return\n  if (typeof document === 'undefined') return\n\n  stopDocumentSizeSync = watch(\n    () => state.size,\n    (size, oldSize) => setDocumentSize(size, oldSize)\n  )\n}\n\nfunction deepSet(original: Record<string, any>, extend: Record<string, any>) {\n  Object.keys(extend).forEach((key) => {\n    const val = original[key]\n    const targetVal = extend[key]\n    if (isObj(val)) {\n      if (isObj(targetVal)) {\n        deepSet(val, targetVal)\n      } else {\n        console.warn(`extend['${key}']应该是一个对象`)\n      }\n    } else {\n      original[key] = targetVal\n    }\n  })\n}\n\nexport function useConfig(): {\n  config: Readonly<State>\n  setConfig: (conf: Partial<State>) => void\n} {\n  ensureDocumentSizeSync()\n  return {\n    /** 全局配置 */\n    config: readonly(state) as Readonly<State>,\n    /**\n     * 设置全局配置项\n     * @param conf\n     */\n    setConfig(conf: Partial<State>) {\n      deepSet(state, conf)\n    }\n  }\n}\n"],"mappings":";;;AAmBA,MAAM,QAAQ,SAAgB;CAC5B,WAAW;CACX,MAAM;CACN,MAAM,EAAE,YAAY,IAAI;CACxB,WAAW;EAAE,UAAU;EAAI,iBAAiB;GAAC;GAAI;GAAK;GAAK;GAAK;EAAI;CAAE;CACtE,IAAI,CAAC;AACP,CAAC;AAED,SAAgB,gBAAgB,MAAqB,SAA+B;CAClF,IAAI,OAAO,aAAa,aAAa;CACrC,IAAI,SACF,SAAS,gBAAgB,UAAU,OAAO,OAAO;CAEnD,SAAS,gBAAgB,UAAU,IAAI,IAAI;AAC7C;AAEA,IAAI,uBAA4C;AAEhD,SAAS,yBAA+B;CACtC,IAAI,sBAAsB;CAC1B,IAAI,OAAO,aAAa,aAAa;CAErC,uBAAuB,YACf,MAAM,OACX,MAAM,YAAY,gBAAgB,MAAM,OAAO,CAClD;AACF;AAEA,SAAS,QAAQ,UAA+B,QAA6B;CAC3E,OAAO,KAAK,MAAM,CAAC,CAAC,SAAS,QAAQ;EACnC,MAAM,MAAM,SAAS;EACrB,MAAM,YAAY,OAAO;EACzB,IAAI,MAAM,GAAG,GAAG;GACd,IAAI,MAAM,SAAS,GACjB,QAAQ,KAAK,SAAS;QAEtB,QAAQ,KAAK,WAAW,IAAI,UAAU;EAE1C,OACE,SAAS,OAAO;CAEpB,CAAC;AACH;AAEA,SAAgB,YAGd;CACA,uBAAuB;CACvB,OAAO;;EAEL,QAAQ,SAAS,KAAK;;;;;EAKtB,UAAU,MAAsB;GAC9B,QAAQ,OAAO,IAAI;EACrB;CACF;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/compositions",
-  "version": "1.10.0",
+  "version": "1.12.0",
   "homepage": "https://github.com/cabinet-fe/ultra-ui#readme",
   "bugs": {
     "url": "https://github.com/cabinet-fe/ultra-ui/issues"

package/src/use-config/__test__/use-config.test.ts

@@ -0,0 +1,40 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { useConfig } from '../index'
+
+describe('useConfig', () => {
+  it('setConfig 可设置全局 ai 配置，config.ai 可读', () => {
+    const { config, setConfig } = useConfig()
+    setConfig({
+      ai: { url: 'https://api.example.com/v1/chat/completions', apiKey: 'sk-1', model: 'gpt-4o' }
+    })
+
+    expect(config.ai).toMatchObject({
+      url: 'https://api.example.com/v1/chat/completions',
+      apiKey: 'sk-1',
+      model: 'gpt-4o'
+    })
+  })
+
+  it('多次 setConfig 部分字段按字段级合并，不互相覆盖', () => {
+    const { config, setConfig } = useConfig()
+    setConfig({ ai: { url: 'https://api.example.com/v1/chat/completions' } })
+    setConfig({ ai: { model: 'gpt-4o-mini' } })
+    setConfig({ ai: { stream: true } })
+
+    expect(config.ai).toMatchObject({
+      url: 'https://api.example.com/v1/chat/completions',
+      model: 'gpt-4o-mini',
+      stream: true
+    })
+  })
+
+  it('ai 更新不影响其它全局配置键', () => {
+    const { config, setConfig } = useConfig()
+    setConfig({ animation: false, ai: { reasoningLevel: 'high' } })
+
+    expect(config.animation).toBe(false)
+    expect(config.ai.reasoningLevel).toBe('high')
+    expect(config.form).toEqual({ labelWidth: 100 })
+  })
+})

package/src/use-config/index.ts

@@ -1,5 +1,5 @@
 import { isObj } from '@cat-kit/core'
-import type { ComponentSize } from '@veltra/utils'
+import type { AiProviderConfig, ComponentSize } from '@veltra/utils'
 import { reactive, readonly, watch } from 'vue'
 
 interface State {
@@ -13,13 +13,16 @@ interface State {
     labelWidth?: number | string
   }
   paginator: { pageSize: number; pageSizeOptions: number[] }
+  /** AI 服务商全局兜底配置，与组件实例 prop 字段级合并 */
+  ai: Partial<AiProviderConfig>
 }
 
 const state = reactive<State>({
   animation: true,
   size: 'default',
   form: { labelWidth: 100 },
-  paginator: { pageSize: 40, pageSizeOptions: [40, 100, 200, 500, 1000] }
+  paginator: { pageSize: 40, pageSizeOptions: [40, 100, 200, 500, 1000] },
+  ai: {}
 })
 
 export function setDocumentSize(size: ComponentSize, oldSize?: ComponentSize): void {