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

package/dist/components/render-card/skill/prefix-info-tool.script.vue.js

@@ -1,20 +1,4 @@
-"use strict";
-var _interopRequireDefault = require('../../../node_modules/@babel/runtime/helpers/interopRequireDefault.js');
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-exports.default = void 0;
-require('../../../node_modules/regenerator-runtime/runtime.js');
-require('../../../node_modules/core-js/modules/es.array.join.js');
-require('../../../node_modules/core-js/modules/es.array.map.js');
-require('../../../node_modules/core-js/modules/es.object.assign.js');
-require('../../../node_modules/core-js/modules/es.object.keys.js');
-require('../../../node_modules/core-js/modules/es.object.to-string.js');
-require('../../../node_modules/core-js/modules/es.promise.js');
-var _vue = require("vue");
-var _util = require('../../../common/util.ts.js');
-var _index = _interopRequireDefault(require('../../render-skill/variable-form/index.vue.js'));
-var __awaiter = (void 0) && (void 0).__awaiter || function(thisArg, _arguments, P, generator) {
+var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
     function adopt(value) {
         return value instanceof P ? value : new P(function(resolve) {
             resolve(value);
@@ -41,7 +25,12 @@ var __awaiter = (void 0) && (void 0).__awaiter || function(thisArg, _arguments,
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, withModifiers as _withModifiers, normalizeClass as _normalizeClass, resolveDirective as _resolveDirective, createElementVNode as _createElementVNode, withDirectives as _withDirectives, createVNode as _createVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
+import { ref } from 'vue';
+import { isEmpty } from '../../../common/util.ts.js';
+import VariableForm from '../../render-skill/variable-form/index.vue.js';
+export default /*@__PURE__*/ _defineComponent({
     props: {
         skill: {},
         errorSkills: {}
@@ -49,57 +38,33 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
     emits: [
         "update:skill"
     ],
-    setup: function setup(__props, _ref) {
-        var _this = this;
-        var __emit = _ref.emit;
-        var props = __props;
-        var emit = __emit;
-        var isShow = (0, _vue.ref)(false);
-        var renderEnvs = (0, _vue.ref)();
-        var formRef = (0, _vue.ref)();
-        var handleShow = function handleShow() {
-            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee() {
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emit = __emit;
+        const isShow = ref(false);
+        const renderEnvs = ref();
+        const formRef = ref();
+        const handleShow = ()=>__awaiter(this, void 0, void 0, function*() {
                 var _a;
-                return regeneratorRuntime.wrap(function(_context) {
-                    while(1)switch(_context.prev = _context.next){
-                        case 0:
-                            isShow.value = true;
-                            renderEnvs.value = JSON.parse(JSON.stringify((_a = props.skill) === null || _a === void 0 ? void 0 : _a.envs));
-                        case 1:
-                        case "end":
-                            return _context.stop();
-                    }
-                }, _callee);
-            }));
-        };
-        var handleCancel = function handleCancel() {
+                isShow.value = true;
+                renderEnvs.value = JSON.parse(JSON.stringify((_a = props.skill) === null || _a === void 0 ? void 0 : _a.envs));
+            });
+        const handleCancel = ()=>{
             isShow.value = false;
         };
-        var handleConfirm = function handleConfirm() {
-            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee2() {
+        const handleConfirm = ()=>__awaiter(this, void 0, void 0, function*() {
                 var _a;
-                return regeneratorRuntime.wrap(function(_context2) {
-                    while(1)switch(_context2.prev = _context2.next){
-                        case 0:
-                            _context2.next = 1;
-                            return (_a = formRef.value) === null || _a === void 0 ? void 0 : _a.validate();
-                        case 1:
-                            handleCancel();
-                            emit('update:skill', Object.assign(Object.assign({}, props.skill), {
-                                envs: renderEnvs.value
-                            }));
-                        case 2:
-                        case "end":
-                            return _context2.stop();
-                    }
-                }, _callee2);
-            }));
-        };
-        return function(_ctx, _cache) {
+                yield (_a = formRef.value) === null || _a === void 0 ? void 0 : _a.validate();
+                handleCancel();
+                emit('update:skill', Object.assign(Object.assign({}, props.skill), {
+                    envs: renderEnvs.value
+                }));
+            });
+        return (_ctx, _cache)=>{
             var _a;
-            var _component_bk_pop_confirm = (0, _vue.resolveComponent)("bk-pop-confirm");
-            var _directive_bk_tooltips = (0, _vue.resolveDirective)("bk-tooltips");
-            return !(0, _vue.unref)(_util.isEmpty)((_a = props.skill) === null || _a === void 0 ? void 0 : _a.envs) ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_pop_confirm, {
+            const _component_bk_pop_confirm = _resolveComponent("bk-pop-confirm");
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return !_unref(isEmpty)((_a = props.skill) === null || _a === void 0 ? void 0 : _a.envs) ? (_openBlock(), _createBlock(_component_bk_pop_confirm, {
                 key: 0,
                 width: "600",
                 trigger: "manual",
@@ -109,47 +74,39 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                 onConfirm: handleConfirm,
                 onCancel: handleCancel
             }, {
-                content: (0, _vue.withCtx)(function() {
-                    return [
-                        (0, _vue.createVNode)(_index.default, {
+                content: _withCtx(()=>[
+                        _createVNode(VariableForm, {
                             "skill-envs": renderEnvs.value,
-                            "onUpdate:skillEnvs": _cache[0] || (_cache[0] = function($event) {
-                                return renderEnvs.value = $event;
-                            }),
+                            "onUpdate:skillEnvs": _cache[0] || (_cache[0] = ($event)=>renderEnvs.value = $event),
                             ref_key: "formRef",
                             ref: formRef
                         }, null, 8 /* PROPS */ , [
                             "skill-envs"
                         ])
-                    ];
-                }),
-                default: (0, _vue.withCtx)(function() {
-                    return [
-                        (0, _vue.withDirectives)((0, _vue.createElementVNode)("i", {
-                            class: (0, _vue.normalizeClass)([
-                                'g-cursor-pointer g-text-16 g-ml-16 g-mr-16 g-text-979BA5 hover:!g-text-blue',
-                                !(0, _vue.unref)(_util.isEmpty)(__props.errorSkills) ? 'ai-ui-sdk-icon ai-ui-sdk-miyao !g-text-ea3636' : 'ai-ui-sdk-icon ai-ui-sdk-miyaoyiyanzheng !g-text-2CAF5E'
+                    ]),
+                default: _withCtx(()=>[
+                        _withDirectives(_createElementVNode("i", {
+                            class: _normalizeClass([
+                                'g-cursor-pointer g-text-16 g-ml-16 g-mr-16 g-text-979BA5 hover:!g-text-[var(--aidev-clickable-color)]',
+                                !_unref(isEmpty)(__props.errorSkills) ? 'ai-ui-sdk-icon ai-ui-sdk-miyao !g-text-ea3636' : 'ai-ui-sdk-icon ai-ui-sdk-miyaoyiyanzheng !g-text-2CAF5E'
                             ]),
-                            onClick: (0, _vue.withModifiers)(handleShow, [
+                            onClick: _withModifiers(handleShow, [
                                 "stop"
                             ])
                         }, null, 2 /* CLASS */ ), [
                             [
                                 _directive_bk_tooltips,
                                 {
-                                    content: !(0, _vue.unref)(_util.isEmpty)(__props.errorSkills) ? "".concat(__props.errorSkills.map(function(env) {
-                                        return env.key;
-                                    }).join(';'), "\u53D8\u91CF\u7684\u503C\u5FC5\u586B") : '配置环境变量',
+                                    content: !_unref(isEmpty)(__props.errorSkills) ? `${__props.errorSkills.map((env)=>env.key).join(';')}变量的值必填` : '配置环境变量',
                                     placement: 'top'
                                 }
                             ]
                         ])
-                    ];
-                }),
+                    ]),
                 _: 1 /* STABLE */ 
             }, 8 /* PROPS */ , [
                 "is-show"
-            ])) : (0, _vue.createCommentVNode)("v-if", true);
+            ])) : _createCommentVNode("v-if", true);
         };
     }
 });

package/dist/components/render-card/skill/scanner.script.vue.js.js

@@ -39,7 +39,7 @@ export default /*@__PURE__*/ _defineComponent({
                 key: 0,
                 class: _normalizeClass([
                     (_statusConfig_props_scanner_effectiveStatus = statusConfig[props.scanner.effectiveStatus]) === null || _statusConfig_props_scanner_effectiveStatus === void 0 ? void 0 : _statusConfig_props_scanner_effectiveStatus.tagClass,
-                    "g-leading-16 !g-pl-6 !g-pr-6 g-rounded-2 g-text-10 !g-cursor-pointer"
+                    "g-leading-16 !g-pl-6 !g-pr-6 g-rounded-[var(--aidev-radius)] g-text-10 !g-cursor-pointer"
                 ]),
                 onClick: _withModifiers(handleDetail, [
                     "stop"

package/dist/components/render-card/skill/scanner.vue.css

@@ -1,13 +1,13 @@
 
-.tag-pass[data-v-mji1zwaz] {
+.tag-pass[data-v-1pxbgjat] {
   color: #299E56;
   background: #DAF6E5;
 }
-.tag-fail[data-v-mji1zwaz] {
+.tag-fail[data-v-1pxbgjat] {
   color: #E71818;
   background: #FFDDDD;
 }
-.tag-error[data-v-mji1zwaz] {
+.tag-error[data-v-1pxbgjat] {
   color: #E38B02;
   background: #FCE5C0;
 }

package/dist/components/render-card/skill/scanner.vue.js

@@ -1,5 +1,5 @@
 import script from './scanner.script.vue.js.js';
-script.__scopeId = "data-v-mji1zwaz";
+script.__scopeId = "data-v-1pxbgjat";
 script.__file = "./src/components/render-card/skill/scanner.vue";
 import './scanner.vue.css';
 export default script;

package/dist/components/render-card/tool/actions.script.vue.js.js

@@ -235,7 +235,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-card/tool/prefix-info-tool.script.vue.js.js

@@ -73,7 +73,7 @@ export default /*@__PURE__*/ _defineComponent({
                 _withDirectives(_createElementVNode("i", {
                     class: _normalizeClass({
                         'ai-ui-sdk-icon ai-ui-sdk-debug-fill g-text-16 g-text-gray g-ml-16 g-mr-16': true,
-                        '!g-cursor-pointer hover:!g-text-blue': !props.disabled,
+                        '!g-cursor-pointer hover:!g-text-[var(--aidev-clickable-color)]': !props.disabled,
                         '!g-disabled': props.disabled
                     }),
                     onClick: handleSettings

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

@@ -1,5 +1,5 @@
 
-.checkbox[data-v-yf99hk7r] {
+.checkbox[data-v-qfgw510m] {
   position: relative;
   display: inline-block;
   width: 16px;
@@ -8,27 +8,27 @@
   border-radius: 2px;
   cursor: pointer;
 }
-.checkbox.disabled[data-v-yf99hk7r] {
+.checkbox.disabled[data-v-qfgw510m] {
     cursor: not-allowed;
     background: #fafbfd;
     border-color: #dcdee5;
 }
-.checkbox.disabled.checked[data-v-yf99hk7r] {
+.checkbox.disabled.checked[data-v-qfgw510m] {
       background-color: #a3c5fd;
       border-color: #a3c5fd;
 }
-.checkbox.disabled.indeterminate[data-v-yf99hk7r] {
+.checkbox.disabled.indeterminate[data-v-qfgw510m] {
       background-color: #fafbfd;
       border-color: #dcdee5;
 }
-.checkbox.disabled.indeterminate[data-v-yf99hk7r]:after {
+.checkbox.disabled.indeterminate[data-v-qfgw510m]:after {
         background: #dcdee5;
 }
-.checkbox.checked[data-v-yf99hk7r] {
-    background-color: #3a84ff;
-    border: 1px solid #3a84ff;
+.checkbox.checked[data-v-qfgw510m] {
+    background-color: var(--aidev-clickable-color);
+    border: 1px solid var(--aidev-clickable-color);
 }
-.checkbox.checked[data-v-yf99hk7r]:after {
+.checkbox.checked[data-v-qfgw510m]:after {
       position: absolute;
       top: 50%;
       left: 50%;
@@ -41,11 +41,11 @@
       transform: translate(-50%, -60%) rotate(45deg);
       transform-origin: center;
 }
-.checkbox.indeterminate[data-v-yf99hk7r] {
-    background-color: #3a84ff;
-    border: 1px solid #3a84ff;
+.checkbox.indeterminate[data-v-qfgw510m] {
+    background-color: var(--aidev-clickable-color);
+    border: 1px solid var(--aidev-clickable-color);
 }
-.checkbox.indeterminate[data-v-yf99hk7r]:after {
+.checkbox.indeterminate[data-v-qfgw510m]:after {
       position: absolute;
       top: 50%;
       left: 50%;

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

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

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

@@ -1,34 +1,34 @@
 
-.plus-tag-input[data-v-5wifq0f3] {
+.plus-tag-input[data-v-bjejdx6g] {
   padding: 7px 12px;
   height: 40px;
   background: #FAFBFD;
-  border-top: 1px solid #DCDEE5;
+  border-top: 1px solid var(--aidev-border-color);
 }
-.plus-tag-input .plus-tag-done[data-v-5wifq0f3] {
+.plus-tag-input .plus-tag-done[data-v-bjejdx6g] {
     cursor: pointer;
     font-size: 22px;
     color: #2DCB56;
     margin: 0 5px 0 10px;
 }
-.plus-tag-input .plus-tag-error[data-v-5wifq0f3] {
+.plus-tag-input .plus-tag-error[data-v-bjejdx6g] {
     cursor: pointer;
     font-size: 16px;
     color: #C4C6CC;
     margin-right: 5px;
 }
-.plus-tag-input .plus-tag-form[data-v-5wifq0f3] {
+.plus-tag-input .plus-tag-form[data-v-bjejdx6g] {
     flex: 1;
 }
-.plus-tag-input .plus-tag-form-item[data-v-5wifq0f3] {
+.plus-tag-input .plus-tag-form-item[data-v-bjejdx6g] {
     margin-bottom: 0;
 }
-.plus-tag[data-v-5wifq0f3] {
+.plus-tag[data-v-bjejdx6g] {
   cursor: pointer;
   width: 100%;
   height: 40px;
   background: #FAFBFD;
-  border-top: 1px solid #DCDEE5;
+  border-top: 1px solid var(--aidev-border-color);
   border-radius: 0 0 2px 2px;
   display: flex;
   justify-content: center;
@@ -36,8 +36,8 @@
   font-size: 12px;
   line-height: 20px;
 }
-.plus-tag[data-v-5wifq0f3]:hover {
-    color: #3A84FF;
+.plus-tag[data-v-bjejdx6g]:hover {
+    color: var(--aidev-clickable-color);
 }
 
 

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

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

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

@@ -1,10 +1,10 @@
 
-.collapse-title[data-v-g3jnqslx] {
+.collapse-title[data-v-b2dg9ky8] {
   height: 28px;
   background: #F0F1F5;
   border-radius: 2px;
   padding: 0 12px;
 }
-.collapse-title .is-hidden[data-v-g3jnqslx] {
+.collapse-title .is-hidden[data-v-b2dg9ky8] {
     transform: rotate(-90deg);
 }

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

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

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

@@ -195,7 +195,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-collection/content/index.script.vue.js

@@ -1,96 +1,92 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-exports.default = void 0;
-var _vue = require("vue");
-var _useCollection2 = require('../../../hooks/use-collection.ts.js');
-var _enum = require('../../../types/enum.ts.js');
-var _hoisted_1 = {
+import { defineComponent as _defineComponent } from 'vue';
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createElementVNode as _createElementVNode, unref as _unref, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
     class: "row-list-wrap g-scrollbar"
 };
-var _hoisted_2 = {
+const _hoisted_2 = {
     class: "g-flex-row g-mb-6 g-leading-16 g-h-16"
 };
-var _hoisted_3 = {
+const _hoisted_3 = {
     class: "prompt-tag"
 };
-var _hoisted_4 = {
+const _hoisted_4 = {
     key: 0
 };
-var _hoisted_5 = {
+const _hoisted_5 = {
     class: "g-ml-12 g-mt-12 !g-block"
 };
-var _hoisted_6 = {
+const _hoisted_6 = {
     class: "g-flex-row g-mb-6 g-mt-12 g-leading-16 g-h-16"
 };
-var _hoisted_7 = {
+const _hoisted_7 = {
     class: "prompt-tag"
 };
-var _hoisted_8 = {
+const _hoisted_8 = {
     class: "prompt-content"
 };
-var _hoisted_9 = {
+const _hoisted_9 = {
     key: 1,
     class: "prompt-content"
 };
-var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+import { useCollection } from '../../../hooks/use-collection.ts.js';
+import { SessionPromptRole } from '../../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
     props: {
         role: {},
         type: {},
         roleTypes: {}
     },
-    setup: function setup(__props) {
-        var props = __props;
-        var _useCollection = (0, _useCollection2.useCollection)(props.roleTypes), getCollectionTypeDescription = _useCollection.getCollectionTypeDescription, getCollectionTypeName = _useCollection.getCollectionTypeName, getCollectionGroupName = _useCollection.getCollectionGroupName, getCollectionVariable = _useCollection.getCollectionVariable, getCollectionRenderContent = _useCollection.getCollectionRenderContent;
-        return function(_ctx, _cache) {
-            var _directive_bk_tooltips = (0, _vue.resolveDirective)("bk-tooltips");
-            return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("ul", _hoisted_1, [
-                ((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(__props.role.content, function(item, index) {
-                    return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("li", {
-                        class: (0, _vue.normalizeClass)({
+    setup (__props) {
+        const props = __props;
+        const { getCollectionTypeDescription, getCollectionTypeName, getCollectionGroupName, getCollectionVariable, getCollectionRenderContent } = useCollection(props.roleTypes);
+        return (_ctx, _cache)=>{
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return _openBlock(), _createElementBlock("ul", _hoisted_1, [
+                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.role.content, (item, index)=>{
+                    return _openBlock(), _createElementBlock("li", {
+                        class: _normalizeClass({
                             'g-mt-8': index > 0,
                             'role-list-item': true
                         }),
                         key: index
                     }, [
-                        (0, _vue.createElementVNode)("span", _hoisted_2, [
-                            _cache[0] || (_cache[0] = (0, _vue.createElementVNode)("span", {
+                        _createElementVNode("span", _hoisted_2, [
+                            _cache[0] || (_cache[0] = _createElementVNode("span", {
                                 class: "g-font-bold !g-text-12"
                             }, "Prompt", -1 /* CACHED */ )),
-                            (0, _vue.withDirectives)(((0, _vue.openBlock)(), (0, _vue.createElementBlock)("span", _hoisted_3, [
-                                (0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(getCollectionTypeName)(item.role)), 1 /* TEXT */ )
+                            _withDirectives((_openBlock(), _createElementBlock("span", _hoisted_3, [
+                                _createTextVNode(_toDisplayString(_unref(getCollectionTypeName)(item.role)), 1 /* TEXT */ )
                             ])), [
                                 [
                                     _directive_bk_tooltips,
-                                    (0, _vue.unref)(getCollectionTypeDescription)(item.role)
+                                    _unref(getCollectionTypeDescription)(item.role)
                                 ]
                             ])
                         ]),
-                        item.role === (0, _vue.unref)(_enum.SessionPromptRole).Placeholder ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("section", _hoisted_4, [
-                            (0, _vue.createElementVNode)("span", _hoisted_5, (0, _vue.toDisplayString)((0, _vue.unref)(getCollectionGroupName)(item.content)), 1 /* TEXT */ ),
-                            ((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)((0, _vue.unref)(getCollectionVariable)((0, _vue.unref)(getCollectionGroupName)(item.content), __props.role.variables).value, function(variable) {
-                                return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("section", {
+                        item.role === _unref(SessionPromptRole).Placeholder ? (_openBlock(), _createElementBlock("section", _hoisted_4, [
+                            _createElementVNode("span", _hoisted_5, _toDisplayString(_unref(getCollectionGroupName)(item.content)), 1 /* TEXT */ ),
+                            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_unref(getCollectionVariable)(_unref(getCollectionGroupName)(item.content), __props.role.variables).value, (variable)=>{
+                                return _openBlock(), _createElementBlock("section", {
                                     key: variable.content,
                                     class: "g-ml-12"
                                 }, [
-                                    (0, _vue.createElementVNode)("span", _hoisted_6, [
-                                        _cache[1] || (_cache[1] = (0, _vue.createElementVNode)("span", {
+                                    _createElementVNode("span", _hoisted_6, [
+                                        _cache[1] || (_cache[1] = _createElementVNode("span", {
                                             class: "g-font-bold !g-text-12"
                                         }, "Prompt", -1 /* CACHED */ )),
-                                        (0, _vue.withDirectives)(((0, _vue.openBlock)(), (0, _vue.createElementBlock)("span", _hoisted_7, [
-                                            (0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(getCollectionTypeName)(variable.role)), 1 /* TEXT */ )
+                                        _withDirectives((_openBlock(), _createElementBlock("span", _hoisted_7, [
+                                            _createTextVNode(_toDisplayString(_unref(getCollectionTypeName)(variable.role)), 1 /* TEXT */ )
                                         ])), [
                                             [
                                                 _directive_bk_tooltips,
-                                                (0, _vue.unref)(getCollectionTypeDescription)(variable.role)
+                                                _unref(getCollectionTypeDescription)(variable.role)
                                             ]
                                         ])
                                     ]),
-                                    (0, _vue.createElementVNode)("section", _hoisted_8, (0, _vue.toDisplayString)(variable.content), 1 /* TEXT */ )
+                                    _createElementVNode("section", _hoisted_8, _toDisplayString(variable.content), 1 /* TEXT */ )
                                 ]);
                             }), 128 /* KEYED_FRAGMENT */ ))
-                        ])) : ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("section", _hoisted_9, (0, _vue.toDisplayString)((0, _vue.unref)(getCollectionRenderContent)(item.content, __props.role.variables)), 1 /* TEXT */ ))
+                        ])) : (_openBlock(), _createElementBlock("section", _hoisted_9, _toDisplayString(_unref(getCollectionRenderContent)(item.content, __props.role.variables)), 1 /* TEXT */ ))
                     ], 2 /* CLASS */ );
                 }), 128 /* KEYED_FRAGMENT */ ))
             ]);

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

@@ -1,21 +1,21 @@
 
-.row-list-wrap[data-v-xo1yg7qz] {
+.row-list-wrap[data-v-h053ugpu] {
   height: 186px;
   overflow-y: auto;
 }
-.role-list-item[data-v-xo1yg7qz] {
+.role-list-item[data-v-h053ugpu] {
   padding: 12px;
   background: #f5f7fa;
   border-radius: 2px;
 }
-.role-list-item .prompt-tag[data-v-xo1yg7qz] {
+.role-list-item .prompt-tag[data-v-h053ugpu] {
     padding: 0 8px;
     border: 1px solid #dcdee5;
     border-radius: 11px;
     font-size: 10px;
     margin-left: 8px;
 }
-.role-list-item .prompt-content[data-v-xo1yg7qz] {
+.role-list-item .prompt-content[data-v-h053ugpu] {
     font-size: 12px;
     line-height: 20px;
     word-break: break-all;

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

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

package/dist/components/render-collection/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,