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

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

@@ -1,21 +1,21 @@
 
-.upload-file-home[data-v-0lin7ocn] {
+.upload-file-home[data-v-sx3xp9ym] {
   position: relative;
   background: #FFFFFF;
   border: 1px solid #DCDEE5;
   border-radius: 4px;
   padding: 12px 12px 10px 12px;
 }
-.upload-file-home[data-v-0lin7ocn]:hover {
+.upload-file-home[data-v-sx3xp9ym]:hover {
     border: 1px solid #3A84FF;
 }
-.upload-file-home:hover .file-icons[data-v-0lin7ocn] {
+.upload-file-home:hover .file-icons[data-v-sx3xp9ym] {
       display: flex;
 }
-.upload-file-home .file-icon[data-v-0lin7ocn] {
+.upload-file-home .file-icon[data-v-sx3xp9ym] {
     font-size: 32px;
 }
-.upload-file-home .file-content[data-v-0lin7ocn] {
+.upload-file-home .file-content[data-v-sx3xp9ym] {
     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-0lin7ocn] {
+.upload-file-home .file-content .file-name[data-v-sx3xp9ym] {
       width: 100%;
       font-size: 14px;
       line-height: 20px;
 }
-.upload-file-home .file-content .file-size[data-v-0lin7ocn] {
+.upload-file-home .file-content .file-size[data-v-sx3xp9ym] {
       font-size: 12px;
       color: #979BA5;
       line-height: 20px;
 }
-.upload-file-home .file-icons[data-v-0lin7ocn] {
+.upload-file-home .file-icons[data-v-sx3xp9ym] {
     display: none;
     color: #979BA5;
 }
-.upload-file-home .file-icons .ai-ui-sdk-icon[data-v-0lin7ocn]  {
+.upload-file-home .file-icons .ai-ui-sdk-icon[data-v-sx3xp9ym]  {
       cursor: pointer;
       margin-right: 15px;
       font-size: 16px;
 }
-.upload-file-home .file-icons .ai-ui-sdk-icon[data-v-0lin7ocn]:hover {
+.upload-file-home .file-icons .ai-ui-sdk-icon[data-v-sx3xp9ym]:hover {
         color: #3A84FF;
 }
-.upload-file-home .file-icons .ai-ui-sdk-delete[data-v-0lin7ocn] {
+.upload-file-home .file-icons .ai-ui-sdk-delete[data-v-sx3xp9ym] {
       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-0lin7ocn";
+script.__scopeId = "data-v-sx3xp9ym";
 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-74phkvko] {
+.ai-ui-sdk-icon.ai-ui-sdk-pdf[data-v-z87icjvm] {
   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-z87icjvm], .ai-ui-sdk-icon.ai-ui-sdk-ppt-2[data-v-z87icjvm], .ai-ui-sdk-icon.ai-ui-sdk-markdown[data-v-z87icjvm] {
   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-z87icjvm] {
   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-z87icjvm] {
   color: #979BA5;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-74phkvko] {
+.ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-z87icjvm] {
   color: #2DCB56;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-74phkvko] {
+.ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-z87icjvm] {
   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-z87icjvm";
 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-2veepib0] {
   border-radius: 2px;
   text-align: left;
   white-space: nowrap;
 }
-.generate-type-tag.public[data-v-wi84xsqg] {
+.generate-type-tag.public[data-v-2veepib0] {
     color: #2CAF5E;
     background-color: #DAF6E5;
 }
-.generate-type-tag.public[data-v-wi84xsqg]:hover {
+.generate-type-tag.public[data-v-2veepib0]:hover {
       color: #299E56;
       background-color: #CBF0DA;
 }
-.generate-type-tag.space[data-v-wi84xsqg] {
+.generate-type-tag.space[data-v-2veepib0] {
     color: #45A0A5;
     background-color: #D8F4F5;
 }
-.generate-type-tag.space[data-v-wi84xsqg]:hover {
+.generate-type-tag.space[data-v-2veepib0]: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-2veepib0";
 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-n9xyzkug] {
   width: 100%;
   background: #FFFFFF;
   box-shadow: 0 3px 4px 0 #0000000a;
 }
-.render-tab[data-v-3xk2i1qj] {
+.render-tab[data-v-n9xyzkug] {
   border-bottom: 2px solid transparent;
 }
-.render-tab.active[data-v-3xk2i1qj] {
+.render-tab.active[data-v-n9xyzkug] {
     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-n9xyzkug";
 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-j47h3ymj] {
   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-j47h3ymj";
 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-4cj11v0s] {
   transform: rotateX(180deg);
 }
-.option-items[data-v-r8x00poe] {
+.option-items[data-v-4cj11v0s] {
   padding: 1px 8px;
   background-color: #F0F1F5;
   line-height: 22px;
   border-radius: 2px;
 }
-.option-items[data-v-r8x00poe]:hover {
+.option-items[data-v-4cj11v0s]:hover {
     background-color: #E1ECFF;
     color: #3A84FF;
 }
-.option-items-selected[data-v-r8x00poe]{
+.option-items-selected[data-v-4cj11v0s]{
   background-color: #E1ECFF;
 }
-[data-v-r8x00poe] .bk-form-item {
+[data-v-4cj11v0s] .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-4cj11v0s";
 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-x3kwxip8] {
   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-x3kwxip8";
 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-dlchkgpe]{
   padding: 18px 24px;
 }
-.bk-radio-button[data-v-5db9x9jj]{
+.bk-radio-button[data-v-dlchkgpe]{
   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-dlchkgpe";
 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-dgwcg648] {
   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-dgwcg648] {
     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-dgwcg648";
 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-1ni3bv2h] {
   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-1ni3bv2h] {
     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-1ni3bv2h] {
       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-1ni3bv2h";
 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-mmdpgpte] {
   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-mmdpgpte]  {
     font-size: 14px;
     margin-right: 6px;
 }
-.select-plus-extension[data-v-jnred20a]:hover {
+.select-plus-extension[data-v-mmdpgpte]: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-mmdpgpte";
 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

@@ -1,36 +1,18 @@
-var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
-    function adopt(value) {
-        return value instanceof P ? value : new P(function(resolve) {
-            resolve(value);
-        });
-    }
-    return new (P || (P = Promise))(function(resolve, reject) {
-        function fulfilled(value) {
-            try {
-                step(generator.next(value));
-            } catch (e) {
-                reject(e);
-            }
-        }
-        function rejected(value) {
-            try {
-                step(generator["throw"](value));
-            } catch (e) {
-                reject(e);
-            }
-        }
-        function step(result) {
-            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-        }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
+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 g-h-42"
+};
+const _hoisted_2 = {
+    class: "g-h-42"
+};
+const _hoisted_3 = {
+    class: "g-bg-fafbfd !g-pl-16 g-h-42"
 };
-import { defineComponent as _defineComponent, Fragment as _Fragment2, createTextVNode as _createTextVNode, createVNode as _createVNode2 } from 'vue';
-import { createElementVNode as _createElementVNode, createVNode as _createVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-import { Input } from 'tdesign-vue-next';
 import { ref } from 'vue';
+import { Ediatable, InputColumn } from '@blueking/ediatable';
+import '@blueking/ediatable/vue3/vue3.css';
 import { isEmpty } from '../../../common/util.ts.js';
-import RenderTTable from '../../render-t-table/index.vue.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         skillEnvs: {}
@@ -42,94 +24,90 @@ export default /*@__PURE__*/ _defineComponent({
         ;
         const props = __props;
         const emit = __emit;
-        const tableRef = ref();
-        const getColumns = ()=>[
-                {
-                    colKey: 'key',
-                    title: 'Key',
-                    ellipsis: true,
-                    className: '!g-bg-FAFBFD'
-                },
-                {
-                    colKey: 'value',
-                    title: ()=>_createVNode2(_Fragment2, null, [
-                            _createTextVNode("Value"),
-                            _createVNode2("span", {
-                                "class": "g-ml-4 g-text-12 g-text-EA3636"
-                            }, [
-                                _createTextVNode("*")
-                            ])
-                        ]),
-                    ellipsis: true,
-                    edit: {
-                        component: Input,
-                        props: {
-                            clearable: true,
-                            autofocus: true,
-                            autoWidth: true,
-                            placeholder: '请输入 Value'
-                        },
-                        validateTrigger: 'change',
-                        onEdited: (context)=>{
-                            const newData = [
-                                ...props.skillEnvs
-                            ];
-                            newData.splice(context.rowIndex, 1, context.newRowData);
-                            emit('update:skillEnvs', newData);
-                        },
-                        rules: ({ row })=>{
-                            if (row === null || row === void 0 ? void 0 : row.required) {
-                                return [
-                                    {
-                                        required: true,
-                                        message: `${row.key}值为必填`,
-                                        validator: (val)=>isEmpty(val)
-                                    }
-                                ];
-                            }
-                            return [];
-                        },
-                        abortEditOnEvent: [
-                            'onEnter',
-                            'onBlur'
-                        ]
-                    }
-                },
+        const valueRefs = ref([]);
+        const theadList = [
+            {
+                title: 'Key',
+                required: false
+            },
+            {
+                title: 'Value',
+                required: true
+            },
+            {
+                title: '说明',
+                required: false
+            }
+        ];
+        let valueErrorMessage = '';
+        const getValueRule = (item)=>[
                 {
-                    colKey: 'description',
-                    title: '说明',
-                    ellipsis: true,
-                    className: '!g-bg-FAFBFD'
+                    validator: (value)=>{
+                        valueErrorMessage = '';
+                        if (item.required && isEmpty(value)) {
+                            valueErrorMessage = `${item.key}值为必填`;
+                            return false;
+                        }
+                        return true;
+                    },
+                    message: ()=>valueErrorMessage
                 }
             ];
-        const validate = ()=>__awaiter(this, void 0, void 0, function*() {
-                var _a;
-                const { result } = yield (_a = tableRef.value) === null || _a === void 0 ? void 0 : _a.validate();
-                const hasRequiredEmptySkillEnv = props.skillEnvs.some((env)=>env.required && isEmpty(env.value));
-                if (!isEmpty(result) || hasRequiredEmptySkillEnv) {
-                    throw new Error('Skill 有必填项未配置');
-                }
+        const handleUpdate = (index, key, value)=>{
+            const newData = [
+                ...props.skillEnvs
+            ];
+            newData[index] = Object.assign(Object.assign({}, 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"
+                    class: "g-text-12 g-leading-20 g-text-black g-my-12 g-mx-16"
                 }, " 以下环境变量将在 skill 沙箱启动时自动注入 ", -1 /* CACHED */ )),
-                _createVNode(RenderTTable, {
-                    ref_key: "tableRef",
-                    ref: tableRef,
-                    "row-key": "key",
-                    class: "g-mb-12 g-mx-16",
-                    bordered: true,
-                    "table-data": props.skillEnvs,
-                    columns: getColumns()
-                }, null, 8 /* PROPS */ , [
-                    "table-data",
-                    "columns"
-                ])
+                _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", _hoisted_2, [
+                                            _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_3, _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[];