@blueking/ai-ui-sdk 0.6.0-beta.13 → 0.6.0-beta.15

package/dist/css/g-utilities.css

@@ -1,3 +1,7 @@
+.\!g-bg-\[var\(--aidev-assist-content-background\)\] {
+  background-color: var(--aidev-assist-content-background) !important;
+}
+
 .\!g-bg-\[var\(--aidev-checkbox-checked-color\)\] {
   background-color: var(--aidev-checkbox-checked-color) !important;
 }
@@ -263,10 +267,18 @@
   border: 1px solid var(--aidev-checkbox-border-color);
 }
 
+.g-border-\[var\(--aidev-form-border-color\)\] {
+  border: 1px solid var(--aidev-form-border-color);
+}
+
 .g-border-b-\[var\(--aidev-line-strong-color\)\] {
   border-bottom: 1px solid var(--aidev-line-strong-color);
 }
 
+.g-border-l-\[var\(--aidev-form-border-color\)\] {
+  border-left: 1px solid var(--aidev-form-border-color);
+}
+
 .g-border-radio-100 {
   border-radius: 100%;
 }
@@ -279,6 +291,10 @@
   border-top: 1px solid #F0F1F5;
 }
 
+.g-box-border {
+  box-sizing: border-box;
+}
+
 .g-confirm {
   .bk-pop-confirm-title {
     padding-bottom: 6px;
@@ -440,6 +456,10 @@
   gap: 4px;
 }
 
+.g-gap-6 {
+  gap: 6px;
+}
+
 .g-gap-8 {
   gap: 8px;
 }
@@ -472,6 +492,10 @@
   height: 24px;
 }
 
+.g-h-32 {
+  height: 32px;
+}
+
 .g-h-42 {
   height: 42px;
 }
@@ -512,6 +536,10 @@
   display: inline-block;
 }
 
+.g-inline-flex {
+  display: inline-flex;
+}
+
 .g-inline-flex-row {
   display: inline-flex;
   flex-direction: row;
@@ -598,6 +626,10 @@
   max-height: 260px;
 }
 
+.g-max-h-300 {
+  max-height: 300px;
+}
+
 .g-max-h-400 {
   max-height: 400px;
 }
@@ -842,6 +874,10 @@
   overflow-x: auto;
 }
 
+.g-overflow-y-auto {
+  overflow-y: auto;
+}
+
 .g-p-0 {
   padding: 0px;
 }
@@ -976,6 +1012,11 @@ padding: 0px !important;
   padding-bottom: 2px;
 }
 
+.g-py-4 {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
 .g-radio-group {
   width: 100%;
 
@@ -1278,6 +1319,10 @@ padding: 0px !important;
   width: 200px;
 }
 
+.g-w-32 {
+  width: 32px;
+}
+
 .g-w-48 {
   width: 48px;
 }
@@ -1302,6 +1347,10 @@ padding: 0px !important;
   white-space: pre-line;
 }
 
+.g-z-2 {
+  z-index: 2;
+}
+
 .hover\:\!g-bg-\[var\(--aidev-icon-light-hover-background\)\]:hover {
   background-color: var(--aidev-icon-light-hover-background) !important;
 }
@@ -1330,6 +1379,10 @@ padding: 0px !important;
   background-color: var(--aidev-inner-background);
 }
 
+.hover\:g-bg-\[var\(--aidev-item-hover-background\)\]:hover {
+  background-color: var(--aidev-item-hover-background);
+}
+
 .hover\:g-border-\[var\(--aidev-checkbox-hover-border-color\)\]:hover {
   border: 1px solid var(--aidev-checkbox-hover-border-color);
 }
@@ -1342,6 +1395,10 @@ padding: 0px !important;
   border-radius: 9999px;
 }
 
+.hover\:g-text-\[var\(--aidev-clickable-color\)\]:hover {
+  color: var(--aidev-clickable-color);
+}
+
 .hover\:g-text-\[var\(--aidev-clickable-hover-color\)\]:hover {
   color: var(--aidev-clickable-hover-color);
 }

package/dist/css/g-utilities.manifest.json

