@blueking/ai-ui-sdk 0.2.2 → 0.3.0-beta.2

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,23 @@
+export declare const MAX_PAGE_SIZE = 10000;
+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,24 @@
+import { Module } from '../enums.ts.js';
+export const MAX_PAGE_SIZE = 10000;
+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 可接受的类型
@@ -131,3 +132,20 @@ export declare function isSearchMatch(text: string, search: string): boolean;
  * @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

@@ -308,3 +308,59 @@ export const handleCopy = (text)=>{
         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;

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

@@ -0,0 +1,102 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, unref as _unref, mergeProps as _mergeProps, resolveDirective as _resolveDirective, withCtx as _withCtx, createBlock as _createBlock, withDirectives as _withDirectives } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    class: "bkaidev-icon bkaidev-fenxiang g-text-16 g-mr-4"
+};
+import { ref, toRef } from 'vue';
+import { handleCopy } from '../../common/util.ts.js';
+import { usePermission } from '../../hooks/use-permission.ts.js';
+import { ResourcePermissionAction } from '../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        agent: {},
+        showIcon: {
+            type: Boolean
+        },
+        spaceId: {},
+        apiPrefix: {}
+    },
+    setup (__props) {
+        const props = __props;
+        const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleMouseClick } = usePermission(props.apiPrefix, toRef(props, 'spaceId'), '#4d4f56');
+        const shareRef = ref();
+        const getTooltipContent = ()=>{
+            if (!props.agent.agentUrl && props.agent.latestVersion) {
+                return '请先将智能体发布至蓝鲸开发者中心';
+            }
+            return '未发布，暂不能分享';
+        };
+        const getIsDisabled = ()=>{
+            var _props_agent_permission, _props_agent;
+            return !((_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.useAgent) || !props.agent.latestVersion || !props.agent.agentUrl;
+        };
+        const handleUsePermissionMouseEnter = ()=>{
+            var _props_agent_permission;
+            handleMouseEnter((_props_agent_permission = props.agent.permission) === null || _props_agent_permission === void 0 ? void 0 : _props_agent_permission.useAgent);
+        };
+        const handleUsePermissionMouseMove = (event)=>{
+            var _props_agent_permission;
+            handleMouseMove(event, (_props_agent_permission = props.agent.permission) === null || _props_agent_permission === void 0 ? void 0 : _props_agent_permission.useAgent);
+        };
+        const handleUsePermissionMouseClick = (callback)=>{
+            var _props_agent_permission;
+            handleMouseClick(callback, (_props_agent_permission = props.agent.permission) === null || _props_agent_permission === void 0 ? void 0 : _props_agent_permission.useAgent, [
+                ResourcePermissionAction.UseAgent
+            ], props.agent.id);
+        };
+        const handleShowShare = ()=>{
+            if (getIsDisabled()) return;
+            shareRef.value.popoverRef.show();
+        };
+        const handleCopyAgentShareUrl = ()=>{
+            handleCopy(props.agent.agentUrl);
+        };
+        return (_ctx, _cache)=>{
+            const _component_bk_button = _resolveComponent("bk-button");
+            const _component_bk_pop_confirm = _resolveComponent("bk-pop-confirm");
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return _openBlock(), _createBlock(_component_bk_pop_confirm, {
+                ref_key: "shareRef",
+                ref: shareRef,
+                trigger: "manual",
+                placement: "bottom",
+                title: "分享智能体",
+                content: "您可以获取该智能体聊天模式访问入口链接并分享",
+                "confirm-text": "复制链接",
+                "ext-cls": "g-confirm",
+                onConfirm: handleCopyAgentShareUrl
+            }, {
+                default: _withCtx(()=>[
+                        _withDirectives((_openBlock(), _createBlock(_component_bk_button, _mergeProps(_ctx.$attrs, {
+                            class: {
+                                'g-disabled': getIsDisabled()
+                            },
+                            onMouseenter: handleUsePermissionMouseEnter,
+                            onMousemove: handleUsePermissionMouseMove,
+                            onMouseleave: _unref(handleMouseLeave),
+                            onClick: _cache[0] || (_cache[0] = ($event)=>handleUsePermissionMouseClick(handleShowShare))
+                        }), {
+                            default: _withCtx(()=>[
+                                    __props.showIcon ? (_openBlock(), _createElementBlock("i", _hoisted_1)) : _createCommentVNode("v-if", true),
+                                    _cache[1] || (_cache[1] = _createTextVNode(" 分享 ", -1 /* CACHED */ ))
+                                ]),
+                            _: 1 /* STABLE */ 
+                        }, 16 /* FULL_PROPS */ , [
+                            "class",
+                            "onMouseleave"
+                        ])), [
+                            [
+                                _directive_bk_tooltips,
+                                {
+                                    content: getTooltipContent,
+                                    disabled: !getIsDisabled()
+                                }
+                            ]
+                        ])
+                    ]),
+                _: 1 /* STABLE */ 
+            }, 512 /* NEED_PATCH */ );
+        };
+    }
+});

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

@@ -0,0 +1,10 @@
+import type { IAgent } from '@/types/agent';
+interface IProps {
+    agent: IAgent;
+    showIcon?: boolean;
+    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-share.vue.js

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

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

@@ -0,0 +1,40 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { AgentType } from '../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        type: {},
+        height: {
+            default: 16
+        },
+        fontSize: {
+            default: 10
+        },
+        padding: {
+            default: 4
+        }
+    },
+    setup (__props) {
+        const props = __props;
+        const getAgentTypeName = ()=>{
+            if (props.type === AgentType.Single) {
+                return '单智能体';
+            }
+            return '流程类';
+        };
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createElementBlock("span", {
+                class: _normalizeClass([
+                    'agent-type',
+                    __props.type
+                ]),
+                style: _normalizeStyle({
+                    height: `${__props.height}px`,
+                    lineHeight: `${__props.height}px`,
+                    fontSize: `${__props.fontSize}px`,
+                    padding: `0 ${__props.padding}px`
+                })
+            }, _toDisplayString(getAgentTypeName()), 7 /* TEXT, CLASS, STYLE */ );
+        };
+    }
+});

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

@@ -0,0 +1,15 @@
+
+.agent-type[data-v-p14ykuhp] {
+  display: inline-block;
+  border-radius: 2px;
+  text-align: left;
+  white-space: nowrap;
+}
+.agent-type.single[data-v-p14ykuhp] {
+    color: #1768EF;
+    background-color: #E1ECFF;
+}
+.agent-type.flow[data-v-p14ykuhp] {
+    color: #E38B02;
+    background: #FDEED8;
+}

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

@@ -0,0 +1,14 @@
+import { AgentType } from '@/types/enum';
+interface IProps {
+    type: AgentType;
+    height?: number | string;
+    fontSize?: number | string;
+    padding?: number | string;
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{}>, {
+    height: number | string;
+    fontSize: number | string;
+    padding: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;