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

package/dist/assets/svg/lock.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="16px" viewBox="0 0 12 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <path fill="currentColor"
+        d="
+            M10.875,8
+            L11.454545,8
+            C11.75625,8 12,8.25025 12,8.56
+            L12,15.44
+            C12,15.74975 11.75625,16 11.454545,16
+            L0.545455,16
+            C0.24375,16 0,15.74975 0,15.44
+            L0,8.56
+            C0,8.25025 0.24375,8 0.545455,8
+        ">
+    </path>
+    <path fill="currentColor"
+        d="
+            M1.704545,8
+            L1.704545,2.24
+            C1.704545,1.00275 2.68125,0 3.886364,0
+            L8.113636,0
+            C9.31875,0 10.295455,1.00275 10.295455,2.24
+            L10.295455,6
+            L9.068182,6
+            L9.068182,2.24
+            C9.068182,1.69925 8.640341,1.26 8.113636,1.26
+            L3.886364,1.26
+            C3.359659,1.26 2.931818,1.69925 2.931818,2.24
+            L2.931818,8
+            L9,8
+            L10.875,8 Z
+        ">
+        <animateTransform id="lock"
+            attributeName="transform"
+            attributeType="XML"
+            type="translate"
+            values="0 2; 0 0; 0 0"
+            keyTimes="0; .5; 1"
+            dur="1s"
+            repeatCount="indefinite">
+        </animateTransform>
+    </path>
+</svg>

package/dist/assets/svg/picture-fail.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><g ><path fill="#979BA5" d="M208 198.88l168 0-7.84 86.08 51.68 87.36L382.4 486.72l114.88-98.4 7.84-112 41.76-78.08H824.64a56 56 0 0 1 51.68 52.8V721.6L747.04 555.36a40.96 40.96 0 0 0-67.36-5.12l-145.76 146.88L384 502.56c-16-20.96-41.76-20.96-62.56 0L150.56 712.96 152 252.48A54.4 54.4 0 0 1 208 198.88M823.84 145.44l-315.04 0-48 134.4 10.08 96.8L416 432l32.96-64-37.28-96 33.76-128-242.56 1.44A106.24 106.24 0 0 0 96 248.16l2.08 524.8A104.64 104.64 0 0 0 200.16 880h624A104.64 104.64 0 0 0 928 775.2V250.24a104.96 104.96 0 0 0-104.16-104.8"/><path fill="#979BA5" d="M569.28 405.44a88.32 88.32 0 0 0 43.04 75.52 84.64 84.64 0 0 0 86.88 0 86.72 86.72 0 0 0 43.04-75.52 88.64 88.64 0 0 0-43.04-75.52 85.44 85.44 0 0 0-86.88 0 88.64 88.64 0 0 0-43.04 75.52"/></g></svg>

package/dist/common/constants.ts.js

@@ -0,0 +1,25 @@
+import { Module } from '../enums.ts.js';
+export const MAX_PAGE_SIZE = 10000;
+export const TEN_SECONDS = 10 * 1000;
+export const MODULE_NAME = {
+    [Module.Knowledgebase]: '知识库',
+    [Module.Knowledge]: '知识',
+    [Module.Prompt]: 'Prompt',
+    [Module.Tool]: '工具',
+    [Module.Collection]: '角色',
+    [Module.Agent]: '智能体',
+    [Module.AgentCommand]: '智能体指令',
+    [Module.AgentCommandComponent]: '智能体指令组件',
+    [Module.LLM]: 'LLM',
+    [Module.Tag]: '标签',
+    [Module.Mcp]: 'MCP',
+    [Module.Default]: '默认',
+    [Module.PromptVariables]: 'Prompt变量',
+    [Module.Model]: '模型',
+    [Module.Dataset]: '数据集',
+    [Module.Meta]: '元数据',
+    [Module.Market]: '市场',
+    [Module.Cr]: 'CR',
+    [Module.Credential]: '凭证',
+    [Module.Skill]: 'Skill'
+};

package/dist/common/util.ts.js

