@blueking/ai-ui-sdk 0.4.3-beta.25 → 0.4.3-beta.27

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

@@ -1,8 +1,8 @@
 
-.reference-table[data-v-turn2i8q]{
+.reference-table[data-v-q99olnzg]{
   padding: 18px 24px;
 }
-.bk-radio-button[data-v-turn2i8q]{
+.bk-radio-button[data-v-q99olnzg]{
   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-turn2i8q";
+script.__scopeId = "data-v-q99olnzg";
 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"
 };
@@ -69,7 +69,11 @@ export default /*@__PURE__*/ _defineComponent({
         const { getAgent, getAgentList, updateAgent, getAgentMcpPermission, resourceApply } = useAgentHttp(props.apiPrefix, toRef(props, 'spaceId'));
         const { getResourceAuthorizedSpaces } = useSpaceHttp(props.apiPrefix, toRef(props, 'spaceId'));
         const { handleInitClickoutside } = useClickoutside();
+        const { handleInitClickoutside: handleInitSpaceSelectClickoutside } = useClickoutside();
+        const { handleInitClickoutside: handleInitAgentSelectClickoutside } = useClickoutside();
         const formRef = ref();
+        const spaceSelectRef = ref();
+        const agentSelectRef = ref();
         const variableFormRef = ref();
         const agents = ref([]);
         const spaces = ref([]);
@@ -174,6 +178,16 @@ export default /*@__PURE__*/ _defineComponent({
         const handleClickOutside = ()=>{
             handleClose();
         };
+        const handleSpaceSelectClickOutside = ()=>{
+            var _a, _b;
+            (_a = spaceSelectRef.value) === null || _a === void 0 ? void 0 : _a.hidePopover();
+            (_b = spaceSelectRef.value) === null || _b === void 0 ? void 0 : _b.handleBlur();
+        };
+        const handleAgentSelectClickOutside = ()=>{
+            var _a, _b;
+            (_a = agentSelectRef.value) === null || _a === void 0 ? void 0 : _a.hidePopover();
+            (_b = agentSelectRef.value) === null || _b === void 0 ? void 0 : _b.handleBlur();
+        };
         const handleUpdateEnvs = (data)=>{
             renderEnvs.value = [
                 ...data
@@ -427,6 +441,8 @@ export default /*@__PURE__*/ _defineComponent({
             isShowConfirm.value = false;
         };
         handleInitClickoutside('render-relate-agent-popover', handleClickOutside);
+        handleInitSpaceSelectClickoutside('space-select', handleSpaceSelectClickOutside);
+        handleInitAgentSelectClickoutside('agent-select', handleAgentSelectClickOutside);
         watch(()=>formData.value.selectedAgentId, handleCheckConfirm);
         return (_ctx, _cache)=>{
             const _component_bk_button = _resolveComponent("bk-button");
@@ -470,8 +486,12 @@ export default /*@__PURE__*/ _defineComponent({
                                                     loading: isLoadingSpaces.value,
                                                     list: spaces.value,
                                                     "popover-options": {
-                                                        boundary: 'parent'
+                                                        boundary: 'parent',
+                                                        extCls: 'space-select'
                                                     },
+                                                    class: "space-select",
+                                                    ref_key: "spaceSelectRef",
+                                                    ref: spaceSelectRef,
                                                     filterable: "",
                                                     "id-key": "spaceId",
                                                     "display-key": "spaceName",
@@ -498,8 +518,12 @@ export default /*@__PURE__*/ _defineComponent({
                                                     list: agents.value,
                                                     loading: isLoadingAgents.value,
                                                     "popover-options": {
-                                                        boundary: 'parent'
+                                                        boundary: 'parent',
+                                                        extCls: 'agent-select'
                                                     },
+                                                    class: "agent-select",
+                                                    ref_key: "agentSelectRef",
+                                                    ref: agentSelectRef,
                                                     filterable: "",
                                                     "id-key": "id",
                                                     "display-key": "agentName"
@@ -543,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-version/index.vue.css

@@ -1,11 +1,11 @@
 
-.resource-version[data-v-w0hkv84j] {
+.resource-version[data-v-s4av011r] {
   border-radius: 2px;
   text-align: left;
   color: #4D4F56;
   background-color: #F0F1F5;
   white-space: nowrap;
 }
-.resource-version .bkaidev-rizhifenxi[data-v-w0hkv84j] {
+.resource-version .bkaidev-rizhifenxi[data-v-s4av011r] {
     color: #3A84FF;
 }

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

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

package/dist/components/render-router-tab/index.vue.css

@@ -1,12 +1,12 @@
 
-.router-tab[data-v-8wv9eo61] {
+.router-tab[data-v-iqf8pfon] {
   margin-top: 2px;
   height: 42px;
   background: #FFFFFF;
   box-shadow: 0 2px 4px 0 #1919290d;
   padding: 0 24px;
 }
-.router-tab a[data-v-8wv9eo61] {
+.router-tab a[data-v-iqf8pfon] {
     padding: 0 8px;
     margin-right: 24px;
     font-size: 14px;
@@ -15,7 +15,7 @@
     color: #4D4F56;
     box-sizing: border-box;
 }
-.router-tab a.router-link-exact-active[data-v-8wv9eo61] {
-      color: #3A84FF;
-      border-bottom: 2px solid #3A84FF;
+.router-tab a.router-link-exact-active[data-v-iqf8pfon] {
+      color: var(--aidev-clickable-color);
+      border-bottom: 2px solid var(--aidev-clickable-color);
 }

package/dist/components/render-router-tab/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-8wv9eo61";
+script.__scopeId = "data-v-iqf8pfon";
 script.__file = "./src/components/render-router-tab/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -51,7 +51,7 @@ export default /*@__PURE__*/ _defineComponent({
                 !_unref(isEmpty)(props.search) ? (_openBlock(), _createElementBlock("div", _hoisted_2, [
                     _cache[0] || (_cache[0] = _createTextVNode(" 可以尝试调整筛选条件或 ", -1 /* CACHED */ )),
                     _createElementVNode("button", {
-                        class: "g-text-blue !g-cursor-pointer g-ml-4",
+                        class: "g-text-[var(--aidev-clickable-color)] !g-cursor-pointer g-ml-4",
                         onClick: handleClearSearch
                     }, " 清空筛选条件 ")
                 ])) : _createCommentVNode("v-if", true)

package/dist/components/render-select-plus-extension/index.vue.css

@@ -1,5 +1,5 @@
 
-.select-plus-extension[data-v-3d1f6ojv] {
+.select-plus-extension[data-v-0mb6o72l] {
   cursor: pointer;
   width: 100%;
   display: flex;
@@ -8,10 +8,10 @@
   font-size: 12px;
   line-height: 20px;
 }
-.select-plus-extension .ai-ui-sdk-icon[data-v-3d1f6ojv]  {
+.select-plus-extension .ai-ui-sdk-icon[data-v-0mb6o72l]  {
     font-size: 14px;
     margin-right: 6px;
 }
-.select-plus-extension[data-v-3d1f6ojv]:hover {
-    color: #3A84FF;
+.select-plus-extension[data-v-0mb6o72l]:hover {
+    color: var(--aidev-clickable-color);
 }

package/dist/components/render-select-plus-extension/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-3d1f6ojv";
+script.__scopeId = "data-v-0mb6o72l";
 script.__file = "./src/components/render-select-plus-extension/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -2,7 +2,7 @@ import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, normalizeClass as _normalizeClass, resolveDirective as _resolveDirective, withCtx as _withCtx, withDirectives as _withDirectives, createVNode as _createVNode, Fragment as _Fragment } from "vue";
 const _hoisted_1 = {
     key: 0,
-    class: "g-mr-4 g-w-16 g-h-16 g-min-w-16 g-fill-3a84ff g-rotate-infinite"
+    class: "g-mr-4 g-w-16 g-h-16 g-min-w-16 g-fill-[var(--aidev-clickable-color)] g-rotate-infinite"
 };
 const _hoisted_2 = {
     key: 1,
@@ -261,7 +261,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-[#dcdee5] hover:!g-rounded-[var(--aidev-radius)]' : ''
                                     ]),
                                     size: "small",
                                     onClick: _cache[1] || (_cache[1] = _withModifiers(()=>{}, [

package/dist/components/render-skill/install/openclaw-windows-instances.script.vue.js.js

@@ -92,14 +92,14 @@ export default /*@__PURE__*/ _defineComponent({
                 default: _withCtx(()=>[
                         (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(openclawWindowsInstances.value, (instance, index)=>{
                             return _openBlock(), _createElementBlock("section", {
-                                key: instance.hostName,
                                 class: _normalizeClass([
-                                    'g-flex-row g-rounded-2',
+                                    'g-flex-row g-rounded-[var(--aidev-radius)]',
                                     'g-pt-12 g-pb-12 !g-pr-16 g-pl-12',
                                     '!g-bg-dark-gray hover:!g-bg-light-blue',
                                     index > 0 ? 'g-mt-10' : '',
                                     isLoadingInstanceStatus.value ? 'g-disabled' : 'g-cursor-pointer'
                                 ]),
+                                key: instance.hostName,
                                 onClick: ($event)=>handleSelectOpenclawWindowsInstance(instance)
                             }, [
                                 _createElementVNode("section", _hoisted_2, [

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

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

package/dist/components/render-t-table/index.script.vue.js

@@ -137,7 +137,7 @@ export default /*@__PURE__*/ _defineComponent(Object.assign({
                             originalContent
                         ]),
                         _createVNode2("i", {
-                            "class": 'ai-ui-sdk-icon ai-ui-sdk-setting-2 g-text-14 g-text-light-gray hover:!g-text-blue g-ml-4 !g-cursor-pointer',
+                            "class": 'ai-ui-sdk-icon ai-ui-sdk-setting-2 g-text-14 g-text-light-gray hover:!g-text-[var(--aidev-clickable-color)] g-ml-4 !g-cursor-pointer',
                             "onClick": ()=>showSetting()
                         }, null)
                     ]);

package/dist/components/render-t-table/index.vue.css

@@ -1,12 +1,12 @@
 
-.t-t-pagination[data-v-i4ymd422] {
+.t-t-pagination[data-v-e4lhkmya] {
   position: relative;
   padding: 16px 16px 0 16px;
 }
-.t-t-pagination[data-v-i4ymd422] .bk-pagination-list.is-last {
+.t-t-pagination[data-v-e4lhkmya] .bk-pagination-list.is-last {
     margin-left: auto;
 }
-.pagination-loading[data-v-i4ymd422]::after {
+.pagination-loading[data-v-e4lhkmya]::after {
     content: '';
     position: absolute;
     top: 0;
@@ -16,106 +16,107 @@
     background-color: rgba(255, 255, 255, 0.6);
     z-index: 72;
 }
-.pagination-border[data-v-i4ymd422] {
-  border-right: 1px solid #dcdee5;
-  border-left: 1px solid #dcdee5;
-  border-bottom: 1px solid #dcdee5;
+.pagination-border[data-v-e4lhkmya] {
+  border-right: 1px solid var(--aidev-table-line-color);
+  border-left: 1px solid var(--aidev-table-line-color);
+  border-bottom: 1px solid var(--aidev-table-line-color);
   padding-bottom: 16px;
 }
-.t-t-table[data-v-i4ymd422] {
+.t-t-table[data-v-e4lhkmya] {
   display: inline;
   font-size: 12px;
+  --td-component-border: var(--aidev-table-line-color);
 }
-.t-t-table[data-v-i4ymd422] .t-table__header {
+.t-t-table[data-v-e4lhkmya] .t-table__header {
     overflow: visible !important;
 }
-.t-t-table[data-v-i4ymd422] .t-table__th-cell-inner {
+.t-t-table[data-v-e4lhkmya] .t-table__th-cell-inner {
     color: #313238;
 }
-.t-t-table[data-v-i4ymd422] th {
+.t-t-table[data-v-e4lhkmya] th {
     padding: 0 16px;
     height: 42px;
     background-color: #FAFBFD !important;
 }
-.t-t-table[data-v-i4ymd422] .t-table__header th:hover {
+.t-t-table[data-v-e4lhkmya] .t-table__header th:hover {
     background-color: #f0f1f5 !important;
 }
-.t-t-table[data-v-i4ymd422] thead.t-table__header:hover th:not(:last-child) {
+.t-t-table[data-v-e4lhkmya] thead.t-table__header:hover th:not(:last-child) {
     border-right-color: transparent !important;
 }
-.t-t-table[data-v-i4ymd422] thead.t-table__header:hover th {
+.t-t-table[data-v-e4lhkmya] thead.t-table__header:hover th {
     border-top-color: transparent !important;
 }
-.t-t-table[data-v-i4ymd422] .t-table__body tr {
+.t-t-table[data-v-e4lhkmya] .t-table__body tr {
     color: #63656e;
     font-size: 12px;
 }
-.t-t-table[data-v-i4ymd422] .t-table__body tr td {
+.t-t-table[data-v-e4lhkmya] .t-table__body tr td {
       padding: 0 16px;
       height: 40px;
 }
-.t-t-table[data-v-i4ymd422] .t-table__body tr:hover td {
+.t-t-table[data-v-e4lhkmya] .t-table__body tr:hover td {
     background-color: #f5f7fa !important;
     color: #63656E;
 }
-.t-t-table[data-v-i4ymd422] .t-table__content .t-table__body .t-table__empty-row {
+.t-t-table[data-v-e4lhkmya] .t-table__content .t-table__body .t-table__empty-row {
     background-color: #fff !important;
 }
-.t-t-table[data-v-i4ymd422] .t-table__content .t-table__body .t-table__empty-row >td {
+.t-t-table[data-v-e4lhkmya] .t-table__content .t-table__body .t-table__empty-row >td {
       border: none;
 }
-.t-t-table[data-v-i4ymd422] th .t-table__ellipsis {
+.t-t-table[data-v-e4lhkmya] th .t-table__ellipsis {
     width: auto !important;
 }
-.t-t-table[data-v-i4ymd422] .t-loading__gradient.t-icon-loading {
+.t-t-table[data-v-e4lhkmya] .t-loading__gradient.t-icon-loading {
     display: none;
 }
-.t-t-table.t-table__content--scrollable-to-right[data-v-i4ymd422] th.t-table__cell--fixed-right-first::after,
-    .t-t-table.t-table__content--scrollable-to-right[data-v-i4ymd422] td.t-table__cell--fixed-right-first::after {
-      border-left: 2px solid #dcdee5;
+.t-t-table.t-table__content--scrollable-to-right[data-v-e4lhkmya] th.t-table__cell--fixed-right-first::after,
+    .t-t-table.t-table__content--scrollable-to-right[data-v-e4lhkmya] td.t-table__cell--fixed-right-first::after {
+      border-left: 2px solid var(--aidev-table-line-color);
 }
-.t-t-table[data-v-i4ymd422] .t-table__affixed-header-elm-wrap>div {
+.t-t-table[data-v-e4lhkmya] .t-table__affixed-header-elm-wrap>div {
       width: 100% !important;
       scrollbar-width: none;
 }
-.t-t-table[data-v-i4ymd422] .t-table--layout-fixed{
+.t-t-table[data-v-e4lhkmya] .t-table--layout-fixed{
     width: 100% !important;
 }
-.t-t-table[data-v-i4ymd422] .bk-exception-description{
+.t-t-table[data-v-e4lhkmya] .bk-exception-description{
     margin-bottom: 0;
 }
-.t-t-table[data-v-i4ymd422] .t-table__content{
+.t-t-table[data-v-e4lhkmya] .t-table__content{
     z-index: 2;
     max-height: 100%;
     overflow: auto;
 }
-.t-t-table[data-v-i4ymd422] .t-table__content::-webkit-scrollbar {
+.t-t-table[data-v-e4lhkmya] .t-table__content::-webkit-scrollbar {
       width: 6px;
       height: 6px;
 }
-.t-t-table[data-v-i4ymd422] .t-table__content::-webkit-scrollbar-thumb {
+.t-t-table[data-v-e4lhkmya] .t-table__content::-webkit-scrollbar-thumb {
       width: 6px;
       height: 6px;
       border-radius: 3px;
       background-color: #dcdee5;
 }
-.t-t-table[data-v-i4ymd422] .t-table__content::-webkit-scrollbar-thumb:hover {
+.t-t-table[data-v-e4lhkmya] .t-table__content::-webkit-scrollbar-thumb:hover {
         background-color: #979ba5;
 }
-.t-t-table[data-v-i4ymd422] .t-table__ellipsis.t-text-ellipsis:has(.checkbox){
+.t-t-table[data-v-e4lhkmya] .t-table__ellipsis.t-text-ellipsis:has(.checkbox){
     line-height: 100%;
 }
-.t-t-table[data-v-i4ymd422] .t-table__cell--sort-trigger.t-table__double-icons{
+.t-t-table[data-v-e4lhkmya] .t-table__cell--sort-trigger.t-table__double-icons{
     gap: 5px;
 }
-.t-t-table[data-v-i4ymd422] .t-table__sort-icon--active>i{
-    color: #3a84ff !important;
+.t-t-table[data-v-e4lhkmya] .t-table__sort-icon--active>i{
+    color: var(--aidev-clickable-color) !important;
 }
-.t-t-table[data-v-i4ymd422] .t-table__cell--fixed-left:has(.checkbox){
+.t-t-table[data-v-e4lhkmya] .t-table__cell--fixed-left:has(.checkbox){
     line-height: 100%;
 }
-.t-t-table[data-v-i4ymd422] .t-table__filter-icon.t-is-focus>span{
-    color: #3a84ff !important;
+.t-t-table[data-v-e4lhkmya] .t-table__filter-icon.t-is-focus>span{
+    color: var(--aidev-clickable-color) !important;
 }
 
 
@@ -197,7 +198,7 @@
     align-items: center;
 }
 .t-table-dialog .t-dialog__footer .t-button--theme-primary {
-      background-color: #3a84ff;
+      background-color: var(--aidev-clickable-color);
       border: none;
 }
 .t-table-dialog .t-dialog__footer .t-button--theme-default {
@@ -214,10 +215,10 @@
     gap: 16px;
 }
 .t-table-dialog .t-checkbox.t-is-checked .t-checkbox__input {
-      background: #3a84ff;
+      background: var(--aidev-clickable-color);
       border: 1px solid hsl(223, 7%, 62%);
 }
 .t-table-dialog .t-checkbox.t-is-indeterminate .t-checkbox__input {
-      background: #3a84ff;
+      background: var(--aidev-clickable-color);
       border: 1px solid #979ba5;
 }

package/dist/components/render-t-table/index.vue.js

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

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

@@ -30,7 +30,7 @@ function _async_to_generator(fn) {
 import { defineComponent as _defineComponent } from 'vue';
 import { resolveComponent as _resolveComponent, createVNode as _createVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveDirective as _resolveDirective, withCtx as _withCtx, createBlock as _createBlock, withDirectives as _withDirectives } from "vue";
 const _hoisted_1 = {
-    class: "!g-h-full !g-bg-white g-p-12"
+    class: "!g-h-full !g-bg-[var(--aidev-main-background)] g-p-12"
 };
 const _hoisted_2 = {
     class: "g-flex-row manage-tree-item"
@@ -160,11 +160,11 @@ export default /*@__PURE__*/ _defineComponent({
             const _directive_bkloading = _resolveDirective("bkloading");
             return _openBlock(), _createElementBlock("section", _hoisted_1, [
                 _createVNode(_component_bk_input, {
+                    "model-value": props.tagName,
                     type: "search",
                     class: "g-mb-12",
                     clearable: "",
                     placeholder: "搜索标签关键字",
-                    "model-value": props.tagName,
                     "onUpdate:modelValue": handleUpdateTagName
                 }, null, 8 /* PROPS */ , [
                     "model-value"

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

@@ -1,28 +1,28 @@
 
-.tag-tree[data-v-gsask9iu] {
+.tag-tree[data-v-pwl7ftrm] {
   font-size: 12px;
   height: auto;
   max-height: calc(100% - 44px);
 }
-.tag-tree .manage-tree-item[data-v-gsask9iu] {
+.tag-tree .manage-tree-item[data-v-pwl7ftrm] {
     height: 32px;
     flex: 1;
 }
-.tag-tree .quick-icon[data-v-gsask9iu] {
+.tag-tree .quick-icon[data-v-pwl7ftrm] {
     margin-left: -24px;
     padding-left: 8px;
 }
-.tag-tree[data-v-gsask9iu] .tree-item:has(.bottom-line) {
-      border-bottom: 1px solid #F0F1F5;
+.tag-tree[data-v-pwl7ftrm] .tree-item:has(.bottom-line) {
+      border-bottom: 1px solid var(--aidev-border-color);
 }
-.tag-tree[data-v-gsask9iu] .tree-item.active .quick-icon {
-        color: #3A84FF;
+.tag-tree[data-v-pwl7ftrm] .tree-item.active .quick-icon {
+        color: var(--aidev-clickable-color);
 }
-.tag-tree[data-v-gsask9iu] .tree-item.active .tag-number {
-        background: #A3C5FD;
+.tag-tree[data-v-pwl7ftrm] .tree-item.active .tag-number {
+        background: var(--aidev-list-item-active-count-background);
         color: #fff;
 }
-.tag-number[data-v-gsask9iu] {
+.tag-number[data-v-pwl7ftrm] {
   line-height: 16px;
   padding: 0 4px;
   background-color: #F0F1F5;

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

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

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

@@ -1,24 +1,24 @@
 
-.tag-container[data-v-csc5os1m] {
+.tag-container[data-v-tmdubijo] {
   visibility: hidden;
   white-space: nowrap;
   column-gap: 4px;
   width: calc(100% - 20px);
 }
-.tag-home[data-v-csc5os1m] {
+.tag-home[data-v-tmdubijo] {
   vertical-align: sub;
   flex-shrink: 0;
 }
-[is-show="true"][data-v-csc5os1m] {
+[is-show="true"][data-v-tmdubijo] {
   visibility: visible;
 }
-[is-show="false"][data-v-csc5os1m] {
+[is-show="false"][data-v-tmdubijo] {
   display: none !important;
 }
-.popover-main[data-v-csc5os1m] {
+.popover-main[data-v-tmdubijo] {
   padding: 8px 8px 10px;
 }
-.tag-list[data-v-csc5os1m] {
+.tag-list[data-v-tmdubijo] {
   border-radius: 2px;
   background: #F0F1F5;
 }

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

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

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

@@ -94,7 +94,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-tree/index.vue.css

@@ -13,12 +13,12 @@
       transform: rotate(90deg);
 }
 .tree-item.active {
-    background: #E1ECFF;
-    color: #3A84FF;
+    background: var(--aidev-list-item-active-background);
+    color: var(--aidev-clickable-color);
 }
 .tree-item.active .shape-icon {
-      color: #3A84FF;
+      color: var(--aidev-clickable-color);
 }
 .tree-item:hover {
-    background: #F0F1F5;
+    background: var(--aidev-list-item-hover-background);
 }