@blueking/ai-ui-sdk 0.3.0-beta.29 → 0.3.0-beta.30

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

@@ -1,5 +1,5 @@
 
-.select-plus-extension[data-v-wvkxoieo] {
+.select-plus-extension[data-v-3qcr399n] {
   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-wvkxoieo]  {
+.select-plus-extension .ai-ui-sdk-icon[data-v-3qcr399n]  {
     font-size: 14px;
     margin-right: 6px;
 }
-.select-plus-extension[data-v-wvkxoieo]:hover {
+.select-plus-extension[data-v-3qcr399n]: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-wvkxoieo";
+script.__scopeId = "data-v-3qcr399n";
 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

@@ -0,0 +1,136 @@
+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, 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 { isEmpty } from '../../../common/util.ts.js';
+import RenderTTable from '../../render-t-table/index.vue.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        skillEnvs: {}
+    },
+    emits: [
+        "update:skillEnvs"
+    ],
+    setup (__props, { expose: __expose, emit: __emit }) {
+        ;
+        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'
+                        ]
+                    }
+                },
+                {
+                    colKey: 'description',
+                    title: '说明',
+                    ellipsis: true,
+                    className: '!g-bg-FAFBFD'
+                }
+            ];
+        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 有必填项未配置');
+                }
+            });
+        __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(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"
+                ])
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});

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

