@blueking/ai-ui-sdk 0.5.1-beta.2 → 0.5.1-beta.5

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-uftvfuui";
+script.__scopeId = "data-v-8s638kw6";
 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

@@ -5,7 +5,10 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = {
     key: 0,
-    class: "!g-text-12 g-text-gray g-flex-row g-justify-center g-flex-wrap g-items-center g-ml-8 g-mr-8"
+    class: /*@__PURE__*/ _normalizeClass([
+        '!g-text-12 g-text-[var(--aidev-assist-color)] g-flex-row g-justify-center',
+        'g-flex-wrap g-items-center g-ml-8 g-mr-8'
+    ])
 };
 import { isEmpty } from '../../common/util.ts.js';
 export default /*@__PURE__*/ _defineComponent({
@@ -51,7 +54,11 @@ 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: _normalizeClass([
+                            'g-text-[var(--aidev-clickable-color)]',
+                            'hover:g-text-[var(--aidev-clickable-hover-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-nxcsm9qf] {
+.select-plus-extension[data-v-y440zq4r] {
   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-nxcsm9qf]  {
+.select-plus-extension .ai-ui-sdk-icon[data-v-y440zq4r]  {
     font-size: 14px;
     margin-right: 6px;
 }
-.select-plus-extension[data-v-nxcsm9qf]:hover {
-    color: #3A84FF;
+.select-plus-extension[data-v-y440zq4r]: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-nxcsm9qf";
+script.__scopeId = "data-v-y440zq4r";
 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/icons/index.script.vue.js.js

@@ -2,7 +2,7 @@ import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode } from "vue";
 const _hoisted_1 = {
     key: 0,
-    class: "g-flex-row g-mr-16 !g-text-12 g-text-gray"
+    class: "g-flex-row g-mr-16 !g-text-12 g-text-[var(--aidev-assist-color)]"
 };
 import { ResourceCardType } from '../../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({

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

@@ -85,7 +85,7 @@ const _hoisted_1 = {
     class: "g-flex-row"
 };
 const _hoisted_2 = {
-    class: "g-text-14 g-text-gray"
+    class: "g-text-14 g-text-[var(--aidev-assist-color)]"
 };
 import { Message } from 'bkui-vue';
 import { onBeforeUnmount, ref, toRef, useTemplateRef, watch } from 'vue';

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

@@ -12,11 +12,11 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = {
     "data-ellipsis-tooltip": "",
-    class: "!g-text-12 g-text-gray g-leading-22 g-mb-4 g-truncate"
+    class: "!g-text-12 g-text-[var(--aidev-assist-color)] g-leading-22 g-mb-4 g-truncate"
 };
 const _hoisted_5 = {
     "data-ellipsis-tooltip": "",
-    class: "!g-text-12 g-text-gray g-leading-22 g-truncate"
+    class: "!g-text-12 g-text-[var(--aidev-assist-color)] g-leading-22 g-truncate"
 };
 import { onBeforeMount, ref, toRef } from 'vue';
 import { isEmpty } from '../../../common/util.ts.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',
+                                    '!g-bg-[var(--aidev-inner-background)] hover:!g-bg-[var(--aidev-item-hover-background)]',
                                     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

@@ -51,7 +51,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-skill/variable-form/index.script.vue.js

@@ -1,13 +1,13 @@
 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"
+    class: "g-bg-[var(--aidev-background)] !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"
+    class: "g-bg-[var(--aidev-background)] !g-pl-16 g-h-42"
 };
 import { ref } from 'vue';
 import { Ediatable, InputColumn } from '@blueking/ediatable';
@@ -72,7 +72,7 @@ export default /*@__PURE__*/ _defineComponent({
         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-my-12 g-mx-16"
+                    class: "g-text-12 g-leading-20 g-text-[var(--aidev-title-color)] g-my-12 g-mx-16"
                 }, " 以下环境变量将在 skill 沙箱启动时自动注入 ", -1 /* CACHED */ )),
                 _createVNode(_unref(Ediatable), {
                     "thead-list": theadList,

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

@@ -0,0 +1,440 @@
+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 _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { defineComponent as _defineComponent } from 'vue';
+import { createVNode as _createVNode, renderSlot as _renderSlot, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { computed, ref } from 'vue';
+import RenderSearchEmpty from '../render-search-empty/index.vue.js';
+import { OrderMethod, TTableColumnType } from '../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        columns: {},
+        search: {},
+        pagination: {},
+        orderBy: {},
+        orderMethod: {},
+        selectedDatas: {},
+        beforeDragSort: {},
+        expandedTreeNodes: {},
+        defaultExpandedTreeNodes: {},
+        tree: {},
+        treeExpandAndFoldIcon: {},
+        onAbnormalDragSort: {},
+        onExpandedTreeNodesChange: {},
+        onTreeExpandChange: {},
+        asyncLoading: {},
+        columnController: {},
+        columnControllerVisible: {
+            type: Boolean
+        },
+        defaultColumnControllerVisible: {
+            type: Boolean
+        },
+        displayColumns: {},
+        defaultDisplayColumns: {},
+        dragSort: {},
+        dragSortOptions: {},
+        editableCellState: {},
+        editableRowKeys: {},
+        expandIcon: {
+            type: Boolean
+        },
+        expandOnRowClick: {
+            type: Boolean
+        },
+        expandedRow: {},
+        expandedRowKeys: {},
+        defaultExpandedRowKeys: {},
+        filterIcon: {},
+        filterRow: {},
+        filterValue: {},
+        defaultFilterValue: {},
+        hideSortTips: {
+            type: Boolean,
+            default: true
+        },
+        indeterminateSelectedRowKeys: {},
+        multipleSort: {
+            type: Boolean
+        },
+        reserveSelectedRowOnPaginate: {
+            type: Boolean,
+            default: true
+        },
+        rowSelectionAllowUncheck: {
+            type: Boolean
+        },
+        rowSelectionType: {},
+        selectOnRowClick: {
+            type: Boolean
+        },
+        defaultSelectedRowKeys: {},
+        showSortColumnBgColor: {
+            type: Boolean
+        },
+        defaultSort: {},
+        sortIcon: {},
+        sortOnRowDraggable: {
+            type: Boolean
+        },
+        onAsyncLoadingClick: {},
+        onCellClick: {},
+        onChange: {},
+        onColumnChange: {},
+        onColumnControllerVisibleChange: {},
+        onDataChange: {},
+        onDisplayColumnsChange: {},
+        onDragSort: {},
+        onExpandChange: {},
+        onRowEdit: {},
+        onRowValidate: {},
+        onValidate: {},
+        activeRowKeys: {},
+        defaultActiveRowKeys: {},
+        activeRowType: {},
+        allowResizeColumnWidth: {
+            type: Boolean,
+            default: true
+        },
+        attach: {},
+        bordered: {
+            type: Boolean
+        },
+        bottomContent: {},
+        cellEmptyContent: {
+            default: '--'
+        },
+        data: {},
+        disableDataPage: {
+            type: Boolean,
+            default: true
+        },
+        disableSpaceInactiveRow: {
+            type: Boolean
+        },
+        empty: {},
+        firstFullRow: {},
+        fixedRows: {},
+        footData: {},
+        footerAffixProps: {},
+        footerAffixedBottom: {
+            type: [
+                Boolean,
+                Object
+            ]
+        },
+        footerSummary: {},
+        headerAffixProps: {},
+        headerAffixedTop: {
+            type: [
+                Boolean,
+                Object
+            ]
+        },
+        height: {},
+        horizontalScrollAffixedBottom: {
+            type: [
+                Boolean,
+                Object
+            ]
+        },
+        hover: {
+            type: Boolean,
+            default: true
+        },
+        keyboardRowHover: {
+            type: Boolean
+        },
+        lastFullRow: {},
+        lazyLoad: {
+            type: Boolean
+        },
+        loading: {
+            type: Boolean
+        },
+        loadingProps: {},
+        locale: {},
+        maxHeight: {},
+        paginationAffixedBottom: {
+            type: [
+                Boolean,
+                Object
+            ]
+        },
+        resizable: {
+            type: Boolean,
+            default: true
+        },
+        rowAttributes: {},
+        rowClassName: {},
+        rowKey: {
+            default: 'id'
+        },
+        rowspanAndColspan: {},
+        rowspanAndColspanInFooter: {},
+        scroll: {},
+        showHeader: {
+            type: Boolean,
+            default: true
+        },
+        size: {},
+        stripe: {
+            type: Boolean
+        },
+        tableContentWidth: {},
+        tableLayout: {
+            default: 'fixed'
+        },
+        topContent: {},
+        verticalAlign: {
+            default: 'middle'
+        },
+        onActiveChange: {},
+        onActiveRowAction: {},
+        onColumnResizeChange: {},
+        onRowClick: {},
+        onRowDblclick: {},
+        onRowMousedown: {},
+        onRowMouseenter: {},
+        onRowMouseleave: {},
+        onRowMouseover: {},
+        onRowMouseup: {},
+        onScroll: {},
+        onScrollX: {},
+        onScrollY: {}
+    },
+    emits: [
+        "update:search",
+        "update:selectedDatas",
+        "sort-change",
+        "page-change"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const columnControllerVisible = ref(false);
+        // 传给组件稳定引用
+        const computedColumns = computed(()=>{
+            var _props_columns;
+            return ((_props_columns = props.columns) !== null && _props_columns !== void 0 ? _props_columns : []).map((item)=>{
+                const { sortKey, defaultHide, isOperate } = item, rest = _object_without_properties(item, [
+                    "sortKey",
+                    "defaultHide",
+                    "isOperate"
+                ]);
+                return rest;
+            });
+        });
+        const computedColumnController = computed(()=>{
+            const isNotOperate = (item)=>!item.isOperate;
+            const isNotCheck = (item)=>![
+                    TTableColumnType.Single,
+                    TTableColumnType.Multiple
+                ].includes(item.type);
+            var _props_columns;
+            const fields = ((_props_columns = props.columns) !== null && _props_columns !== void 0 ? _props_columns : []).filter((item)=>isNotOperate(item) && isNotCheck(item)).map((item)=>item.colKey);
+            return {
+                hideTriggerButton: true,
+                fields,
+                dialogProps: {
+                    preventScrollThrough: true,
+                    dialogClassName: 't-table-dialog',
+                    showOverlay: true,
+                    header: '表格设置'
+                }
+            };
+        });
+        const computedDefaultDisplayColumns = computed(()=>{
+            var _props_columns;
+            return ((_props_columns = props.columns) !== null && _props_columns !== void 0 ? _props_columns : []).filter((item)=>!item.defaultHide).map((item)=>item.colKey);
+        });
+        const computedSort = computed(()=>{
+            if (!props.orderBy || !props.orderMethod) {
+                return [];
+            }
+            var _getColKeyBySortKey;
+            return {
+                sortBy: (_getColKeyBySortKey = getColKeyBySortKey(props.orderBy)) !== null && _getColKeyBySortKey !== void 0 ? _getColKeyBySortKey : props.orderBy,
+                descending: props.orderMethod === OrderMethod.Desc
+            };
+        });
+        const getAttrs = ()=>{
+            // 去掉一些自己控制的属性
+            const { search, pagination, orderBy, orderMethod, columns, selectedDatas, displayColumns, columnControllerVisible } = props, rest = _object_without_properties(props, [
+                "search",
+                "pagination",
+                "orderBy",
+                "orderMethod",
+                "columns",
+                "selectedDatas",
+                "displayColumns",
+                "columnControllerVisible"
+            ]);
+            return rest;
+        };
+        const getSortKeyByColKey = (colKey)=>{
+            var _props_columns;
+            const col = (_props_columns = props.columns) === null || _props_columns === void 0 ? void 0 : _props_columns.find((item)=>item.colKey === colKey);
+            return col === null || col === void 0 ? void 0 : col.sortKey;
+        };
+        const getColKeyBySortKey = (sortKey)=>{
+            var _props_columns;
+            const col = (_props_columns = props.columns) === null || _props_columns === void 0 ? void 0 : _props_columns.find((item)=>item.sortKey === sortKey);
+            return col === null || col === void 0 ? void 0 : col.colKey;
+        };
+        const getPagination = ()=>{
+            if (!props.pagination) {
+                return undefined;
+            }
+            return {
+                current: props.pagination.current,
+                pageSize: props.pagination.limit,
+                total: props.pagination.count,
+                selectProps: {
+                    popupProps: {
+                        overlayClassName: 't-table-pagination-select-popup'
+                    }
+                }
+            };
+        };
+        const getSelectedRowKeys = ()=>{
+            var _props_selectedDatas;
+            return (_props_selectedDatas = props.selectedDatas) === null || _props_selectedDatas === void 0 ? void 0 : _props_selectedDatas.map((item)=>item[props.rowKey]);
+        };
+        const handleUpdateSearch = (search)=>{
+            emits('update:search', search);
+        };
+        const handleFilterChange = (filterValue)=>{
+            const searchVal = _object_spread({}, props.search, filterValue);
+            emits('update:search', searchVal);
+        };
+        const handlePageChange = (pageInfo)=>{
+            emits('page-change', pageInfo.current, pageInfo.pageSize);
+        };
+        const handleSortChange = (sort)=>{
+            const sortInfo = Array.isArray(sort) ? sort[0] : sort;
+            if (!(sortInfo === null || sortInfo === void 0 ? void 0 : sortInfo.sortBy)) {
+                // 升降序互换
+                emits('sort-change', props.orderBy, props.orderMethod === OrderMethod.Desc ? OrderMethod.Asc : OrderMethod.Desc);
+                return;
+            }
+            emits('sort-change', getSortKeyByColKey(sortInfo.sortBy), sortInfo.descending ? OrderMethod.Desc : OrderMethod.Asc);
+        };
+        const handleSelectChange = (selectedRowKeys, options)=>{
+            emits('update:selectedDatas', options.selectedRowData);
+        };
+        return (_ctx, _cache)=>{
+            const _component_bk_loading = _resolveComponent("bk-loading");
+            const _component_t_enhanced_table = _resolveComponent("t-enhanced-table");
+            return _openBlock(), _createBlock(_component_t_enhanced_table, _mergeProps({
+                "column-controller-visible": columnControllerVisible.value,
+                "onUpdate:columnControllerVisible": _cache[1] || (_cache[1] = ($event)=>columnControllerVisible.value = $event)
+            }, getAttrs(), {
+                pagination: getPagination(),
+                "selected-row-keys": getSelectedRowKeys(),
+                sort: computedSort.value,
+                columns: computedColumns.value,
+                "column-controller": computedColumnController.value,
+                "default-display-columns": computedDefaultDisplayColumns.value,
+                onSortChange: handleSortChange,
+                onFilterChange: handleFilterChange,
+                onSelectChange: handleSelectChange,
+                onPageChange: handlePageChange
+            }), {
+                empty: _withCtx(()=>[
+                        _createVNode(RenderSearchEmpty, {
+                            search: __props.search,
+                            scene: "part",
+                            "onUpdate:search": handleUpdateSearch
+                        }, null, 8 /* PROPS */ , [
+                            "search"
+                        ])
+                    ]),
+                expandedRow: _withCtx(({ row })=>[
+                        _renderSlot(_ctx.$slots, "expandedRow", {
+                            row: row
+                        }, undefined, true)
+                    ]),
+                sortIcon: _withCtx(()=>[
+                        ..._cache[2] || (_cache[2] = [
+                            _createElementVNode("i", {
+                                class: "ai-ui-sdk-icon ai-ui-sdk-angle-up-fill-3 g-text-[var(--aidev-disabled-color)]"
+                            }, null, -1 /* CACHED */ )
+                        ])
+                    ]),
+                loading: _withCtx(()=>[
+                        _createVNode(_component_bk_loading, {
+                            loading: true
+                        })
+                    ]),
+                topContent: _withCtx(()=>[
+                        _createElementVNode("i", {
+                            class: "ai-ui-sdk-icon ai-ui-sdk-setting-2 t-table-setting-trigger",
+                            onClick: _cache[0] || (_cache[0] = ($event)=>columnControllerVisible.value = true)
+                        })
+                    ]),
+                _: 3 /* FORWARDED */ 
+            }, 16 /* FULL_PROPS */ , [
+                "column-controller-visible",
+                "pagination",
+                "selected-row-keys",
+                "sort",
+                "columns",
+                "column-controller",
+                "default-display-columns"
+            ]);
+        };
+    }
+});