@blueking/ai-ui-sdk 0.3.0-beta.33 → 0.3.0-beta.35

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

@@ -1,19 +1,19 @@
 
-.ai-ui-sdk-icon.ai-ui-sdk-pdf[data-v-74phkvko] {
+.ai-ui-sdk-icon.ai-ui-sdk-pdf[data-v-iye09izc] {
   color: #EA3636;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-doc-2[data-v-74phkvko], .ai-ui-sdk-icon.ai-ui-sdk-ppt-2[data-v-74phkvko], .ai-ui-sdk-icon.ai-ui-sdk-markdown[data-v-74phkvko] {
+.ai-ui-sdk-icon.ai-ui-sdk-doc-2[data-v-iye09izc], .ai-ui-sdk-icon.ai-ui-sdk-ppt-2[data-v-iye09izc], .ai-ui-sdk-icon.ai-ui-sdk-markdown[data-v-iye09izc] {
   color: #3A84FF;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-folder-fill[data-v-74phkvko] {
+.ai-ui-sdk-icon.ai-ui-sdk-folder-fill[data-v-iye09izc] {
   color: #C4C6CC;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-archive-line[data-v-74phkvko] {
+.ai-ui-sdk-icon.ai-ui-sdk-archive-line[data-v-iye09izc] {
   color: #979BA5;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-74phkvko] {
+.ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-iye09izc] {
   color: #2DCB56;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-74phkvko] {
+.ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-iye09izc] {
   color: #14A568;
 }

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-74phkvko";
+script.__scopeId = "data-v-iye09izc";
 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-wi84xsqg] {
+.generate-type-tag[data-v-ijko52n1] {
   border-radius: 2px;
   text-align: left;
   white-space: nowrap;
 }
-.generate-type-tag.public[data-v-wi84xsqg] {
+.generate-type-tag.public[data-v-ijko52n1] {
     color: #2CAF5E;
     background-color: #DAF6E5;
 }
-.generate-type-tag.public[data-v-wi84xsqg]:hover {
+.generate-type-tag.public[data-v-ijko52n1]:hover {
       color: #299E56;
       background-color: #CBF0DA;
 }
-.generate-type-tag.space[data-v-wi84xsqg] {
+.generate-type-tag.space[data-v-ijko52n1] {
     color: #45A0A5;
     background-color: #D8F4F5;
 }
-.generate-type-tag.space[data-v-wi84xsqg]:hover {
+.generate-type-tag.space[data-v-ijko52n1]:hover {
       color: #388A8E;
       background-color: #B6E7E9;
 }

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-wi84xsqg";
+script.__scopeId = "data-v-ijko52n1";
 script.__file = "./src/components/render-generate-tag/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,13 +1,13 @@
 
-.header-home[data-v-3xk2i1qj] {
+.header-home[data-v-j3g4vkjk] {
   width: 100%;
   background: #FFFFFF;
   box-shadow: 0 3px 4px 0 #0000000a;
 }
-.render-tab[data-v-3xk2i1qj] {
+.render-tab[data-v-j3g4vkjk] {
   border-bottom: 2px solid transparent;
 }
-.render-tab.active[data-v-3xk2i1qj] {
+.render-tab.active[data-v-j3g4vkjk] {
     color: #3A84FF;
     border-bottom: 2px solid #3A84FF;
 }

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

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

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

@@ -1,4 +1,4 @@
 
-.ai-ui-sdk-icon[data-v-9knasklp] {
+.ai-ui-sdk-icon[data-v-cmp489p2] {
   color: #979ba5;
 }

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-9knasklp";
+script.__scopeId = "data-v-cmp489p2";
 script.__file = "./src/components/render-knowledge/icon/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,20 +1,20 @@
 
-.dislike-icon[data-v-r8x00poe] {
+.dislike-icon[data-v-buktsmaw] {
   transform: rotateX(180deg);
 }
-.option-items[data-v-r8x00poe] {
+.option-items[data-v-buktsmaw] {
   padding: 1px 8px;
   background-color: #F0F1F5;
   line-height: 22px;
   border-radius: 2px;
 }
-.option-items[data-v-r8x00poe]:hover {
+.option-items[data-v-buktsmaw]:hover {
     background-color: #E1ECFF;
     color: #3A84FF;
 }
-.option-items-selected[data-v-r8x00poe]{
+.option-items-selected[data-v-buktsmaw]{
   background-color: #E1ECFF;
 }
-[data-v-r8x00poe] .bk-form-item {
+[data-v-buktsmaw] .bk-form-item {
   margin-bottom: 17px;
 }

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

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

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

@@ -1,5 +1,5 @@
 
-.resource-card-description[data-v-dm0d9z43] {
+.resource-card-description[data-v-zq9y92y4] {
   color: #4D4F56;
   height: 120px;
   white-space: pre-wrap;

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-dm0d9z43";
+script.__scopeId = "data-v-zq9y92y4";
 script.__file = "./src/components/render-prompt/content/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,8 +1,8 @@
 
-.reference-table[data-v-5db9x9jj]{
+.reference-table[data-v-ym5qcxvl]{
   padding: 18px 24px;
 }
-.bk-radio-button[data-v-5db9x9jj]{
+.bk-radio-button[data-v-ym5qcxvl]{
   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-5db9x9jj";
+script.__scopeId = "data-v-ym5qcxvl";
 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

@@ -75,7 +75,7 @@ export default /*@__PURE__*/ _defineComponent({
         const isShowPopover = ref(false);
         const isShowConfirm = ref(false);
         const hasMcpPermission = ref(undefined);
-        const hasRequiredSkillEnvs = ref(false);
+        const hasUnfilledRequiredEnv = ref(false);
         const renderEnvs = ref([]);
         const formData = ref({
             selectedAgentId: undefined,
@@ -161,7 +161,7 @@ export default /*@__PURE__*/ _defineComponent({
             // 清空权限检查结果
             hasMcpPermission.value = undefined;
             // 清空必填环境变量检查结果
-            hasRequiredSkillEnvs.value = false;
+            hasUnfilledRequiredEnv.value = false;
             // 清空环境变量
             renderEnvs.value = [];
             // 清空表单验证
@@ -289,7 +289,7 @@ export default /*@__PURE__*/ _defineComponent({
                 var _a;
                 try {
                     yield (_a = formRef.value) === null || _a === void 0 ? void 0 : _a.validate();
-                    if (hasMcpPermission.value === false || hasRequiredSkillEnvs.value) {
+                    if (hasMcpPermission.value === false || hasUnfilledRequiredEnv.value) {
                         // 没有权限或必填环境变量未配置，显示弹窗
                         isShowConfirm.value = true;
                     } else {
@@ -358,18 +358,23 @@ export default /*@__PURE__*/ _defineComponent({
         };
         // 检查是否有必填的环境变量
         const handleCheckSkillEnvs = ()=>__awaiter(this, void 0, void 0, function*() {
-                var _a, _b, _c;
-                hasRequiredSkillEnvs.value = !isEmpty((_b = (_a = props.resource.bkaiDependencies) === null || _a === void 0 ? void 0 : _a.envs) === null || _b === void 0 ? void 0 : _b.some((env)=>env.required));
-                renderEnvs.value = [
-                    ...(_c = props.resource.bkaiDependencies) === null || _c === void 0 ? void 0 : _c.envs
-                ];
-                if (hasRequiredSkillEnvs.value) {
+                var _a, _b;
+                renderEnvs.value = (_b = (_a = props.resource.bkaiDependencies) === null || _a === void 0 ? void 0 : _a.envs) === null || _b === void 0 ? void 0 : _b.map((env)=>{
+                    if (isEmpty(env.value) && !isEmpty(env.default)) {
+                        return Object.assign(Object.assign({}, env), {
+                            value: env.default
+                        });
+                    }
+                    return env;
+                });
+                hasUnfilledRequiredEnv.value = renderEnvs.value.some((env)=>env.required && isEmpty(env.value));
+                if (hasUnfilledRequiredEnv.value) {
                     isLoadingConfirm.value = true;
                     getAgent(formData.value.selectedAgentId).then((agent)=>{
                         var _a;
                         const isAlreadyRelated = (_a = agent.relatedSkills) === null || _a === void 0 ? void 0 : _a.skills.find((skill)=>skill.id === props.resource.id);
                         if (isAlreadyRelated) {
-                            hasRequiredSkillEnvs.value = false;
+                            hasUnfilledRequiredEnv.value = false;
                             renderEnvs.value = [];
                         }
                     }).finally(()=>{

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

@@ -1,11 +1,11 @@
 
-.resource-version[data-v-1euwt4yd] {
+.resource-version[data-v-7j2xmuhp] {
   border-radius: 2px;
   text-align: left;
   color: #4D4F56;
   background-color: #F0F1F5;
   white-space: nowrap;
 }
-.resource-version .bkaidev-rizhifenxi[data-v-1euwt4yd] {
+.resource-version .bkaidev-rizhifenxi[data-v-7j2xmuhp] {
     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-1euwt4yd";
+script.__scopeId = "data-v-7j2xmuhp";
 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-gjxaq8bt] {
+.router-tab[data-v-gmabxmjs] {
   margin-top: 2px;
   height: 42px;
   background: #FFFFFF;
   box-shadow: 0 2px 4px 0 #1919290d;
   padding: 0 24px;
 }
-.router-tab a[data-v-gjxaq8bt] {
+.router-tab a[data-v-gmabxmjs] {
     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-gjxaq8bt] {
+.router-tab a.router-link-exact-active[data-v-gmabxmjs] {
       color: #3A84FF;
       border-bottom: 2px solid #3A84FF;
 }

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-gjxaq8bt";
+script.__scopeId = "data-v-gmabxmjs";
 script.__file = "./src/components/render-router-tab/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,5 +1,5 @@
 
-.select-plus-extension[data-v-jnred20a] {
+.select-plus-extension[data-v-8buntwsj] {
   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-jnred20a]  {
+.select-plus-extension .ai-ui-sdk-icon[data-v-8buntwsj]  {
     font-size: 14px;
     margin-right: 6px;
 }
-.select-plus-extension[data-v-jnred20a]:hover {
+.select-plus-extension[data-v-8buntwsj]:hover {
     color: #3A84FF;
 }

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-jnred20a";
+script.__scopeId = "data-v-8buntwsj";
 script.__file = "./src/components/render-select-plus-extension/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -0,0 +1,165 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { defineComponent as _defineComponent } from 'vue';
+import { createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, unref as _unref, createVNode as _createVNode, withCtx as _withCtx } from "vue";
+const _hoisted_1 = {
+    class: "g-bg-fafbfd !g-pl-16"
+};
+const _hoisted_2 = {
+    class: "g-bg-fafbfd !g-pl-16"
+};
+import { ref } from 'vue';
+import { Ediatable, InputColumn } from '@blueking/ediatable';
+import '@blueking/ediatable/vue3/vue3.css';
+import { isEmpty } from '../../../common/util.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        skillEnvs: {}
+    },
+    emits: [
+        "update:skillEnvs"
+    ],
+    setup (__props, { expose: __expose, emit: __emit }) {
+        const props = __props;
+        const emit = __emit;
+        const valueRefs = ref([]);
+        const theadList = [
+            {
+                title: 'Key',
+                required: false,
+                className: '!g-bg-f0f1f5'
+            },
+            {
+                title: 'Value',
+                required: true,
+                className: '!g-bg-f0f1f5'
+            },
+            {
+                title: '说明',
+                required: false,
+                className: '!g-bg-f0f1f5'
+            }
+        ];
+        let valueErrorMessage = '';
+        const getValueRule = (item)=>[
+                {
+                    validator: (value)=>{
+                        valueErrorMessage = '';
+                        if (item.required && isEmpty(value)) {
+                            valueErrorMessage = `${item.key}值为必填`;
+                            return false;
+                        }
+                        return true;
+                    },
+                    message: ()=>valueErrorMessage
+                }
+            ];
+        const handleUpdate = (index, key, value)=>{
+            const newData = [
+                ...props.skillEnvs
+            ];
+            newData[index] = _object_spread_props(_object_spread({}, newData[index]), {
+                [key]: value
+            });
+            emit('update:skillEnvs', newData);
+        };
+        const validate = ()=>{
+            const validResults = valueRefs.value.filter((valueRef)=>valueRef !== null);
+            return Promise.all(validResults.map((valueRef)=>valueRef.getValue()));
+        };
+        __expose({
+            validate
+        });
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createElementBlock(_Fragment, null, [
+                _cache[0] || (_cache[0] = _createElementVNode("h3", {
+                    class: "g-text-12 g-leading-20 g-text-black g-mb-12 g-mt-6 g-mx-16"
+                }, " 以下环境变量将在 skill 沙箱启动时自动注入 ", -1 /* CACHED */ )),
+                _createVNode(_unref(Ediatable), {
+                    "thead-list": theadList,
+                    class: "!g-mb-12 g-mx-16 !g-w-568 !g-overflow-hidden"
+                }, {
+                    data: _withCtx(()=>[
+                            _createElementVNode("tbody", null, [
+                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.skillEnvs, (item, index)=>{
+                                    return _openBlock(), _createElementBlock("tr", {
+                                        key: item.key
+                                    }, [
+                                        _createElementVNode("td", _hoisted_1, _toDisplayString(item.key), 1 /* TEXT */ ),
+                                        _createElementVNode("td", null, [
+                                            _createVNode(_unref(InputColumn), {
+                                                "model-value": item.value,
+                                                ref_for: true,
+                                                ref: (el)=>{
+                                                    if (el) valueRefs.value[index] = el;
+                                                },
+                                                rules: getValueRule(item),
+                                                placeholder: "请输入 Value",
+                                                onChange: (val)=>handleUpdate(index, 'value', val)
+                                            }, null, 8 /* PROPS */ , [
+                                                "model-value",
+                                                "rules",
+                                                "onChange"
+                                            ])
+                                        ]),
+                                        _createElementVNode("td", _hoisted_2, _toDisplayString(item.description), 1 /* TEXT */ )
+                                    ]);
+                                }), 128 /* KEYED_FRAGMENT */ ))
+                            ])
+                        ]),
+                    _: 1 /* STABLE */ 
+                })
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});

package/dist/components/render-skill/variable-form/index.vue.d.ts

@@ -1,3 +1,4 @@
+import '@blueking/ediatable/vue3/vue3.css';
 import type { ISkillEnv } from '@/types/skill';
 interface IProps {
     skillEnvs: ISkillEnv[];

package/dist/components/render-skill/variable-form/index.vue.js

@@ -1,3 +1,3 @@
-import script from './index.script.vue.js';
+import script from './index.script.vue.js.js';
 script.__file = "./src/components/render-skill/variable-form/index.vue";
 export default script;

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

@@ -41,16 +41,11 @@ export default /*@__PURE__*/ _defineComponent({
         "row-mouseenter",
         "update:search"
     ],
-    setup (__props, { expose: __expose, emit: __emit }) {
+    setup (__props, { emit: __emit }) {
         const props = __props;
         const emits = __emit;
-        const tableRef = ref();
         const rowHeight = ref();
         const columnControllerVisible = ref(false);
-        const validate = ()=>{
-            var _a;
-            return (_a = tableRef.value) === null || _a === void 0 ? void 0 : _a.validateTableData();
-        };
         const getMaxHeight = ()=>{
             return props.pagination ? 'calc(100% - 48px)' : '100%';
         };
@@ -203,9 +198,6 @@ export default /*@__PURE__*/ _defineComponent({
                 displayColumns.value = getDefaultColumns();
             }
         });
-        __expose({
-            validate
-        });
         return (_ctx, _cache)=>{
             var _a;
             const _component_bk_radio_button = _resolveComponent("bk-radio-button");
@@ -218,10 +210,7 @@ export default /*@__PURE__*/ _defineComponent({
                     height: __props.height
                 })
             }, [
-                _createVNode(_component_t_enhanced_table, _mergeProps({
-                    ref_key: "tableRef",
-                    ref: tableRef
-                }, _ctx.$attrs, {
+                _createVNode(_component_t_enhanced_table, _mergeProps(_ctx.$attrs, {
                     "column-controller-visible": columnControllerVisible.value,
                     "onUpdate:columnControllerVisible": _cache[1] || (_cache[1] = ($event)=>columnControllerVisible.value = $event),
                     "cell-empty-content": "--",