@@ -0,0 +1,14 @@
+import type { ISkillEnv } from '@/types/skill';
+interface IProps {
+    skillEnvs: ISkillEnv[];
+}
+interface IExpose {
+    validate: () => Promise<unknown>;
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, IExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:skillEnvs": (value: ISkillEnv[]) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    "onUpdate:skillEnvs"?: (value: ISkillEnv[]) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -1,12 +1,12 @@
 
-.t-t-pagination[data-v-jpkrsz61] {
+.t-t-pagination[data-v-ugh7vel2] {
   position: relative;
   padding: 16px 16px 0 16px;
 }
-.t-t-pagination[data-v-jpkrsz61] .bk-pagination-list.is-last {
+.t-t-pagination[data-v-ugh7vel2] .bk-pagination-list.is-last {
     margin-left: auto;
 }
-.pagination-loading[data-v-jpkrsz61]::after {
+.pagination-loading[data-v-ugh7vel2]::after {
     content: '';
     position: absolute;
     top: 0;
@@ -16,93 +16,93 @@
     background-color: rgba(255, 255, 255, 0.6);
     z-index: 72;
 }
-.pagination-border[data-v-jpkrsz61] {
+.pagination-border[data-v-ugh7vel2] {
   border-right: 1px solid #dcdee5;
   border-left: 1px solid #dcdee5;
   border-bottom: 1px solid #dcdee5;
   padding-bottom: 16px;
 }
-.t-t-table[data-v-jpkrsz61] {
+.t-t-table[data-v-ugh7vel2] {
   display: inline;
   font-size: 12px;
 }
-.t-t-table[data-v-jpkrsz61] .t-table__th-cell-inner {
+.t-t-table[data-v-ugh7vel2] .t-table__th-cell-inner {
     color: #313238;
 }
-.t-t-table[data-v-jpkrsz61] th {
+.t-t-table[data-v-ugh7vel2] th {
     padding: 0 16px;
     height: 42px;
     background-color: #FAFBFD !important;
 }
-.t-t-table[data-v-jpkrsz61] .t-table__body tr {
+.t-t-table[data-v-ugh7vel2] .t-table__body tr {
     color: #63656e;
     font-size: 12px;
 }
-.t-t-table[data-v-jpkrsz61] .t-table__body tr td {
+.t-t-table[data-v-ugh7vel2] .t-table__body tr td {
       padding: 0 16px;
       height: 40px;
       background-color: #fff;
 }
-.t-t-table[data-v-jpkrsz61] .t-table__body tr:hover td {
+.t-t-table[data-v-ugh7vel2] .t-table__body tr:hover td {
     background-color: #f5f7fa !important;
     color: #63656E;
 }
-.t-t-table[data-v-jpkrsz61] .t-table__content .t-table__body .t-table__empty-row {
+.t-t-table[data-v-ugh7vel2] .t-table__content .t-table__body .t-table__empty-row {
     background-color: #fff !important;
 }
-.t-t-table[data-v-jpkrsz61] .t-table__content .t-table__body .t-table__empty-row >td {
+.t-t-table[data-v-ugh7vel2] .t-table__content .t-table__body .t-table__empty-row >td {
       border: none;
 }
-.t-t-table[data-v-jpkrsz61] th .t-table__ellipsis {
+.t-t-table[data-v-ugh7vel2] th .t-table__ellipsis {
     width: auto !important;
 }
-.t-t-table[data-v-jpkrsz61] .t-loading__gradient.t-icon-loading {
+.t-t-table[data-v-ugh7vel2] .t-loading__gradient.t-icon-loading {
     display: none;
 }
-.t-t-table[data-v-jpkrsz61]:first-of-type .t-table__affixed-header-elm-wrap{
+.t-t-table[data-v-ugh7vel2]:first-of-type .t-table__affixed-header-elm-wrap{
       width: calc(100% - 6px) !important;
 }
-.t-t-table[data-v-jpkrsz61] .t-table__affixed-header-elm-wrap>div {
+.t-t-table[data-v-ugh7vel2] .t-table__affixed-header-elm-wrap>div {
       width: 100% !important;
       scrollbar-width: none;
 }
-.t-t-table[data-v-jpkrsz61] .t-table--layout-fixed{
+.t-t-table[data-v-ugh7vel2] .t-table--layout-fixed{
     width: 100% !important;
 }
-.t-t-table[data-v-jpkrsz61] .bk-exception-description{
+.t-t-table[data-v-ugh7vel2] .bk-exception-description{
     margin-bottom: 0;
 }
-.t-t-table[data-v-jpkrsz61] .t-table__content{
+.t-t-table[data-v-ugh7vel2] .t-table__content{
     z-index: 2;
     max-height: 100%;
     overflow: auto;
 }
-.t-t-table[data-v-jpkrsz61] .t-table__content::-webkit-scrollbar {
+.t-t-table[data-v-ugh7vel2] .t-table__content::-webkit-scrollbar {
       width: 6px;
       height: 6px;
 }
-.t-t-table[data-v-jpkrsz61] .t-table__content::-webkit-scrollbar-thumb {
+.t-t-table[data-v-ugh7vel2] .t-table__content::-webkit-scrollbar-thumb {
       width: 6px;
       height: 6px;
       border-radius: 3px;
       background-color: #dcdee5;
 }
-.t-t-table[data-v-jpkrsz61] .t-table__content::-webkit-scrollbar-thumb:hover {
+.t-t-table[data-v-ugh7vel2] .t-table__content::-webkit-scrollbar-thumb:hover {
         background-color: #979ba5;
 }
-.t-t-table[data-v-jpkrsz61] .t-table__ellipsis.t-text-ellipsis:has(.checkbox){
+.t-t-table[data-v-ugh7vel2] .t-table__ellipsis.t-text-ellipsis:has(.checkbox){
     line-height: 100%;
 }
-.t-t-table[data-v-jpkrsz61] .t-table__cell--sort-trigger.t-table__double-icons{
+.t-t-table[data-v-ugh7vel2] .t-table__cell--sort-trigger.t-table__double-icons{
     gap: 5px;
 }
-.t-t-table[data-v-jpkrsz61] .t-table__sort-icon--active>i{
+.t-t-table[data-v-ugh7vel2] .t-table__sort-icon--active>i{
     color: #3a84ff !important;
 }
-.t-t-table[data-v-jpkrsz61] .t-table__cell--fixed-left:has(.checkbox){
+.t-t-table[data-v-ugh7vel2] .t-table__cell--fixed-left:has(.checkbox){
     line-height: 100%;
 }
-.t-t-table[data-v-jpkrsz61] .t-table__filter-icon.t-is-focus>span{
+.t-t-table[data-v-ugh7vel2] .t-table__filter-icon.t-is-focus>span{
     color: #3a84ff !important;
 }
 

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

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

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

@@ -1,28 +1,28 @@
 
-.tag-tree[data-v-0b7ef4io] {
+.tag-tree[data-v-8ebo9zkq] {
   font-size: 12px;
   height: auto;
   max-height: calc(100% - 44px);
 }
-.tag-tree .manage-tree-item[data-v-0b7ef4io] {
+.tag-tree .manage-tree-item[data-v-8ebo9zkq] {
     height: 32px;
     flex: 1;
 }
-.tag-tree .quick-icon[data-v-0b7ef4io] {
+.tag-tree .quick-icon[data-v-8ebo9zkq] {
     margin-left: -24px;
     padding-left: 8px;
 }
-.tag-tree[data-v-0b7ef4io] .tree-item:has(.bottom-line) {
+.tag-tree[data-v-8ebo9zkq] .tree-item:has(.bottom-line) {
       border-bottom: 1px solid #F0F1F5;
 }
-.tag-tree[data-v-0b7ef4io] .tree-item.active .quick-icon {
+.tag-tree[data-v-8ebo9zkq] .tree-item.active .quick-icon {
         color: #3A84FF;
 }
-.tag-tree[data-v-0b7ef4io] .tree-item.active .tag-number {
+.tag-tree[data-v-8ebo9zkq] .tree-item.active .tag-number {
         background: #A3C5FD;
         color: #fff;
 }
-.tag-number[data-v-0b7ef4io] {
+.tag-number[data-v-8ebo9zkq] {
   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-0b7ef4io";
+script.__scopeId = "data-v-8ebo9zkq";
 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-ivaupvh9] {
+.tag-container[data-v-2co2660i] {
   visibility: hidden;
   white-space: nowrap;
   column-gap: 4px;
   width: calc(100% - 20px);
 }
-.tag-home[data-v-ivaupvh9] {
+.tag-home[data-v-2co2660i] {
   vertical-align: sub;
   flex-shrink: 0;
 }
-[is-show="true"][data-v-ivaupvh9] {
+[is-show="true"][data-v-2co2660i] {
   visibility: visible;
 }
-[is-show="false"][data-v-ivaupvh9] {
+[is-show="false"][data-v-2co2660i] {
   display: none !important;
 }
-.popover-main[data-v-ivaupvh9] {
+.popover-main[data-v-2co2660i] {
   padding: 8px 8px 10px;
 }
-.tag-list[data-v-ivaupvh9] {
+.tag-list[data-v-2co2660i] {
   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-ivaupvh9";
+script.__scopeId = "data-v-2co2660i";
 script.__file = "./src/components/render-tags/index.vue";
 import './index.vue.css';
 export default script;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueking/ai-ui-sdk",
-  "version": "0.3.0-beta.29",
+  "version": "0.3.0-beta.30",
   "description": "蓝鲸AI UI SDK",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",