@@ -0,0 +1,411 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+import { Message } from 'bkui-vue';
+import dayjs from 'dayjs';
+/**
+ * 选择要上传的文件
+ * @param accept 可接受的类型
+ * @param size 大小限制
+ * @param multiple 是否多选
+ * @param number 限制数量
+ * @param allowFolder 是否允许选择文件夹
+ * @returns Promise
+ */ export function chooseFile(accept = '.json', size, multiple, allowFolder) {
+    return new Promise((resolve, reject)=>{
+        const uploadEl = document.createElement('input');
+        uploadEl.style.display = 'none';
+        uploadEl.type = 'file';
+        uploadEl.multiple = multiple;
+        uploadEl.accept = accept;
+        uploadEl.webkitdirectory = allowFolder;
+        uploadEl.onchange = (event)=>{
+            const { files } = event.target;
+            if (size && Array.from(files).some((file)=>file.size > size)) {
+                reject(`大小不能超过${size / 1024 / 1024}m`);
+            }
+            const results = [];
+            // 根据accept筛选文件
+            const acceptTypes = accept.split(',');
+            for (const file of files){
+                if (!allowFolder || acceptTypes.some((acceptType)=>file.name.endsWith(acceptType))) {
+                    results.push(file);
+                }
+            }
+            resolve(results);
+        };
+        document.body.appendChild(uploadEl);
+        uploadEl.click();
+        document.body.removeChild(uploadEl);
+    });
+}
+/**
+ * 是否匹配
+ * @param value 数据
+ * @param search 搜索
+ * @returns 是否匹配
+ */ export const isMatchSearch = (value, search)=>{
+    return value.toLocaleLowerCase().includes(search.toLocaleLowerCase());
+};
+/**
+ * 将大小转换成需要展示的文本
+ * @param size 大小
+ * @returns 展示的文本
+ */ export const getFileSizeTxt = (size)=>{
+    let result = `${numberFormatter(size)} B`;
+    if (size > 1024) {
+        result = `${numberFormatter(size / 1024)} KB`;
+    }
+    if (size > 1024 * 1024) {
+        result = `${numberFormatter(size / 1024 / 1024)} MB`;
+    }
+    if (size > 1024 * 1024 * 1024) {
+        result = `${numberFormatter(size / 1024 / 1024)} GB`;
+    }
+    return result;
+};
+/**
+ * 数据格式转换
+ * @param val 值
+ * @param fixed 位数
+ * @param locales 语言
+ * @returns 格式化后的字符串
+ */ export const numberFormatter = (val = 0, fixed = 1, locales = 'en-US')=>{
+    const options = {
+        minimumFractionDigits: fixed,
+        maximumFractionDigits: fixed,
+        useGrouping: true
+    };
+    return new Intl.NumberFormat(locales, options).format(val);
+};
+/**
+ * 数值转换成 k m g 等单位
+ * @param val 数值
+ * @returns 转换后的数值
+ */ export const numberUnitFormatter = (val = 0, fixed = 1)=>{
+    if (val < 1000 || isEmpty(val)) {
+        return val;
+    }
+    if (val < 1000000) {
+        return `${numberFormatter(val / 1000, fixed)}K`;
+    }
+    if (val < 1000000000) {
+        return `${numberFormatter(val / 1000000, fixed)}M`;
+    }
+    return `${numberFormatter(val / 1000000000, fixed)}G`;
+};
+/**
+* 节流，每隔一段时间执行
+* @param {*} fn 需要执行的函数
+* @param {*} delay 延迟时间，默认200
+* @returns
+*/ export const throttle = (fn, delay = 200)=>{
+    let valid = true;
+    return function(p1, p2) {
+        if (!valid) {
+            return false;
+        }
+        valid = false;
+        setTimeout(()=>{
+            fn(p1, p2);
+            valid = true;
+        }, delay);
+    };
+};
+/**
+ * 判断是否是 JSON 字符串
+ * @param str 字符串
+ * @returns 是否是 JSON 字符串
+ */ export const isJSON = (str)=>{
+    try {
+        JSON.parse(str);
+        return true;
+    } catch (e) {
+        return false;
+    }
+};
+/**
+ * 检查是不是 object 类型
+ * @param item
+ * @returns {boolean}
+ */ export function isObject(item) {
+    return Object.prototype.toString.apply(item) === '[object Object]';
+}
+/**
+ * 获取 cookie
+ * @param key cookie key
+ * @returns cookie value
+ */ export function getCookies(key) {
+    const arrCookie = document.cookie.split('; '); // 分割
+    const cookiesObj = {};
+    arrCookie.forEach((cookieStr)=>{
+        const arr = cookieStr.split('=');
+        const [key, value] = arr;
+        if (key) {
+            cookiesObj[key] = value;
+        }
+    });
+    return cookiesObj[key];
+}
+/**
+ * 深度合并多个对象
+ * @param objectArray 待合并列表
+ * @returns {object} 合并后的对象
+ */ export function deepMerge(...objectArray) {
+    return objectArray.reduce((acc, obj)=>{
+        Object.keys(obj || {}).forEach((key)=>{
+            const pVal = acc[key];
+            const oVal = obj[key];
+            if (isObject(pVal) && isObject(oVal)) {
+                acc[key] = deepMerge(pVal, oVal);
+            } else {
+                acc[key] = oVal;
+            }
+        });
+        return acc;
+    }, {});
+}
+// 合并字符串，如果是 / 开头就去掉它
+export const mergeStringWithoutLeadingSlash = (str1 = '', str2 = '')=>{
+    const result = `${str1}/${str2}`;
+    if (result.startsWith('/')) {
+        return result.slice(1);
+    }
+    return result;
+};
+// 合并字符串，如果是 / 结尾就去掉它
+export const mergeStringWithoutLastSlash = (str1 = '', str2 = '')=>{
+    const result = `${str1}/${str2}`;
+    if (result.endsWith('/')) {
+        return result.slice(0, -1);
+    }
+    return result;
+};
+/**
+ * 响应时间格式化
+ * @param val 待格式化时间，xxms
+ * @returns 格式化后的时间,xx小时xx分钟xx秒
+ */ export function durationFormatter(val) {
+    const hours = Math.floor(val / 3600000);
+    const minutes = Math.floor(val % 3600000 / 60000);
+    const seconds = Math.floor(val % 60000 / 1000);
+    const milliseconds = val % 1000;
+    const parts = [];
+    if (hours > 0) {
+        parts.push(`${hours}h`);
+    }
+    if (minutes > 0) {
+        parts.push(`${minutes}min`);
+    }
+    if (seconds > 0) {
+        parts.push(`${seconds}s`);
+    }
+    if (milliseconds > 0) {
+        parts.push(`${milliseconds.toFixed(2)}ms`);
+    }
+    return parts.join(' ');
+}
+/**
+ * 前端下载文件
+ * @param {*} source 文件内容
+ * @param {*} filename 文件名
+ */ export function handleDownLoad(source, filename = 'ai.txt') {
+    const downloadEl = document.createElement('a');
+    const blob = new Blob([
+        source
+    ]);
+    downloadEl.download = filename;
+    downloadEl.href = URL.createObjectURL(blob);
+    downloadEl.style.display = 'none';
+    document.body.appendChild(downloadEl);
+    downloadEl.click();
+    document.body.removeChild(downloadEl);
+}
+export const handleCopy = function() {
+    var _ref = _async_to_generator(function*(text) {
+        try {
+            yield navigator.clipboard.writeText(text);
+            Message({
+                theme: 'success',
+                message: '复制成功'
+            });
+        } catch (err) {
+            console.error('复制失败:', err);
+            Message({
+                theme: 'error',
+                message: '复制失败'
+            });
+        }
+    });
+    return function handleCopy(text) {
+        return _ref.apply(this, arguments);
+    };
+}();
+/**
+ * 时间格式化
+ * @param val 待格式化时间
+ * @param format 格式
+ * @returns 格式化后的时间
+ */ export function timeFormatter(val, format = 'YYYY-MM-DD HH:mm:ss') {
+    return val ? dayjs(val).format(format) : '--';
+}
+/**
+ * 处理提示词模板,替换模板中的变量
+ * @param prompt 提示词模板
+ * @param selectedText 选中的文本
+ * @returns 处理后的提示词
+ */ export const processPromptTemplate = (prompt, selectedText)=>{
+    return prompt.replace(/\{\{\s*SELECTED_TEXT\s*\}\}/g, selectedText || '');
+};
+/**
+ * 获取全屏的父元素
+ * @param target 全屏按钮
+ * @returns 全屏的父元素
+ */ export const getFullScreenWrap = (target)=>{
+    let parentElement = target.parentElement;
+    while(parentElement && !(parentElement === null || parentElement === void 0 ? void 0 : parentElement.classList.contains('full-screen-wrap'))){
+        parentElement = parentElement === null || parentElement === void 0 ? void 0 : parentElement.parentElement;
+    }
+    return parentElement;
+};
+/**
+ * 判断元素的父节点们有没有某个class
+ * @param ele 当前元素
+ * @param cls class名
+ * @returns 是否有
+ */ export const isParentHasClass = (ele, cls)=>{
+    let result = false;
+    let current = ele;
+    while(current){
+        var _current_className_includes, _current_className;
+        if ((_current_className = current.className) === null || _current_className === void 0 ? void 0 : (_current_className_includes = _current_className.includes) === null || _current_className_includes === void 0 ? void 0 : _current_className_includes.call(_current_className, cls)) {
+            result = true;
+            break;
+        }
+        current = current.parentElement;
+    }
+    return result;
+};
+/**
+ * 判断值是否为空
+ * @param { string | array | object | null | undefined } value 值
+ * @returns boolean
+ */ export function isEmpty(value) {
+    if (value === '' || value === null || value === undefined) {
+        return true;
+    }
+    if (Array.isArray(value) && value.length < 1) {
+        return true;
+    }
+    if (Object.prototype.toString.call(value) === '[object Object]' && Object.keys(value).length < 1) {
+        return true;
+    }
+    return false;
+}
+/**
+ * 生成随机数
+ * @param {Number} n
+ * @param str,默认26位字母及数字
+ */ export const random = (n = 8, str = 'abcdefghijklmnopqrstuvwxyz0123456789')=>{
+    let result = '';
+    for(let i = 0; i < n; i++){
+        result += str[Math.floor(Math.random() * str.length)];
+    }
+    return result;
+};
+/**
+ * 获取 traceparent
+ * @returns traceparent
+ */ export const getTraceparent = ()=>{
+    return `00-${random(32, 'abcdef0123456789')}-${random(16, 'abcdef0123456789')}-01`;
+};
+/**
+ * 判断搜索文本是否匹配
+ * @param text 文本
+ * @param search 搜索内容
+ * @returns 是否匹配
+ */ export function isSearchMatch(text, search) {
+    return !search || text.toLowerCase().includes(search.toLowerCase());
+}
+/**
+ * 生成 uuid
+ *
+ * @param {Number} len 长度
+ * @param {Number} radix 基数
+ *
+ * @return {string} uuid
+ */ export function uuid(len = 5, radix = 16) {
+    const chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
+    const uuid = [];
+    if (len) {
+        let i;
+        // Compact form
+        for(i = 0; i < len; i++){
+            uuid[i] = chars[0 | Math.random() * radix];
+        }
+    } else {
+        // rfc4122, version 4 form
+        let r;
+        // rfc4122 requires these characters
+        uuid[8] = '-';
+        uuid[13] = '-';
+        uuid[18] = '-';
+        uuid[23] = '-';
+        uuid[14] = '4';
+        let i;
+        // Fill in random data.  At i==19 set the high bits of clock sequence as
+        // per rfc4122, sec. 4.1.5
+        for(i = 0; i < 36; i++){
+            if (!uuid[i]) {
+                r = 0 | Math.random() * 16;
+                uuid[i] = chars[i === 19 ? r & 0x3 | 0x8 : r];
+            }
+        }
+    }
+    return uuid.join('');
+}
+/**
+ * 防抖，延迟一段时间执行
+ * @param {*} fn 需要执行的函数
+ * @param {*} delay 延迟时间，默认200
+ * @returns
+ */ export const debounce = (fn, delay = 200)=>{
+    let timer;
+    return function(...params) {
+        if (timer) {
+            clearTimeout(timer);
+        }
+        timer = setTimeout(()=>fn(...params), delay);
+    };
+};
+// 获取空间名称
+export const getCurrentSpaceName = (spaces, id)=>{
+    const space = spaces === null || spaces === void 0 ? void 0 : spaces.find((space)=>(space === null || space === void 0 ? void 0 : space.spaceId) === id);
+    return space === null || space === void 0 ? void 0 : space.spaceName;
+};

