@blueking/ai-ui-sdk 0.5.1-beta.4 → 0.5.1-beta.6

package/dist/components/render-file-card/index.vue.css

@@ -1,21 +1,21 @@
 
-.upload-file-home[data-v-boxfmklz] {
+.upload-file-home[data-v-jgf9p1dd] {
   position: relative;
   background: #FFFFFF;
-  border: 1px solid #DCDEE5;
-  border-radius: 4px;
+  border: 1px solid var(--aidev-line-strong-color);
+  border-radius: var(--aidev-radius-l);
   padding: 12px 12px 10px 12px;
 }
-.upload-file-home[data-v-boxfmklz]:hover {
-    border: 1px solid #3A84FF;
+.upload-file-home[data-v-jgf9p1dd]:hover {
+    border: 1px solid var(--aidev-clickable-color);
 }
-.upload-file-home:hover .file-icons[data-v-boxfmklz] {
+.upload-file-home:hover .file-icons[data-v-jgf9p1dd] {
       display: flex;
 }
-.upload-file-home .file-icon[data-v-boxfmklz] {
+.upload-file-home .file-icon[data-v-jgf9p1dd] {
     font-size: 32px;
 }
-.upload-file-home .file-content[data-v-boxfmklz] {
+.upload-file-home .file-content[data-v-jgf9p1dd] {
     font-size: 12px;
     flex: 1;
     align-items: flex-start;
@@ -23,28 +23,28 @@
     font-weight: normal;
     width: 0;
 }
-.upload-file-home .file-content .file-name[data-v-boxfmklz] {
+.upload-file-home .file-content .file-name[data-v-jgf9p1dd] {
       width: 100%;
       font-size: 14px;
       line-height: 20px;
 }
-.upload-file-home .file-content .file-size[data-v-boxfmklz] {
+.upload-file-home .file-content .file-size[data-v-jgf9p1dd] {
       font-size: 12px;
-      color: #979BA5;
+      color: var(--aidev-assist-color);
       line-height: 20px;
 }
-.upload-file-home .file-icons[data-v-boxfmklz] {
+.upload-file-home .file-icons[data-v-jgf9p1dd] {
     display: none;
-    color: #979BA5;
+    color: var(--aidev-assist-color);
 }
-.upload-file-home .file-icons .ai-ui-sdk-icon[data-v-boxfmklz]  {
+.upload-file-home .file-icons .ai-ui-sdk-icon[data-v-jgf9p1dd]  {
       cursor: pointer;
       margin-right: 15px;
       font-size: 16px;
 }
-.upload-file-home .file-icons .ai-ui-sdk-icon[data-v-boxfmklz]:hover {
-        color: #3A84FF;
+.upload-file-home .file-icons .ai-ui-sdk-icon[data-v-jgf9p1dd]:hover {
+        color: var(--aidev-clickable-color);
 }
-.upload-file-home .file-icons .ai-ui-sdk-delete[data-v-boxfmklz] {
+.upload-file-home .file-icons .ai-ui-sdk-delete[data-v-jgf9p1dd] {
       margin: 0;
 }

package/dist/components/render-file-card/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-boxfmklz";
+script.__scopeId = "data-v-jgf9p1dd";
 script.__file = "./src/components/render-file-card/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-file-type-icon/index.vue.css

@@ -1,19 +1,19 @@
 
-.ai-ui-sdk-icon.ai-ui-sdk-pdf[data-v-u0y6zmg9] {
-  color: #EA3636;
+.ai-ui-sdk-icon.ai-ui-sdk-pdf[data-v-mce87fma] {
+  color: var(--aidev-alert-danger-icon-color);
 }
-.ai-ui-sdk-icon.ai-ui-sdk-doc-2[data-v-u0y6zmg9], .ai-ui-sdk-icon.ai-ui-sdk-ppt-2[data-v-u0y6zmg9], .ai-ui-sdk-icon.ai-ui-sdk-markdown[data-v-u0y6zmg9] {
-  color: #3A84FF;
+.ai-ui-sdk-icon.ai-ui-sdk-doc-2[data-v-mce87fma], .ai-ui-sdk-icon.ai-ui-sdk-ppt-2[data-v-mce87fma], .ai-ui-sdk-icon.ai-ui-sdk-markdown[data-v-mce87fma] {
+  color: var(--aidev-clickable-color);
 }
-.ai-ui-sdk-icon.ai-ui-sdk-folder-fill[data-v-u0y6zmg9] {
-  color: #C4C6CC;
+.ai-ui-sdk-icon.ai-ui-sdk-folder-fill[data-v-mce87fma] {
+  color: var(--aidev-disabled-color);
 }
-.ai-ui-sdk-icon.ai-ui-sdk-archive-line[data-v-u0y6zmg9] {
-  color: #979BA5;
+.ai-ui-sdk-icon.ai-ui-sdk-archive-line[data-v-mce87fma] {
+  color: var(--aidev-assist-color);
 }
-.ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-u0y6zmg9] {
-  color: #2DCB56;
+.ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-mce87fma] {
+  color: var(--aidev-alert-success-icon-color);
 }
-.ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-u0y6zmg9] {
-  color: #14A568;
+.ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-mce87fma] {
+  color: var(--aidev-generate-public-color);
 }

package/dist/components/render-file-type-icon/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-u0y6zmg9";
+script.__scopeId = "data-v-mce87fma";
 script.__file = "./src/components/render-file-type-icon/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-generate-tag/index.vue.css

@@ -1,22 +1,22 @@
 
-.generate-type-tag[data-v-92ozezm9] {
-  border-radius: 2px;
+.generate-type-tag[data-v-43c3ywum] {
+  border-radius: var(--aidev-radius-s);
   text-align: left;
   white-space: nowrap;
 }
-.generate-type-tag.public[data-v-92ozezm9] {
-    color: #2CAF5E;
-    background-color: #DAF6E5;
+.generate-type-tag.public[data-v-43c3ywum] {
+    color: var(--aidev-generate-public-color);
+    background-color: var(--aidev-generate-public-background);
 }
-.generate-type-tag.public[data-v-92ozezm9]:hover {
-      color: #299E56;
-      background-color: #CBF0DA;
+.generate-type-tag.public[data-v-43c3ywum]:hover {
+      color: var(--aidev-generate-public-hover-color);
+      background-color: var(--aidev-generate-public-hover-background);
 }
-.generate-type-tag.space[data-v-92ozezm9] {
-    color: #45A0A5;
-    background-color: #D8F4F5;
+.generate-type-tag.space[data-v-43c3ywum] {
+    color: var(--aidev-generate-space-color);
+    background-color: var(--aidev-generate-space-background);
 }
-.generate-type-tag.space[data-v-92ozezm9]:hover {
-      color: #388A8E;
-      background-color: #B6E7E9;
+.generate-type-tag.space[data-v-43c3ywum]:hover {
+      color: var(--aidev-generate-space-hover-color);
+      background-color: var(--aidev-generate-space-hover-background);
 }

package/dist/components/render-generate-tag/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-92ozezm9";
+script.__scopeId = "data-v-43c3ywum";
 script.__file = "./src/components/render-generate-tag/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-header/index.script.vue.js.js

@@ -1,20 +1,20 @@
 import { defineComponent as _defineComponent } from 'vue';
 import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, resolveDirective as _resolveDirective, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode } from "vue";
 const _hoisted_1 = {
-    class: "g-shadow-[0_3px_4px_0_#0000000a] g-w-full g-bg-white"
+    class: "g-shadow-[0_3px_4px_0_#0000000a] g-w-full g-bg-[var(--aidev-main-background)]"
 };
 const _hoisted_2 = {
     class: /*@__PURE__*/ _normalizeClass([
         'g-leading-24 g-pt-14 g-pb-14 g-flex-row g-justify-between',
-        'g-border-b-[#EAEBF0] g-pl-24 g-pr-16 !g-h-52'
+        'g-border-b-[var(--aidev-line-strong-color)] g-pl-24 g-pr-16 !g-h-52'
     ])
 };
 const _hoisted_3 = {
-    class: "g-text-black g-text-16"
+    class: "g-text-[var(--aidev-title-color)] g-text-16"
 };
 const _hoisted_4 = {
     key: 0,
-    class: "g-flex-row g-bg-f0f1f5 g-p-4 g-inline-flex-row g-rounded-2"
+    class: "g-flex-row g-bg-[var(--aidev-inner-background)] g-p-4 g-inline-flex-row g-rounded-[var(--aidev-radius)]"
 };
 const _hoisted_5 = [
     "onClick"
@@ -65,10 +65,14 @@ export default /*@__PURE__*/ _defineComponent({
                     !_unref(isEmpty)(props.tabs) ? (_openBlock(), _createElementBlock("ul", _hoisted_4, [
                         (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.tabs, (tab)=>{
                             return _openBlock(), _createElementBlock("li", {
-                                class: _normalizeClass({
-                                    'g-flex-row g-px-12 g-py-2 g-h-24 g-text-12 g-leading-20 !g-cursor-pointer': true,
-                                    'g-text-blue g-bg-white': props.groupType === tab.id
-                                }),
+                                class: _normalizeClass([
+                                    'g-flex-row g-px-12 g-py-2 g-h-24 g-text-12 g-leading-20',
+                                    'g-rounded-[var(--aidev-radius)] !g-cursor-pointer',
+                                    props.groupType === tab.id ? [
+                                        'g-bg-[var(--aidev-main-background)] g-text-[var(--aidev-clickable-color)]',
+                                        'g-shadow-[var(--aidev-card-hover-box-shadow)]'
+                                    ] : 'g-text-[var(--aidev-main-color)] hover:g-bg-[var(--aidev-capsule-hover-background)]'
+                                ]),
                                 key: tab.id,
                                 onClick: ($event)=>handleChoose(tab.id)
                             }, [
@@ -84,7 +88,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 ]) : _createCommentVNode("v-if", true),
                                 _createVNode(_component_bk_loading, {
                                     loading: props.loading,
-                                    color: props.groupType === tab.id ? '#fff' : '#f0f1f5',
+                                    color: props.groupType === tab.id ? 'var(--aidev-main-background)' : 'var(--aidev-inner-background)',
                                     class: "g-number-font",
                                     mode: "spin",
                                     size: "mini",

package/dist/components/render-image/index.script.vue.js.js

@@ -32,7 +32,7 @@ export default /*@__PURE__*/ _defineComponent({
             }), null, 16 /* FULL_PROPS */ , _hoisted_1)) : (_openBlock(), _createElementBlock("i", _mergeProps({
                 key: 1
             }, _ctx.$attrs, {
-                class: `bkaidev-icon bkaidev-${getRenderUrl()} g-text-gray`,
+                class: `bkaidev-icon bkaidev-${getRenderUrl()} g-text-[var(--aidev-assist-color)]`,
                 style: {
                     fontSize: `${__props.size}px`
                 }

package/dist/components/render-knowledge/icon/index.vue.css

@@ -1,4 +1,4 @@
 
-.ai-ui-sdk-icon[data-v-e7ywdtlo] {
-  color: #979ba5;
+.ai-ui-sdk-icon[data-v-lnjud376] {
+  color: var(--aidev-assist-color);
 }

package/dist/components/render-knowledge/icon/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-e7ywdtlo";
+script.__scopeId = "data-v-lnjud376";
 script.__file = "./src/components/render-knowledge/icon/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-knowledge/search/index.script.vue.js.js

@@ -135,7 +135,7 @@ export default /*@__PURE__*/ _defineComponent({
                 "space-id": props.spaceId,
                 module: props.module,
                 "get-menu-list": handleGetMenuList,
-                class: "!g-bg-white",
+                class: "!g-bg-[var(--aidev-main-background)]",
                 "onUpdate:modelValue": handleSearchChange
             }, null, 8 /* PROPS */ , [
                 "data",

package/dist/components/render-knowledgebase/search/index.script.vue.js.js

@@ -78,7 +78,7 @@ export default /*@__PURE__*/ _defineComponent({
                 "space-id": props.spaceId,
                 module: props.module,
                 "get-menu-list": handleGetMenuList,
-                class: "!g-bg-white",
+                class: "!g-bg-[var(--aidev-main-background)]",
                 "onUpdate:modelValue": handleSearchChange
             }, null, 8 /* PROPS */ , [
                 "data",

package/dist/components/render-markdown/edit.postcss.css

@@ -3,13 +3,22 @@
   font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  color: #4d4f56;
+  color: var(--aidev-main-color);
+}
+
+.toastui-editor-defaultUI {
+  border-color: var(--aidev-form-border-color);
 }
 
 .toastui-editor-defaultUI .toastui-editor-toolbar {
     height: 40px;
   }
 
+.toastui-editor-defaultUI .toastui-editor-ww-container,
+  .toastui-editor-defaultUI .toastui-editor-md-container {
+    border-radius: 0 0 3px 3px;
+  }
+
 .toastui-editor-defaultUI .ProseMirror {
     padding: 12px 16px;
     overflow-y: auto;
@@ -87,6 +96,23 @@
     line-height: 40px;
   }
 
+.full-screen-wrap:not(.is-disabled) .toastui-editor-defaultUI:hover {
+  border-color: var(--aidev-form-hover-border-color);
+}
+
+.full-screen-wrap:not(.is-disabled) .toastui-editor-defaultUI:focus-within {
+  border-color: var(--aidev-form-active-border-color);
+}
+
 .bk-form-item.is-error .toastui-editor-defaultUI {
-    border: 1px solid #ea3636 !important;
+    border: 1px solid var(--aidev-form-error-border-color) !important;
   }
+
+.toastui-editor-contents .placeholder,
+.toastui-editor-ww-container .placeholder,
+.toastui-editor-defaultUI .ProseMirror .placeholder,
+.toastui-editor-md-container textarea::placeholder,
+.toastui-editor textarea::placeholder {
+  color: var(--aidev-form-placeholder-color);
+  opacity: 1;
+}

package/dist/components/render-markdown/prism-atom-one-dark.postcss.css

@@ -36,7 +36,7 @@ pre[class*='language-'] {
 
 :not(pre) > code[class*='language-'] {
   padding: 2px 6px;
-  border-radius: 4px;
+  border-radius: var(--aidev-radius);
   color: #e06c75;
 }
 

package/dist/components/render-markdown/view.postcss.css

@@ -31,7 +31,7 @@
   .toastui-editor .toastui-editor-contents td,
   .toastui-editor-md-preview .toastui-editor-contents p,
   .toastui-editor-md-preview .toastui-editor-contents td {
-    color: #4d4f56;
+    color: var(--aidev-main-color);
   }
 
   .aidev-markdown-preview .toastui-editor-contents h1, .toastui-editor .toastui-editor-contents h1, .toastui-editor-md-preview .toastui-editor-contents h1 {
@@ -67,7 +67,7 @@
 
   .aidev-markdown-preview .toastui-editor-contents table th, .toastui-editor .toastui-editor-contents table th, .toastui-editor-md-preview .toastui-editor-contents table th {
       background-color: #fff;
-      color: #4d4f56;
+      color: var(--aidev-main-color);
       font-weight: bold;
     }
 
@@ -89,11 +89,11 @@
     float: right;
     margin: -25px -12px 0 0;
     font-size: 14px;
-    color: #979ba5;
+    color: var(--aidev-assist-color);
     cursor: pointer;
     user-select: none;
   }
 
   .aidev-markdown-preview .toastui-editor-contents .markdown-code-copy-button:hover, .toastui-editor .toastui-editor-contents .markdown-code-copy-button:hover, .toastui-editor-md-preview .toastui-editor-contents .markdown-code-copy-button:hover {
-      color: #3a84ff;
+      color: var(--aidev-clickable-color);
     }

package/dist/components/render-mcp/install/index.script.vue.js.js

@@ -4,7 +4,7 @@ const _hoisted_1 = {
     class: "g-flex-row"
 };
 const _hoisted_2 = {
-    class: "g-text-14 g-text-gray"
+    class: "g-text-14 g-text-[var(--aidev-assist-color)]"
 };
 import { ref, toRef, watch } from 'vue';
 import RenderInstallGuide from './install-guide.vue.js';
@@ -93,11 +93,11 @@ export default /*@__PURE__*/ _defineComponent({
                     ]),
                 default: _withCtx(()=>[
                         _createVNode(_component_bk_form, {
-                            "form-type": "vertical",
-                            class: "g-small-form g-small-gap-form",
                             model: {
                                 selectedInstallTargetType: selectedInstallTargetType.value
-                            }
+                            },
+                            "form-type": "vertical",
+                            class: "g-small-form g-small-gap-form"
                         }, {
                             default: _withCtx(()=>[
                                     _createVNode(_component_bk_form_item, {
@@ -109,11 +109,11 @@ export default /*@__PURE__*/ _defineComponent({
                                                 _createVNode(_component_bk_select, {
                                                     modelValue: selectedInstallTargetType.value,
                                                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>selectedInstallTargetType.value = $event),
-                                                    "id-key": "targetType",
-                                                    "display-key": "displayName",
                                                     list: installTargets.value,
                                                     loading: isLoadingInstallTargets.value,
-                                                    clearable: false
+                                                    clearable: false,
+                                                    "id-key": "targetType",
+                                                    "display-key": "displayName"
                                                 }, null, 8 /* PROPS */ , [
                                                     "modelValue",
                                                     "list",

package/dist/components/render-mcp/search/index.script.vue.js.js

@@ -62,7 +62,7 @@ export default /*@__PURE__*/ _defineComponent({
                 "space-id": props.spaceId,
                 module: props.module,
                 "get-menu-list": handleGetMenuList,
-                class: "!g-bg-white",
+                class: "!g-bg-[var(--aidev-main-background)]",
                 placeholder: "搜索中英文名称、描述、更新人",
                 "onUpdate:modelValue": handleSearchChange
             }, null, 8 /* PROPS */ , [

package/dist/components/render-permission-tag/index.script.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { unref as _unref, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, createElementBlock as _createElementBlock, createVNode as _createVNode, normalizeClass as _normalizeClass } from "vue";
+import { unref as _unref, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, createVNode as _createVNode } from "vue";
 const _hoisted_1 = {
     class: /*@__PURE__*/ _normalizeClass([
         'g-whitespace-pre-line g-leading-22 g-font-normal',
@@ -9,6 +9,9 @@ const _hoisted_1 = {
 const _hoisted_2 = {
     key: 1
 };
+const _hoisted_3 = [
+    "user-id"
+];
 import { handleCopy } from '../../common/util.ts.js';
 import { ResourceStatus } from '../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
@@ -25,7 +28,6 @@ export default /*@__PURE__*/ _defineComponent({
         return (_ctx, _cache)=>{
             const _component_bk_tag = _resolveComponent("bk-tag");
             const _component_bk_button = _resolveComponent("bk-button");
-            const _component_bk_user_display_name = _resolveComponent("bk-user-display-name");
             const _component_bk_popover = _resolveComponent("bk-popover");
             return __props.status === _unref(ResourceStatus).NoPermission ? (_openBlock(), _createBlock(_component_bk_tag, _mergeProps({
                 key: 0
@@ -73,11 +75,9 @@ export default /*@__PURE__*/ _defineComponent({
                             })) : _createCommentVNode("v-if", true),
                             __props.ticketUrl ? (_openBlock(), _createElementBlock("span", _hoisted_2, " ，")) : _createCommentVNode("v-if", true),
                             _cache[4] || (_cache[4] = _createTextVNode("联系", -1 /* CACHED */ )),
-                            _createVNode(_component_bk_user_display_name, {
+                            _createElementVNode("bk-user-display-name", {
                                 "user-id": (_a = props.approvers) === null || _a === void 0 ? void 0 : _a.join(';')
-                            }, null, 8 /* PROPS */ , [
-                                "user-id"
-                            ]),
+                            }, null, 8 /* PROPS */ , _hoisted_3),
                             _cache[5] || (_cache[5] = _createTextVNode("审批 ", -1 /* CACHED */ ))
                         ])
                     ];

package/dist/components/render-prompt/actions/index.script.vue.js.js

@@ -237,7 +237,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 text: props.isTextButton,
                                 class: _normalizeClass([
                                     '!g-p-5',
-                                    props.isTextButton ? 'hover:!g-bg-[#dcdee5] hover:!g-rounded-4' : ''
+                                    props.isTextButton ? 'hover:!g-bg-[var(--aidev-icon-light-hover-background)] hover:!g-rounded-[var(--aidev-radius)]' : ''
                                 ]),
                                 size: "small",
                                 onClick: _cache[1] || (_cache[1] = _withModifiers(()=>{}, [

package/dist/components/render-prompt/content/index.vue.css

@@ -1,6 +1,6 @@
 
-.resource-card-description[data-v-o352bz5w] {
-  color: #4D4F56;
+.resource-card-description[data-v-95xvxinz] {
+  color: var(--aidev-main-color);
   height: 120px;
   white-space: pre-wrap;
   word-break: break-all;

package/dist/components/render-prompt/content/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-o352bz5w";
+script.__scopeId = "data-v-95xvxinz";
 script.__file = "./src/components/render-prompt/content/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-prompt/search/index.script.vue.js.js

@@ -56,7 +56,7 @@ export default /*@__PURE__*/ _defineComponent({
         };
         return (_ctx, _cache)=>{
             return _openBlock(), _createBlock(RenderSearchSelect, {
-                class: "!g-bg-white",
+                class: "!g-bg-[var(--aidev-main-background)]",
                 placeholder: __props.isShowAllSearchOptions ? '搜索中英文名称、内容、更新人' : '搜索中英文名称、内容',
                 "model-value": props.search,
                 data: searchOptions.value,

package/dist/components/render-reference/index.script.vue.js

@@ -31,12 +31,12 @@ const _hoisted_1 = {
     class: "g-flex-row"
 };
 const _hoisted_2 = {
-    class: "g-text-14 g-text-gray"
+    class: "g-text-14 g-text-[var(--aidev-assist-color)]"
 };
 const _hoisted_3 = {
     class: "reference-table"
 };
-import { ref, toRef, watch } from 'vue';
+import { computed, ref, toRef, watch } from 'vue';
 import RenderTTable from '../render-t-table/index.vue.js';
 import { useAgentHttp } from '../../hooks/use-agent-http.ts.js';
 import { useCollectionHttp } from '../../hooks/use-collection-http.ts.js';
@@ -188,7 +188,7 @@ export default /*@__PURE__*/ _defineComponent({
                 name: 'CR'
             }
         ];
-        const getColumns = ()=>tableDataMap.value[radioGroupValue.value].columns.map((column, index)=>({
+        const columns = computed(()=>tableDataMap.value[radioGroupValue.value].columns.map((column, index)=>({
                     title: column.title,
                     colKey: column.colKey,
                     className: '!g-h-32',
@@ -213,7 +213,7 @@ export default /*@__PURE__*/ _defineComponent({
                             ]);
                         }
                         if (column.colKey === 'updatedBy') {
-                            return _createVNode2(_resolveComponent2("bk-user-display-name"), {
+                            return _createVNode2("bk-user-display-name", {
                                 "user-id": row[column.colKey]
                             }, null);
                         }
@@ -221,7 +221,7 @@ export default /*@__PURE__*/ _defineComponent({
                             row[column.colKey]
                         ]);
                     }
-                }));
+                })));
         // 获取本类型的数据长度
         const getTableLength = (id)=>{
             return tableDataMap.value[id].data.length;
@@ -374,7 +374,7 @@ export default /*@__PURE__*/ _defineComponent({
                             ])) : _createCommentVNode("v-if", true),
                             _createVNode(RenderTTable, {
                                 "row-key": (_b = (_a = tableDataMap.value[radioGroupValue.value].columns) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.colKey,
-                                columns: getColumns(),
+                                columns: columns.value,
                                 loading: loading.value,
                                 data: tableDataMap.value[radioGroupValue.value].data
                             }, null, 8 /* PROPS */ , [

package/dist/components/render-reference/index.vue.css

@@ -1,8 +1,8 @@
 
-.reference-table[data-v-5y8kgoim]{
+.reference-table[data-v-wi1agtan]{
   padding: 18px 24px;
 }
-.bk-radio-button[data-v-5y8kgoim]{
+.bk-radio-button[data-v-wi1agtan]{
   flex: 1;
   text-align: center;
 }

package/dist/components/render-reference/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js';
-script.__scopeId = "data-v-5y8kgoim";
+script.__scopeId = "data-v-wi1agtan";
 script.__file = "./src/components/render-reference/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-relate-agent/index.script.vue.js

@@ -26,7 +26,7 @@ var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, gener
     });
 };
 import { defineComponent as _defineComponent, createVNode as _createVNode2 } from 'vue';
-import { renderSlot as _renderSlot, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, resolveDirective as _resolveDirective, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, withDirectives as _withDirectives, createElementVNode as _createElementVNode, createVNode as _createVNode, unref as _unref } from "vue";
+import { renderSlot as _renderSlot, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, resolveDirective as _resolveDirective, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, withDirectives as _withDirectives, createElementVNode as _createElementVNode, createVNode as _createVNode, unref as _unref, normalizeClass as _normalizeClass } from "vue";
 const _hoisted_1 = {
     class: "g-flex-row g-justify-end g-mt-16"
 };
@@ -463,7 +463,7 @@ export default /*@__PURE__*/ _defineComponent({
             }, {
                 content: _withCtx(()=>[
                         _cache[5] || (_cache[5] = _createElementVNode("span", {
-                            class: "g-text-16 g-text-black g-leading-24"
+                            class: "g-text-16 g-text-[var(--aidev-title-color)] g-leading-24"
                         }, " 关联至智能体 ", -1 /* CACHED */ )),
                         _createVNode(_component_bk_form, {
                             model: formData.value,
@@ -567,8 +567,10 @@ export default /*@__PURE__*/ _defineComponent({
                             }, {
                                 default: _withCtx(()=>[
                                         _createVNode(_component_bk_button, {
+                                            class: _normalizeClass({
+                                                'g-main-button': true
+                                            }),
                                             loading: isLoadingConfirm.value,
-                                            theme: "primary",
                                             onClick: handleConfirm
                                         }, {
                                             default: _withCtx(()=>[

package/dist/components/render-resource-info/index.script.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as _defineComponent, Fragment as _Fragment, createTextVNode as _createTextVNode, createVNode as _createVNode, resolveComponent as _resolveComponent } from 'vue';
+import { defineComponent as _defineComponent, Fragment as _Fragment, createTextVNode as _createTextVNode, createVNode as _createVNode } from 'vue';
 import { unref as _unref, normalizeClass as _normalizeClass, resolveDirective as _resolveDirective, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
 const _hoisted_1 = {
     key: 0,
     class: /*@__PURE__*/ _normalizeClass([
         'ai-ui-sdk-icon ai-ui-sdk-info-line',
-        'g-text-gray !g-cursor-pointer hover:g-text-normal',
+        'g-text-[var(--aidev-assist-color)] !g-cursor-pointer hover:g-text-[var(--aidev-main-color)]',
         'g-text-14'
     ])
 };
@@ -44,7 +44,7 @@ export default /*@__PURE__*/ _defineComponent({
                 props.type !== ResourceCardType.Record ? _createVNode(_Fragment, null, [
                     _createVNode("h5", null, [
                         _createTextVNode("\u66F4\u65B0\u4EBA\uFF1A"),
-                        _createVNode(_resolveComponent("bk-user-display-name"), {
+                        _createVNode("bk-user-display-name", {
                             "user-id": props.updatedBy
                         }, null)
                     ]),
@@ -63,7 +63,7 @@ export default /*@__PURE__*/ _defineComponent({
                 props.type === ResourceCardType.Application ? _createVNode(_Fragment, null, [
                     _createVNode("h5", null, [
                         _createTextVNode("\u7533\u8BF7\u4EBA\uFF1A"),
-                        _createVNode(_resolveComponent("bk-user-display-name"), {
+                        _createVNode("bk-user-display-name", {
                             "user-id": props.appliedBy
                         }, null)
                     ]),

package/dist/components/render-resource-version/index.vue.css

@@ -1,11 +1,11 @@
 
-.resource-version[data-v-6h1dws1g] {
-  border-radius: 2px;
+.resource-version[data-v-virvn9mg] {
+  border-radius: var(--aidev-radius-s);
   text-align: left;
-  color: #4D4F56;
-  background-color: #F0F1F5;
+  color: var(--aidev-tag-color);
+  background-color: var(--aidev-tag-background);
   white-space: nowrap;
 }
-.resource-version .bkaidev-rizhifenxi[data-v-6h1dws1g] {
-    color: #3A84FF;
+.resource-version .bkaidev-rizhifenxi[data-v-virvn9mg] {
+    color: var(--aidev-clickable-color);
 }