@blueking/ai-ui-sdk 0.4.0-beta.1 → 0.4.1-beta.1

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.d.ts

@@ -0,0 +1,24 @@
+export declare const MAX_PAGE_SIZE = 10000;
+export declare const TEN_SECONDS: number;
+export declare const MODULE_NAME: {
+    knowledgebase: string;
+    knowledge: string;
+    prompt: string;
+    tool: string;
+    collection: string;
+    agent: string;
+    agent_command: string;
+    agent_command_component: string;
+    llm: string;
+    tag: string;
+    mcp: string;
+    default: string;
+    prompt_variables: string;
+    model: string;
+    dataset: string;
+    meta: string;
+    market: string;
+    cr: string;
+    credential: string;
+    skill: string;
+};

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.d.ts

@@ -1,3 +1,4 @@
+import type { ISpace } from '@/types';
 /**
  * 选择要上传的文件
  * @param accept 可接受的类型
@@ -29,6 +30,12 @@ export declare const getFileSizeTxt: (size: number) => string;
  * @returns 格式化后的字符串
  */
 export declare const numberFormatter: (val?: number, fixed?: number, locales?: string) => string;
+/**
+ * 数值转换成 k m g 等单位
+ * @param val 数值
+ * @returns 转换后的数值
+ */
+export declare const numberUnitFormatter: (val?: number, fixed?: number) => string | number;
 /**
 * 节流，每隔一段时间执行
 * @param {*} fn 需要执行的函数
@@ -74,7 +81,7 @@ export declare function durationFormatter(val: number): string;
  * @param {*} filename 文件名
  */
 export declare function handleDownLoad(source: string, filename?: string): void;
-export declare const handleCopy: (text: string) => void;
+export declare const handleCopy: (text: string) => Promise<void>;
 /**
  * 时间格式化
  * @param val 待格式化时间
@@ -126,3 +133,25 @@ export declare const getTraceparent: () => string;
  * @returns 是否匹配
  */
 export declare function isSearchMatch(text: string, search: string): boolean;
+/**
+ * 关闭指定类名的 popover 元素
+ * @param className popover 元素的类名，默认 'auto-hide-popover'
+ */
+export declare const hideTargetPopover: (className?: string) => void;
+/**
+ * 生成 uuid
+ *
+ * @param {Number} len 长度
+ * @param {Number} radix 基数
+ *
+ * @return {string} uuid
+ */
+export declare function uuid(len?: number, radix?: number): string;
+/**
+ * 防抖，延迟一段时间执行
+ * @param {*} fn 需要执行的函数
+ * @param {*} delay 延迟时间，默认200
+ * @returns
+ */
+export declare const debounce: <T extends any[]>(fn: (...params: T) => unknown, delay?: number) => (...params: T) => void;
+export declare const getCurrentSpaceName: (spaces: ISpace[], id: string) => string;

package/dist/common/util.ts.js

@@ -1,3 +1,32 @@
+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';
 /**
@@ -75,6 +104,22 @@ import dayjs from 'dayjs';
     };
     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 需要执行的函数
@@ -202,18 +247,26 @@ export const mergeStringWithoutLastSlash = (str1 = '', str2 = '')=>{
     downloadEl.click();
     document.body.removeChild(downloadEl);
 }
-export const handleCopy = (text)=>{
-    const textarea = document.createElement('textarea');
-    textarea.value = text;
-    document.body.appendChild(textarea);
-    textarea.select();
-    document.execCommand('copy');
-    Message({
-        theme: 'success',
-        message: '复制成功'
+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: '复制失败'
+            });
+        }
     });
-    document.body.removeChild(textarea);
-};
+    return function handleCopy(text) {
+        return _ref.apply(this, arguments);
+    };
+}();
 /**
  * 时间格式化
  * @param val 待格式化时间
@@ -300,3 +353,67 @@ export const handleCopy = (text)=>{
  */ export function isSearchMatch(text, search) {
     return !search || text.toLowerCase().includes(search.toLowerCase());
 }