package/dist/components/render-agent/agent-download.script.vue.js.js

@@ -0,0 +1,157 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+import { defineComponent as _defineComponent } from 'vue';
+import { createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, resolveDirective as _resolveDirective, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, withDirectives as _withDirectives } from "vue";
+import { ref, toRef } from 'vue';
+import { useAgentHttp } from '../../hooks/use-agent-http.ts.js';
+import { usePermission } from '../../hooks/use-permission.ts.js';
+import { ResourcePermissionAction } from '../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        disabledText: {},
+        disabled: {
+            type: Boolean
+        },
+        agent: {},
+        needSaveBeforeDownload: {
+            type: Boolean
+        },
+        text: {
+            type: Boolean
+        },
+        size: {},
+        validate: {
+            type: Function
+        },
+        spaceId: {},
+        apiPrefix: {}
+    },
+    setup (__props) {
+        const props = __props;
+        const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleMouseClick } = usePermission(props.apiPrefix, toRef(props, 'spaceId'), '#4d4f56');
+        const { updateAgent } = useAgentHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const loading = ref(false);
+        const handlePermissionMouseEnter = ()=>{
+            var _props_agent_permission;
+            handleMouseEnter((_props_agent_permission = props.agent.permission) === null || _props_agent_permission === void 0 ? void 0 : _props_agent_permission.manageAgent);
+        };
+        const handlePermissionMouseMove = (event)=>{
+            var _props_agent_permission;
+            handleMouseMove(event, (_props_agent_permission = props.agent.permission) === null || _props_agent_permission === void 0 ? void 0 : _props_agent_permission.manageAgent);
+        };
+        const handlePermissionMouseLeave = ()=>{
+            handleMouseLeave();
+        };
+        const handlePermissionMouseClick = ()=>{
+            var _props_agent_permission;
+            handleMouseClick(handleClick, (_props_agent_permission = props.agent.permission) === null || _props_agent_permission === void 0 ? void 0 : _props_agent_permission.manageAgent, [
+                ResourcePermissionAction.ManageAgent
+            ], props.agent.id);
+        };
+        const handleClick = function() {
+            var _ref = _async_to_generator(function*() {
+                try {
+                    loading.value = true;
+                    yield handleSave();
+                    yield handleDownload();
+                } catch (error) {
+                    console.error(error);
+                } finally{
+                    loading.value = false;
+                }
+            });
+            return function handleClick() {
+                return _ref.apply(this, arguments);
+            };
+        }();
+        const handleSave = function() {
+            var _ref = _async_to_generator(function*() {
+                if (props.needSaveBeforeDownload) {
+                    var _props_validate;
+                    yield (_props_validate = props.validate) === null || _props_validate === void 0 ? void 0 : _props_validate.call(props);
+                    yield updateAgent(props.agent);
+                }
+            });
+            return function handleSave() {
+                return _ref.apply(this, arguments);
+            };
+        }();
+        const handleDownload = ()=>{
+            const a = document.createElement('a');
+            a.href = props.agent.downloadUrl;
+            a.style.display = 'none';
+            document.body.appendChild(a);
+            a.click();
+            document.body.removeChild(a);
+        };
+        return (_ctx, _cache)=>{
+            var __props_agent_permission, __props_agent;
+            const _component_bk_button = _resolveComponent("bk-button");
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return _withDirectives((_openBlock(), _createBlock(_component_bk_button, {
+                size: __props.size,
+                text: __props.text,
+                disabled: __props.disabled,
+                loading: loading.value,
+                class: _normalizeClass({
+                    'is-disabled': !((__props_agent = __props.agent) === null || __props_agent === void 0 ? void 0 : (__props_agent_permission = __props_agent.permission) === null || __props_agent_permission === void 0 ? void 0 : __props_agent_permission.manageAgent)
+                }),
+                onMouseenter: handlePermissionMouseEnter,
+                onMousemove: handlePermissionMouseMove,
+                onMouseleave: handlePermissionMouseLeave,
+                onClick: handlePermissionMouseClick
+            }, {
+                default: _withCtx(()=>[
+                        ..._cache[0] || (_cache[0] = [
+                            _createTextVNode(" 下载源码 ", -1 /* CACHED */ )
+                        ])
+                    ]),
+                _: 1 /* STABLE */ 
+            }, 8 /* PROPS */ , [
+                "size",
+                "text",
+                "disabled",
+                "loading",
+                "class"
+            ])), [
+                [
+                    _directive_bk_tooltips,
+                    {
+                        content: __props.disabledText,
+                        disabled: !__props.disabled,
+                        placement: __props.text ? 'right' : 'top',
+                        extCls: 'agent-download-tooltip',
+                        boundary: 'parent'
+                    }
+                ]
+            ]);
+        };
+    }
+});

package/dist/components/render-agent/agent-download.vue.css

@@ -0,0 +1,4 @@
+
+.agent-download-tooltip {
+  min-width: 200px;
+}

package/dist/components/render-agent/agent-download.vue.js

@@ -0,0 +1,4 @@
+import script from './agent-download.script.vue.js.js';
+script.__file = "./src/components/render-agent/agent-download.vue";
+import './agent-download.vue.css';
+export default script;