@blueking/ai-ui-sdk 0.5.0-beta.2 → 0.5.0-beta.3

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

@@ -0,0 +1,139 @@
+"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/core-js/modules/es.symbol.js');
+require('../../../node_modules/core-js/modules/es.symbol.description.js');
+require('../../../node_modules/core-js/modules/es.array.filter.js');
+require('../../../node_modules/core-js/modules/es.array.iterator.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.to-string.js');
+require('../../../node_modules/core-js/modules/es.promise.js');
+require('../../../node_modules/core-js/modules/es.string.iterator.js');
+require('../../../node_modules/core-js/modules/web.dom-collections.iterator.js');
+var _defineProperty2 = _interopRequireDefault(require('../../../node_modules/@babel/runtime/helpers/defineProperty.js'));
+var _toConsumableArray2 = _interopRequireDefault(require('../../../node_modules/@babel/runtime/helpers/toConsumableArray.js'));
+var _vue = require("vue");
+var _ediatable = require("@blueking/ediatable");
+require("@blueking/ediatable/vue3/vue3.css");
+var _util = require('../../../common/util.ts.js');
+var _hoisted_1 = {
+    class: "g-bg-fafbfd !g-pl-16 g-h-42"
+};
+var _hoisted_2 = {
+    class: "g-h-42"
+};
+var _hoisted_3 = {
+    class: "g-bg-fafbfd !g-pl-16 g-h-42"
+};
+var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+    props: {
+        skillEnvs: {}
+    },
+    emits: [
+        "update:skillEnvs"
+    ],
+    setup: function setup(__props, _ref) {
+        var __expose = _ref.expose, __emit = _ref.emit;
+        ;
+        var props = __props;
+        var emit = __emit;
+        var valueRefs = (0, _vue.ref)([]);
+        var theadList = [
+            {
+                title: 'Key',
+                required: false
+            },
+            {
+                title: 'Value',
+                required: true
+            },
+            {
+                title: '说明',
+                required: false
+            }
+        ];
+        var valueErrorMessage = '';
+        var getValueRule = function getValueRule(item) {
+            return [
+                {
+                    validator: function validator(value) {
+                        valueErrorMessage = '';
+                        if (item.required && (0, _util.isEmpty)(value)) {
+                            valueErrorMessage = "".concat(item.key, "\u503C\u4E3A\u5FC5\u586B");
+                            return false;
+                        }
+                        return true;
+                    },
+                    message: function message() {
+                        return valueErrorMessage;
+                    }
+                }
+            ];
+        };
+        var handleUpdate = function handleUpdate(index, key, value) {
+            var newData = (0, _toConsumableArray2.default)(props.skillEnvs);
+            newData[index] = Object.assign(Object.assign({}, newData[index]), (0, _defineProperty2.default)({}, key, value));
+            emit('update:skillEnvs', newData);
+        };
+        var validate = function validate() {
+            var validResults = valueRefs.value.filter(function(valueRef) {
+                return valueRef !== null;
+            });
+            return Promise.all(validResults.map(function(valueRef) {
+                return valueRef.getValue();
+            }));
+        };
+        __expose({
+            validate: validate
+        });
+        return function(_ctx, _cache) {
+            return (0, _vue.openBlock)(), (0, _vue.createElementBlock)(_vue.Fragment, null, [
+                _cache[0] || (_cache[0] = (0, _vue.createElementVNode)("h3", {
+                    class: "g-text-12 g-leading-20 g-text-black g-my-12 g-mx-16"
+                }, " 以下环境变量将在 skill 沙箱启动时自动注入 ", -1 /* CACHED */ )),
+                (0, _vue.createVNode)((0, _vue.unref)(_ediatable.Ediatable), {
+                    "thead-list": theadList,
+                    class: "!g-mb-12 g-mx-16 !g-w-568 g-max-h-400 g-scrollbar"
+                }, {
+                    data: (0, _vue.withCtx)(function() {
+                        return [
+                            (0, _vue.createElementVNode)("tbody", null, [
+                                ((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(props.skillEnvs, function(item, index) {
+                                    return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("tr", {
+                                        key: item.key
+                                    }, [
+                                        (0, _vue.createElementVNode)("td", _hoisted_1, (0, _vue.toDisplayString)(item.key), 1 /* TEXT */ ),
+                                        (0, _vue.createElementVNode)("td", _hoisted_2, [
+                                            (0, _vue.createVNode)((0, _vue.unref)(_ediatable.InputColumn), {
+                                                "model-value": item.value,
+                                                rules: getValueRule(item),
+                                                ref_for: true,
+                                                ref: function ref(el) {
+                                                    return valueRefs.value[index] = el;
+                                                },
+                                                placeholder: "请输入 Value",
+                                                onChange: function onChange(val) {
+                                                    return handleUpdate(index, 'value', val);
+                                                }
+                                            }, null, 8 /* PROPS */ , [
+                                                "model-value",
+                                                "rules",
+                                                "onChange"
+                                            ])
+                                        ]),
+                                        (0, _vue.createElementVNode)("td", _hoisted_3, (0, _vue.toDisplayString)(item.description), 1 /* TEXT */ )
+                                    ]);
+                                }), 128 /* KEYED_FRAGMENT */ ))
+                            ])
+                        ];
+                    }),
+                    _: 1 /* STABLE */ 
+                })
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});

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.script.vue.js

@@ -0,0 +1,438 @@
+"use strict";
+var _interopRequireDefault = require('../../node_modules/@babel/runtime/helpers/interopRequireDefault.js');
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _typeof2 = _interopRequireDefault(require('../../node_modules/@babel/runtime/helpers/typeof.js'));
+var _toConsumableArray2 = _interopRequireDefault(require('../../node_modules/@babel/runtime/helpers/toConsumableArray.js'));
+require('../../node_modules/core-js/modules/es.array.concat.js');
+require('../../node_modules/core-js/modules/es.array.filter.js');
+require('../../node_modules/core-js/modules/es.array.find.js');
+require('../../node_modules/core-js/modules/es.array.find-index.js');
+require('../../node_modules/core-js/modules/es.array.includes.js');
+require('../../node_modules/core-js/modules/es.array.iterator.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.regexp.exec.js');
+require('../../node_modules/core-js/modules/es.set.js');
+require('../../node_modules/core-js/modules/es.string.includes.js');
+require('../../node_modules/core-js/modules/es.string.iterator.js');
+require('../../node_modules/core-js/modules/es.string.search.js');
+require('../../node_modules/core-js/modules/es.string.split.js');
+require('../../node_modules/core-js/modules/web.dom-collections.for-each.js');
+require('../../node_modules/core-js/modules/web.dom-collections.iterator.js');
+var _icon = require("bkui-vue/lib/icon");
+var _index = _interopRequireDefault(require('../render-search-empty/index.vue.js'));
+var _util = require('../../util.ts.js');
+var _hoisted_1 = {
+    class: "t-table-row-height"
+};
+var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+    props: {
+        columns: {},
+        isLoading: {
+            type: Boolean
+        },
+        tableData: {},
+        pagination: {},
+        layout: {
+            default: function _default(props) {
+                return props.pagination ? [
+                    'total',
+                    'limit',
+                    'list'
+                ] : [];
+            }
+        },
+        containerHeight: {},
+        search: {},
+        rowClassName: {},
+        rowKey: {},
+        height: {},
+        paginationBorder: {
+            type: Boolean
+        }
+    },
+    emits: [
+        "sort-change",
+        "page-change",
+        "page-size-change",
+        "row-mouseleave",
+        "select-change",
+        "row-click",
+        "row-mouseenter",
+        "update:search"
+    ],
+    setup: function setup(__props, _ref) {
+        var __emit = _ref.emit;
+        var props = __props;
+        var emits = __emit;
+        var rowHeight = (0, _vue.ref)();
+        var columnControllerVisible = (0, _vue.ref)(false);
+        var getMaxHeight = function getMaxHeight() {
+            return props.pagination ? 'calc(100% - 48px)' : '100%';
+        };
+        var getDefaultColumns = function getDefaultColumns() {
+            // 只要有一项配置了 defaultShow 则需要列配置按钮
+            var isSetting = props.columns.some(function(column) {
+                return column.defaultShow;
+            });
+            if (isSetting) {
+                return props.columns.filter(function(column) {
+                    return column.defaultShow;
+                }).map(function(item) {
+                    return item.colKey;
+                });
+            }
+            return props.columns.map(function(column) {
+                return column.colKey;
+            });
+        };
+        var displayColumns = (0, _vue.ref)(getDefaultColumns());
+        var getRowClassName = function getRowClassName(_ref2) {
+            var row = _ref2.row, rowIndex = _ref2.rowIndex;
+            if (!row || rowIndex === undefined) {
+                return;
+            }
+            var customRowClass = typeof props.rowClassName === 'function' ? props.rowClassName(row, rowIndex) : props.rowClassName;
+            var classList = [];
+            if (typeof customRowClass === 'string') {
+                classList.push.apply(classList, (0, _toConsumableArray2.default)(customRowClass.split(/\s+/).filter(Boolean)));
+            } else if (Array.isArray(customRowClass)) {
+                classList.push.apply(classList, (0, _toConsumableArray2.default)(customRowClass.filter(function(c) {
+                    return typeof c === 'string' && c;
+                })));
+            } else if (customRowClass && (0, _typeof2.default)(customRowClass) === 'object') {
+                classList.push.apply(classList, (0, _toConsumableArray2.default)(Object.keys(customRowClass).filter(function(key) {
+                    return customRowClass[key];
+                })));
+            }
+            var heightClass = classList.findLast(function(item) {
+                return item.includes('g-h-');
+            });
+            if (heightClass && !rowHeight.value) {
+                rowHeight.value = heightClass;
+            }
+            var classNames = classList.filter(function(item) {
+                return !item.includes('g-h-');
+            });
+            return (0, _toConsumableArray2.default)(new Set([].concat((0, _toConsumableArray2.default)(classNames), [
+                rowHeight.value
+            ]))).join(' ');
+        };
+        var getSettingColumns = function getSettingColumns() {
+            var columns = (0, _toConsumableArray2.default)(props.columns).map(function(column) {
+                if ((0, _util.isObject)(column.filter)) {
+                    return Object.assign(Object.assign({}, column), {
+                        filter: Object.assign(Object.assign({}, column.filter), {
+                            popupProps: Object.assign(Object.assign({}, column.filter.popupProps), {
+                                overlayInnerClassName: 'g-t-table-filter'
+                            })
+                        })
+                    });
+                }
+                return column;
+            });
+            if ((0, _util.isEmpty)(columns.find(function(column) {
+                return column.defaultShow;
+            }))) {
+                return columns;
+            }
+            var lastColKey = displayColumns.value[displayColumns.value.length - 1];
+            var lastIndex = columns.findIndex(function(col) {
+                return col.colKey === lastColKey;
+            });
+            if (lastIndex === -1) return columns;
+            var lastColumn = columns[lastIndex];
+            var newColumn = Object.assign(Object.assign({
+                minWidth: '120'
+            }, lastColumn), {
+                title: function title() {
+                    var originalContent;
+                    if (typeof lastColumn.title === 'function') {
+                        originalContent = lastColumn.title.apply(lastColumn, arguments);
+                    } else {
+                        originalContent = lastColumn.title || '--';
+                    }
+                    return (0, _vue.createVNode)(_vue.Fragment, null, [
+                        (0, _vue.createVNode)("span", null, [
+                            originalContent
+                        ]),
+                        (0, _vue.createVNode)("i", {
+                            "class": 'ai-ui-sdk-icon ai-ui-sdk-setting-2 g-text-14 g-text-light-gray hover:!g-text-blue g-ml-4 !g-cursor-pointer',
+                            "onClick": function onClick() {
+                                return showSetting();
+                            }
+                        }, null)
+                    ]);
+                }
+            });
+            columns[lastIndex] = newColumn;
+            return columns;
+        };
+        var handleColumnChange = function handleColumnChange(columns) {
+            var colKeyColumns = props.columns.filter(function(column) {
+                return column.colKey;
+            });
+            if (!columns.length) {
+                return displayColumns.value = colKeyColumns.map(function(column) {
+                    return column.colKey;
+                });
+            }
+            // 根据 columns 重新定义 展示列顺序
+            displayColumns.value = colKeyColumns.filter(function(column) {
+                return columns.includes(column.colKey);
+            }).map(function(item) {
+                return item.colKey;
+            });
+        };
+        var showSetting = function showSetting() {
+            columnControllerVisible.value = true;
+        };
+        var getColumnControllerConfig = function getColumnControllerConfig() {
+            return {
+                // 隐藏组件内部的 列配置按钮
+                hideTriggerButton: true,
+                // 允许哪些列参与显示-隐藏控制
+                fields: props.columns.map(function(item) {
+                    return item.colKey;
+                }),
+                // 透传弹框组件全部属性
+                dialogProps: {
+                    preventScrollThrough: true,
+                    dialogClassName: 't-table-dialog',
+                    showOverlay: true,
+                    header: function header() {
+                        return (0, _vue.createVNode)("span", {
+                            "class": "t-table-dialog-header"
+                        }, [
+                            (0, _vue.createTextVNode)("\u8868\u683C\u8BBE\u7F6E")
+                        ]);
+                    }
+                }
+            };
+        };
+        var handleSelectChange = function handleSelectChange(keys, _ref3) {
+            var selectedRowData = _ref3.selectedRowData;
+            emits('select-change', keys, selectedRowData);
+        };
+        var handlePageChange = function handlePageChange(page) {
+            emits('page-change', page);
+        };
+        var handlePageSizeChange = function handlePageSizeChange(pageSize) {
+            emits('page-size-change', pageSize);
+        };
+        var handleSortChange = function handleSortChange(config, _ref4) {
+            var col = _ref4.col;
+            emits('sort-change', config, {
+                col: col
+            });
+        };
+        var handleRowClick = function handleRowClick(_ref5) {
+            var row = _ref5.row;
+            emits('row-click', row);
+        };
+        var handleRowMouseenter = function handleRowMouseenter(_ref6) {
+            var row = _ref6.row;
+            emits('row-mouseenter', row);
+        };
+        var handleRowMouseleave = function handleRowMouseleave() {
+            emits('row-mouseleave');
+        };
+        var handleUpdateSearch = function handleUpdateSearch(search) {
+            emits('update:search', search);
+        };
+        var handleFilterChange = function handleFilterChange(filters) {
+            var searchVal = Object.assign(Object.assign({}, props.search), filters);
+            Object.keys(searchVal).forEach(function(item) {
+                var key = item;
+                if ((0, _util.isEmpty)(searchVal[key])) {
+                    delete searchVal[key];
+                }
+            });
+            emits('update:search', searchVal);
+        };
+        (0, _vue.watch)(function() {
+            return props.columns.map(function(col) {
+                return col.colKey;
+            });
+        }, function(newColKeys, oldColKeys) {
+            if (newColKeys.some(function(colKey, index) {
+                return colKey !== oldColKeys[index];
+            })) {
+                displayColumns.value = getDefaultColumns();
+            }
+        });
+        return function(_ctx, _cache) {
+            var _a;
+            var _component_bk_radio_button = (0, _vue.resolveComponent)("bk-radio-button");
+            var _component_bk_radio_group = (0, _vue.resolveComponent)("bk-radio-group");
+            var _component_bk_loading = (0, _vue.resolveComponent)("bk-loading");
+            var _component_t_enhanced_table = (0, _vue.resolveComponent)("t-enhanced-table");
+            var _component_bk_pagination = (0, _vue.resolveComponent)("bk-pagination");
+            return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("section", {
+                style: (0, _vue.normalizeStyle)({
+                    height: __props.height
+                })
+            }, [
+                (0, _vue.createVNode)(_component_t_enhanced_table, (0, _vue.mergeProps)(_ctx.$attrs, {
+                    "column-controller-visible": columnControllerVisible.value,
+                    "onUpdate:columnControllerVisible": _cache[1] || (_cache[1] = function($event) {
+                        return columnControllerVisible.value = $event;
+                    }),
+                    "filter-value": {},
+                    "max-height": getMaxHeight(),
+                    loading: __props.isLoading,
+                    "row-key": __props.rowKey,
+                    "header-affixed-top": !!((_a = __props.tableData) === null || _a === void 0 ? void 0 : _a.length),
+                    "display-columns": displayColumns.value,
+                    class: "t-t-table ".concat(_ctx.$attrs.class),
+                    data: __props.tableData,
+                    "column-controller": getColumnControllerConfig(),
+                    columns: getSettingColumns(),
+                    "row-class-name": getRowClassName,
+                    "expand-icon": false,
+                    resizable: true,
+                    "cell-empty-content": "--",
+                    onSortChange: handleSortChange,
+                    onFilterChange: handleFilterChange,
+                    onDisplayColumnsChange: handleColumnChange,
+                    onSelectChange: handleSelectChange,
+                    onRowClick: handleRowClick,
+                    onRowMouseenter: handleRowMouseenter,
+                    onRowMouseleave: handleRowMouseleave
+                }), {
+                    columnControllerBottomContent: (0, _vue.withCtx)(function() {
+                        return [
+                            (0, _vue.createElementVNode)("section", _hoisted_1, [
+                                _cache[5] || (_cache[5] = (0, _vue.createTextVNode)(" 表格行高： ", -1 /* CACHED */ )),
+                                (0, _vue.createVNode)(_component_bk_radio_group, {
+                                    modelValue: rowHeight.value,
+                                    "onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
+                                        return rowHeight.value = $event;
+                                    })
+                                }, {
+                                    default: (0, _vue.withCtx)(function() {
+                                        return [
+                                            (0, _vue.createVNode)(_component_bk_radio_button, {
+                                                label: "g-h-42"
+                                            }, {
+                                                default: (0, _vue.withCtx)(function() {
+                                                    return (0, _toConsumableArray2.default)(_cache[2] || (_cache[2] = [
+                                                        (0, _vue.createTextVNode)(" 小 ", -1 /* CACHED */ )
+                                                    ]));
+                                                }),
+                                                _: 1 /* STABLE */ 
+                                            }),
+                                            (0, _vue.createVNode)(_component_bk_radio_button, {
+                                                label: "g-h-60"
+                                            }, {
+                                                default: (0, _vue.withCtx)(function() {
+                                                    return (0, _toConsumableArray2.default)(_cache[3] || (_cache[3] = [
+                                                        (0, _vue.createTextVNode)(" 中 ", -1 /* CACHED */ )
+                                                    ]));
+                                                }),
+                                                _: 1 /* STABLE */ 
+                                            }),
+                                            (0, _vue.createVNode)(_component_bk_radio_button, {
+                                                label: "g-h-78"
+                                            }, {
+                                                default: (0, _vue.withCtx)(function() {
+                                                    return (0, _toConsumableArray2.default)(_cache[4] || (_cache[4] = [
+                                                        (0, _vue.createTextVNode)(" 大 ", -1 /* CACHED */ )
+                                                    ]));
+                                                }),
+                                                _: 1 /* STABLE */ 
+                                            })
+                                        ];
+                                    }),
+                                    _: 1 /* STABLE */ 
+                                }, 8 /* PROPS */ , [
+                                    "modelValue"
+                                ])
+                            ])
+                        ];
+                    }),
+                    empty: (0, _vue.withCtx)(function() {
+                        return [
+                            (0, _vue.createVNode)(_index.default, {
+                                search: __props.search,
+                                scene: "part",
+                                "onUpdate:search": handleUpdateSearch
+                            }, null, 8 /* PROPS */ , [
+                                "search"
+                            ])
+                        ];
+                    }),
+                    expandedRow: (0, _vue.withCtx)(function(_ref7) {
+                        var row = _ref7.row;
+                        return [
+                            (0, _vue.renderSlot)(_ctx.$slots, "expandedRow", {
+                                row: row
+                            }, undefined, true)
+                        ];
+                    }),
+                    sortIcon: (0, _vue.withCtx)(function() {
+                        return (0, _toConsumableArray2.default)(_cache[6] || (_cache[6] = [
+                            (0, _vue.createElementVNode)("i", {
+                                class: "ai-ui-sdk-icon ai-ui-sdk-angle-up-fill-3 g-text-light-gray"
+                            }, null, -1 /* CACHED */ )
+                        ]));
+                    }),
+                    loading: (0, _vue.withCtx)(function() {
+                        return [
+                            (0, _vue.createVNode)(_component_bk_loading, {
+                                loading: true
+                            })
+                        ];
+                    }),
+                    filterIcon: (0, _vue.withCtx)(function() {
+                        return [
+                            (0, _vue.createVNode)((0, _vue.unref)(_icon.Funnel), {
+                                class: "g-text-light-gray g-text-14"
+                            })
+                        ];
+                    }),
+                    _: 3 /* FORWARDED */ 
+                }, 16 /* FULL_PROPS */ , [
+                    "column-controller-visible",
+                    "max-height",
+                    "loading",
+                    "row-key",
+                    "header-affixed-top",
+                    "display-columns",
+                    "class",
+                    "data",
+                    "column-controller",
+                    "columns"
+                ]),
+                __props.pagination ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_pagination, {
+                    key: 0,
+                    class: (0, _vue.normalizeClass)({
+                        't-t-pagination': true,
+                        'pagination-loading': __props.isLoading,
+                        'pagination-border': __props.paginationBorder
+                    }),
+                    "model-value": __props.pagination.current,
+                    count: __props.pagination.count,
+                    limit: __props.pagination.limit,
+                    layout: __props.layout,
+                    size: "small",
+                    onChange: handlePageChange,
+                    onLimitChange: handlePageSizeChange
+                }, null, 8 /* PROPS */ , [
+                    "class",
+                    "model-value",
+                    "count",
+                    "limit",
+                    "layout"
+                ])) : (0, _vue.createCommentVNode)("v-if", true)
+            ], 4 /* STYLE */ );
+        };
+    }
+});