+/**
+ * 关闭指定类名的 popover 元素
+ * @param className popover 元素的类名，默认 'auto-hide-popover'
+ */ export const hideTargetPopover = (className = 'auto-hide-popover')=>{
+    document.querySelectorAll(`.${className}`).forEach((el)=>{
+        el.remove();
+    });
+};
+/**
+ * 生成 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.d.ts

@@ -0,0 +1,15 @@
+import type { IAgent } from '@/types/agent';
+interface IProps {
+    disabledText?: string;
+    disabled?: boolean;
+    agent?: IAgent;
+    needSaveBeforeDownload?: boolean;
+    text?: boolean;
+    size?: '' | 'small';
+    validate?: () => Promise<unknown>;
+    spaceId?: string;
+    apiPrefix: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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;

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

@@ -0,0 +1,133 @@
+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 { openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { ref } from 'vue';
+import { isSearchMatch } from '../../common/util.ts.js';
+import RenderSearchSelect from '../render-search-select/index.vue.js';
+import { useMemberHttp } from '../../hooks.ts.js';
+import { AgentType } from '../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        search: {},
+        isShowAllSearchOptions: {
+            type: Boolean
+        },
+        isShowTagSearch: {
+            type: Boolean
+        },
+        apiPrefix: {},
+        spaceId: {},
+        module: {},
+        memberUrl: {}
+    },
+    emits: [
+        "update:search"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { getMemberList } = useMemberHttp();
+        const searchOptions = ref([
+            {
+                id: 'agentName',
+                name: '中文名称'
+            },
+            {
+                id: 'agentCode',
+                name: '英文名称'
+            },
+            {
+                id: 'description',
+                name: '描述'
+            },
+            ...props.isShowAllSearchOptions ? [
+                {
+                    id: 'agentType',
+                    name: '类型',
+                    children: [
+                        {
+                            id: AgentType.Single,
+                            name: '单智能体'
+                        },
+                        {
+                            id: AgentType.Flow,
+                            name: '流程智能体'
+                        }
+                    ]
+                },
+                {
+                    id: 'updatedBy',
+                    name: '更新人',
+                    async: true,
+                    children: []
+                }
+            ] : []
+        ]);
+        const handleGetMenuList = function() {
+            var _ref = _async_to_generator(function*(data, search) {
+                if (!data.async) {
+                    return (data.children || []).filter((item)=>isSearchMatch(item.name, search));
+                }
+                if (data.id === 'updatedBy') {
+                    return getMemberList(props.memberUrl, search);
+                }
+            });
+            return function handleGetMenuList(data, search) {
+                return _ref.apply(this, arguments);
+            };
+        }();
+        const handleSearchChange = (search)=>{
+            emits('update:search', search);
+        };
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createBlock(RenderSearchSelect, {
+                class: "!g-bg-white",
+                placeholder: __props.isShowAllSearchOptions ? '搜索中英文名称、类型、描述、更新人' : '搜索中英文名称、描述',
+                "model-value": props.search,
+                data: searchOptions.value,
+                "is-show-tag-search": props.isShowTagSearch,
+                "space-id": props.spaceId,
+                module: props.module,
+                "get-menu-list": handleGetMenuList,
+                "api-prefix": props.apiPrefix,
+                "onUpdate:modelValue": handleSearchChange
+            }, null, 8 /* PROPS */ , [
+                "placeholder",
+                "model-value",
+                "data",
+                "is-show-tag-search",
+                "space-id",
+                "module",
+                "api-prefix"
+            ]);
+        };
+    }
+});

package/dist/components/render-agent/agent-search.vue.d.ts

@@ -0,0 +1,18 @@
+import type { IAgentListParam } from '@/types/agent';
+import { Module } from '@/types/enum';
+interface IProps {
+    search: IAgentListParam;
+    isShowAllSearchOptions?: boolean;
+    isShowTagSearch?: boolean;
+    apiPrefix: string;
+    spaceId?: string;
+    module?: Module;
+    memberUrl: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:search": (search: IAgentListParam) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    "onUpdate:search"?: (search: IAgentListParam) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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