@@ -1,4 +1,5 @@
 [
+  "!g-bg-[var(--aidev-assist-content-background)]",
   "!g-bg-[var(--aidev-checkbox-checked-color)]",
   "!g-bg-[var(--aidev-checkbox-checked-disabled-color)]",
   "!g-bg-[var(--aidev-checkbox-disabled-background)]",
@@ -58,10 +59,13 @@
   "g-bg-[var(--aidev-inner-background)]",
   "g-bg-[var(--aidev-main-background)]",
   "g-border-[var(--aidev-checkbox-border-color)]",
+  "g-border-[var(--aidev-form-border-color)]",
   "g-border-b-[var(--aidev-line-strong-color)]",
+  "g-border-l-[var(--aidev-form-border-color)]",
   "g-border-radio-100",
   "g-border-t-1",
   "g-border-t-F0F1F5",
+  "g-box-border",
   "g-confirm",
   "g-confirm-delete",
   "g-cursor-grab",
@@ -83,6 +87,7 @@
   "g-font-normal",
   "g-gap",
   "g-gap-4",
+  "g-gap-6",
   "g-gap-8",
   "g-gap-y-4",
   "g-group-hover/collection-icon:g-text-e38b02",
@@ -93,6 +98,7 @@
   "g-h-16",
   "g-h-22",
   "g-h-24",
+  "g-h-32",
   "g-h-42",
   "g-h-48",
   "g-h-56",
@@ -103,6 +109,7 @@
   "g-hidden",
   "g-inline",
   "g-inline-block",
+  "g-inline-flex",
   "g-inline-flex-row",
   "g-items-center",
   "g-items-start",
@@ -119,6 +126,7 @@
   "g-m-0",
   "g-main-button",
   "g-max-h-260",
+  "g-max-h-300",
   "g-max-h-400",
   "g-max-h-80vh",
   "g-max-truncate",
@@ -170,6 +178,7 @@
   "g-number-font",
   "g-overflow-hidden",
   "g-overflow-x-auto",
+  "g-overflow-y-auto",
   "g-p-0",
   "g-p-12",
   "g-p-2",
@@ -196,6 +205,7 @@
   "g-px-8",
   "g-py-12",
   "g-py-2",
+  "g-py-4",
   "g-radio-group",
   "g-relative",
   "g-resource-description",
@@ -243,12 +253,14 @@
   "g-truncate",
   "g-w-16",
   "g-w-200",
+  "g-w-32",
   "g-w-48",
   "g-w-64",
   "g-w-88",
   "g-w-full",
   "g-whitespace-nowrap",
   "g-whitespace-pre-line",
+  "g-z-2",
   "hover:!g-bg-[var(--aidev-icon-light-hover-background)]",
   "hover:!g-bg-[var(--aidev-item-hover-background)]",
   "hover:!g-border-[var(--aidev-clickable-color)]",
@@ -256,9 +268,11 @@
   "hover:!g-text-[var(--aidev-clickable-color)]",
   "hover:g-bg-[var(--aidev-capsule-hover-background)]",
   "hover:g-bg-[var(--aidev-inner-background)]",
+  "hover:g-bg-[var(--aidev-item-hover-background)]",
   "hover:g-border-[var(--aidev-checkbox-hover-border-color)]",
   "hover:g-cursor-pointer",
   "hover:g-rounded-full",
+  "hover:g-text-[var(--aidev-clickable-color)]",
   "hover:g-text-[var(--aidev-clickable-hover-color)]",
   "hover:g-text-[var(--aidev-main-color)]",
   "hover:g-text-e38b02"

package/dist/css/variable/token.d.ts

@@ -80,6 +80,7 @@ declare const _default: {
     '--aidev-icon-hover-background': string;
     '--aidev-icon-light-hover-background': string;
     '--aidev-item-hover-background': string;
+    '--aidev-item-hover-border-color': string;
     '--aidev-generate-global-color': string;
     '--aidev-generate-global-background': string;
     '--aidev-generate-global-hover-color': string;
@@ -113,6 +114,8 @@ declare const _default: {
     '--aidev-tag-filled-color': string;
     '--aidev-tag-filled-background': string;
     '--aidev-tag-filled-hover-background': string;
+    '--aidev-tag-info-color': string;
+    '--aidev-tag-info-background': string;
     '--aidev-exception-illustration-shadow-color': string;
     '--default-color': string;
     '--primary-color': string;

package/dist/css/variable/token.ts.js

@@ -111,6 +111,7 @@ export default {
     '--aidev-icon-light-hover-background': 'brand7',
     // 列表项 / 卡片 hover / 选中高亮背景
     '--aidev-item-hover-background': 'brand6',
+    '--aidev-item-hover-border-color': 'brand3',
     // 资源使用范围相关颜色
     '--aidev-generate-global-color': 'brand2',
     '--aidev-generate-global-background': 'brand6',
@@ -150,6 +151,9 @@ export default {
     '--aidev-tag-filled-color': 'neutral10',
     '--aidev-tag-filled-background': 'neutral3',
     '--aidev-tag-filled-hover-background': 'neutral4',
+    // 蓝色 Tag（如数量标签）
+    '--aidev-tag-info-color': 'brand1',
+    '--aidev-tag-info-background': 'brand6',
     // 空态 / 异常插图投影。SVG 里靠 fill-opacity 压到 3%~10%，不是实色块
     '--aidev-exception-illustration-shadow-color': 'neutral1',
     // bkui 字体颜色

package/dist/hooks/use-form-rule.d.ts

@@ -1,5 +1,9 @@
 import { type Ref } from 'vue';
 import { Module } from '@/types/enum';
+export interface IRemoteRuleOptions {
+    getData?: () => Record<string, unknown>;
+    key?: number | string;
+}
 export declare const useFormRule: (apiPrefix: string, spaceId?: Ref<string>) => {
     codeRule: {
         validator: (value: string) => boolean;
@@ -11,12 +15,22 @@ export declare const useFormRule: (apiPrefix: string, spaceId?: Ref<string>) =>
         message: string;
         trigger: string;
     };
-    getNameRule: (type: Module) => {
+    getNameRule: (type: Module, options?: IRemoteRuleOptions) => {
         validator: (value: string) => Promise<boolean>;
         message: () => string;
         trigger: string;
     };
-    getCodeRule: (type: Module, getIsEdit?: () => boolean, getData?: () => Record<string, unknown>) => {
+    getCodeRule: (type: Module, getIsEdit?: () => boolean, options?: IRemoteRuleOptions) => {
+        validator: (value: string) => Promise<boolean>;
+        message: () => string;
+        trigger: string;
+    };
+    getUrlRule: (type: Module, options?: IRemoteRuleOptions) => {
+        validator: (value: string) => Promise<boolean>;
+        message: () => string;
+        trigger: string;
+    };
+    getAsyncRule: (api: (value: string) => Promise<unknown>) => {
         validator: (value: string) => Promise<boolean>;
         message: () => string;
         trigger: string;
@@ -26,4 +40,19 @@ export declare const useFormRule: (apiPrefix: string, spaceId?: Ref<string>) =>
         message: string;
         trigger: string;
     };
+    getNumberRule: () => {
+        validator: (value: string) => boolean;
+        message: string;
+        trigger: string;
+    };
+    getPositiveNumberRule: () => {
+        validator: (value: string) => boolean;
+        message: string;
+        trigger: string;
+    };
+    getNonNegativeNumberRule: () => {
+        validator: (value: string) => boolean;
+        message: string;
+        trigger: string;
+    };
 };

package/dist/hooks/use-form-rule.ts.js

@@ -30,23 +30,39 @@ function _async_to_generator(fn) {
 import { useMetaHttp } from './use-meta-http.ts.js';
 import { t } from '../i18n/index.ts.js';
 export const useFormRule = (apiPrefix, spaceId)=>{
-    const { nameValidator, codeValidator } = useMetaHttp(apiPrefix, spaceId);
-    let nameErrorMessage = '';
-    let codeErrorMessage = '';
-    const codeRule = {
-        validator: (value)=>/^[a-zA-Z0-9-]+$/.test(value),
-        message: t('需要是英文字符、数字、中划线'),
-        trigger: 'change'
+    const { nameValidator, codeValidator, urlValidator } = useMetaHttp(apiPrefix, spaceId);
+    let asyncErrorMessage = '';
+    const remoteRuleStates = new Map();
+    const getRemoteRuleState = (stateKey)=>{
+        if (!remoteRuleStates.has(stateKey)) {
+            remoteRuleStates.set(stateKey, {
+                controller: null,
+                errorMessage: ''
+            });
+        }
+        return remoteRuleStates.get(stateKey);
     };
-    const getNameRule = (type)=>({
+    const createRemoteRule = (kind, validator, type, { getData, key = 'default' } = {}, getIsSkip)=>{
+        const state = getRemoteRuleState(`${kind}:${type}:${key}`);
+        return {
             validator: function() {
                 var _ref = _async_to_generator(function*(value) {
+                    var _state_controller;
+                    if (getIsSkip === null || getIsSkip === void 0 ? void 0 : getIsSkip()) {
+                        return true;
+                    }
+                    (_state_controller = state.controller) === null || _state_controller === void 0 ? void 0 : _state_controller.abort();
+                    const current = new AbortController();
+                    state.controller = current;
                     try {
-                        nameErrorMessage = '';
-                        const res = yield nameValidator(value, type)();
+                        state.errorMessage = '';
+                        const res = yield validator(value, type, getData === null || getData === void 0 ? void 0 : getData(), current.signal)();
                         return res.data;
                     } catch (error) {
-                        nameErrorMessage = error.message;
+                        if (state.controller !== current) {
+                            return true;
+                        }
+                        state.errorMessage = error.message;
                         return false;
                     }
                 });
@@ -54,24 +70,27 @@ export const useFormRule = (apiPrefix, spaceId)=>{
                     return _ref.apply(this, arguments);
                 };
             }(),
-            message: ()=>nameErrorMessage,
+            message: ()=>state.errorMessage,
             trigger: 'change'
-        });
-    const getCodeRule = (type, getIsEdit, getData)=>({
+        };
+    };
+    const codeRule = {
+        validator: (value)=>/^[a-zA-Z0-9-]+$/.test(value),
+        message: t('需要是英文字符、数字、中划线'),
+        trigger: 'change'
+    };
+    const getNameRule = (type, options)=>createRemoteRule('name', nameValidator, type, options);
+    // 编辑态不校验code
+    const getCodeRule = (type, getIsEdit, options)=>createRemoteRule('code', codeValidator, type, options, getIsEdit);
+    const getUrlRule = (type, options)=>createRemoteRule('url', urlValidator, type, options);
+    const getAsyncRule = (api)=>({
             validator: function() {
                 var _ref = _async_to_generator(function*(value) {
                     try {
-                        codeErrorMessage = '';
-                        // 编辑态不校验code
-                        const isEdit = getIsEdit === null || getIsEdit === void 0 ? void 0 : getIsEdit();
-                        if (isEdit) {
-                            return true;
-                        }
-                        // 新建态校验code
-                        const res = yield codeValidator(value, type, getData === null || getData === void 0 ? void 0 : getData())();
-                        return res.data;
+                        asyncErrorMessage = '';
+                        yield api(value);
                     } catch (error) {
-                        codeErrorMessage = error.message;
+                        asyncErrorMessage = error.message;
                         return false;
                     }
                 });
@@ -79,7 +98,7 @@ export const useFormRule = (apiPrefix, spaceId)=>{
                     return _ref.apply(this, arguments);
                 };
             }(),
-            message: ()=>codeErrorMessage,
+            message: ()=>asyncErrorMessage,
             trigger: 'change'
         });
     const getLengthRule = (label, num)=>({
@@ -95,11 +114,31 @@ export const useFormRule = (apiPrefix, spaceId)=>{
             message: t('需要是http://或者https://开头的字符串'),
             trigger: 'change'
         });
+    const getNumberRule = ()=>({
+            validator: (value)=>!isNaN(+value),
+            message: t('需要是数字'),
+            trigger: 'change'
+        });
+    const getPositiveNumberRule = ()=>({
+            validator: (value)=>!isNaN(+value) && +value > 0,
+            message: t('需要是正数'),
+            trigger: 'change'
+        });
+    const getNonNegativeNumberRule = ()=>({
+            validator: (value)=>!isNaN(+value) && +value >= 0,
+            message: t('不能是负数'),
+            trigger: 'change'
+        });
     return {
         codeRule,
         getApiUrlRule,
         getNameRule,
         getCodeRule,
-        getLengthRule
+        getUrlRule,
+        getAsyncRule,
+        getLengthRule,
+        getNumberRule,
+        getPositiveNumberRule,
+        getNonNegativeNumberRule
     };
 };

package/dist/hooks/use-meta-http.d.ts

@@ -1,11 +1,15 @@
 import { type Ref } from 'vue';
 import { Module } from '@/types/enum';
 export declare const useMetaHttp: (apiPrefix: string, spaceId?: Ref<string>) => {
-    nameValidator: (name: string, type: Module) => () => Promise<{
+    nameValidator: (name: string, type: Module, data?: Record<string, unknown>, signal?: AbortSignal) => () => Promise<{
         data: boolean;
         message: string;
     }>;
-    codeValidator: (code: string, type: Module, data?: Record<string, unknown>) => () => Promise<{
+    codeValidator: (code: string, type: Module, data?: Record<string, unknown>, signal?: AbortSignal) => () => Promise<{
+        data: boolean;
+        message: string;
+    }>;
+    urlValidator: (url: string, type: Module, data?: Record<string, unknown>, signal?: AbortSignal) => () => Promise<{
         data: boolean;
         message: string;
     }>;

package/dist/hooks/use-meta-http.ts.js

@@ -31,24 +31,37 @@ import { transferTagApi2Tag } from '../http/helper/meta.ts.js';
 const metaPerfix = 'meta/v1';
 export const useMetaHttp = (apiPrefix, spaceId)=>{
     // 名称校验
-    const nameValidator = (name, type)=>()=>fetch.get(`${apiPrefix}/${metaPerfix}/name_valid/`, {
+    const nameValidator = (name, type, data, signal)=>()=>fetch.get(`${apiPrefix}/${metaPerfix}/name_valid/`, _object_spread({
                 name,
                 type
-            }, {
+            }, data), {
                 globalError: false,
                 headers: {
                     'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
-                }
+                },
+                signal
             });
     // code校验
-    const codeValidator = (code, type, data)=>()=>fetch.get(`${apiPrefix}/${metaPerfix}/code_valid/`, _object_spread({
+    const codeValidator = (code, type, data, signal)=>()=>fetch.get(`${apiPrefix}/${metaPerfix}/code_valid/`, _object_spread({
                 code,
                 type
             }, data), {
                 globalError: false,
                 headers: {
                     'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
-                }
+                },
+                signal
+            });
+    // url校验
+    const urlValidator = (url, type, data, signal)=>()=>fetch.post(`${apiPrefix}/${metaPerfix}/url_valid/`, _object_spread({
+                url,
+                type
+            }, data), {
+                globalError: false,
+                headers: {
+                    'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+                },
+                signal
             });
     // 获取tag列表
     const getTags = (module)=>fetch.get(`${apiPrefix}/${metaPerfix}/tag/`, {
@@ -81,6 +94,7 @@ export const useMetaHttp = (apiPrefix, spaceId)=>{
     return {
         nameValidator,
         codeValidator,
+        urlValidator,
         getTags,
         plusTag,
         checkTag

package/dist/hooks.d.ts

@@ -12,3 +12,4 @@ export * from './hooks/use-loading-version';
 export * from './hooks/use-collection';
 export * from './hooks/use-scroll-load';
 export * from './hooks/use-clickoutside';
+export * from './hooks/use-form-rule';

package/dist/hooks.ts.js

@@ -12,3 +12,4 @@ export * from './hooks/use-loading-version.ts.js';
 export * from './hooks/use-collection.ts.js';
 export * from './hooks/use-scroll-load.ts.js';
 export * from './hooks/use-clickoutside.ts.js';
+export * from './hooks/use-form-rule.ts.js';

package/dist/i18n/en-US.d.ts

@@ -365,6 +365,9 @@ declare const _default: {
     '\u9700\u8981\u662F\u82F1\u6587\u5B57\u7B26\u3001\u6570\u5B57\u3001\u4E2D\u5212\u7EBF': string;
     '{label}\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC7{num}': string;
     '\u9700\u8981\u662Fhttp://\u6216\u8005https://\u5F00\u5934\u7684\u5B57\u7B26\u4E32': string;
+    需要是数字: string;
+    需要是正数: string;
+    不能是负数: string;
     系统错误: string;
 };
 export default _default;

package/dist/i18n/en-US.ts.js

@@ -365,5 +365,8 @@ export default {
     '需要是英文字符、数字、中划线': 'Must contain only English letters, digits, and hyphens',
     '{label}长度不能超过{num}': '{label} cannot exceed {num} characters',
     '需要是http://或者https://开头的字符串': 'Must start with http:// or https://',
+    需要是数字: 'Must be a number',
+    需要是正数: 'Must be a positive number',
+    不能是负数: 'Cannot be negative',
     系统错误: 'System Error'
 };

package/dist/i18n/zh-CN.d.ts

@@ -365,6 +365,9 @@ declare const _default: {
     '\u9700\u8981\u662F\u82F1\u6587\u5B57\u7B26\u3001\u6570\u5B57\u3001\u4E2D\u5212\u7EBF': string;
     '{label}\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC7{num}': string;
     '\u9700\u8981\u662Fhttp://\u6216\u8005https://\u5F00\u5934\u7684\u5B57\u7B26\u4E32': string;
+    需要是数字: string;
+    需要是正数: string;
+    不能是负数: string;
     系统错误: string;
 };
 export default _default;

package/dist/i18n/zh-CN.ts.js

@@ -365,5 +365,8 @@ export default {
     '需要是英文字符、数字、中划线': '需要是英文字符、数字、中划线',
     '{label}长度不能超过{num}': '{label}长度不能超过{num}',
     '需要是http://或者https://开头的字符串': '需要是http://或者https://开头的字符串',
+    需要是数字: '需要是数字',
+    需要是正数: '需要是正数',
+    不能是负数: '不能是负数',
     系统错误: '系统错误'
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueking/ai-ui-sdk",
-  "version": "0.6.0-beta.13",
+  "version": "0.6.0-beta.15",
   "description": "蓝鲸AI UI SDK",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/components/render-auto-refresh/index.vue.css

@@ -1,46 +0,0 @@
-
-.auto-refresh[data-v-tszutcyn] {
-  position: relative;
-  cursor: pointer;
-  line-height: 26px;
-  padding: 0 4px;
-  white-space: nowrap;
-}
-.auto-refresh[data-v-tszutcyn]:after {
-    content: '';
-    position: absolute;
-    top: 5px;
-    right: -5px;
-    width: 1px;
-    height: 16px;
-    background-color: #dcdee5;
-    z-index: 1;
-}
-.auto-refresh[data-v-tszutcyn]:hover {
-    color: var(--aidev-clickable-color);
-    background-color: #E1ECFF;
-}
-.refresh[data-v-tszutcyn] {
-  cursor: pointer;
-  line-height: 26px;
-  padding: 0 4px;
-}
-.refresh[data-v-tszutcyn]:hover {
-    color: var(--aidev-clickable-color);
-    background-color: #E1ECFF;
-}
-.textarea-list[data-v-tszutcyn] {
-  padding: 4px 0;
-  line-height: 32px;
-  max-height: 300px;
-  position: relative;
-  z-index: 2;
-}
-.textarea-list .textarea-item[data-v-tszutcyn] {
-    padding: 0 12px;
-    cursor: pointer;
-}
-.textarea-list .textarea-item[data-v-tszutcyn]:hover {
-      background: #E1ECFF;
-      color: var(--aidev-clickable-color);
-}