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

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueking/ai-ui-sdk",
-  "version": "0.6.0-beta.13",
+  "version": "0.6.0-beta.14",
   "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);
-}