@blueking/ai-ui-sdk 0.5.0-beta.4 → 0.5.2-beta.5

package/dist/components/render-card/agent/index.vue.d.ts

@@ -19,14 +19,19 @@ declare const __VLS_export: <T extends IAgent | IApplicationAgent>(__VLS_props:
         apiPrefix: string;
         defaultIcon?: string;
         showGenerateType?: boolean;
+        manageSpace?: boolean;
+        username?: string;
     } & {
         onChoose?: (agent: T) => any;
         onEdit?: (agent: T) => any;
         onDelete?: (agent: T) => any;
         onNavigate?: (route: ISdkNavigateAction) => any;
         "onSuccess-delete"?: () => any;
+        "onSuccess-revoke-apply"?: () => any;
         "onSuccess-restore"?: () => any;
         "onUpdate:commands"?: (commands: IAgentCommand[]) => any;
+        "onSuccess-favorite"?: () => any;
+        "onSuccess-cancel-favorite"?: () => any;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -37,12 +42,12 @@ declare const __VLS_export: <T extends IAgent | IApplicationAgent>(__VLS_props:
     };
     emit: {
         (event: "delete" | "choose" | "edit", agent: T): void;
-        (event: "success-delete" | "success-restore"): void;
+        (event: "success-delete" | "success-restore" | "success-revoke-apply" | "success-favorite" | "success-cancel-favorite"): void;
         (event: "update:commands", commands: IAgentCommand[]): void;
         (event: "navigate", route: ISdkNavigateAction): void;
     };
 }>) => import("vue").VNode & {
-    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/render-card/agent/prefix-info-tool.vue.css

@@ -1,10 +1,10 @@
 
-.command-number[data-v-0h16vr9b] {
+.command-number[data-v-jmers493] {
   width: 24px;
   border-radius: 2px;
   background: #A3C5FD;
 }
-.delete-icon[data-v-0h16vr9b] {
+.delete-icon[data-v-jmers493] {
   width: 18px;
   height: 17px;
   background: #C4C6CC;
@@ -12,7 +12,7 @@
   top: 0;
   right: 0;
 }
-.li-content[data-v-0h16vr9b] {
+.li-content[data-v-jmers493] {
   width: 220px;
   border: 1px solid #DCDEE5;
   border-radius: 12px;
@@ -20,9 +20,9 @@
   margin-left: 15px;
   padding: 0 10px;
 }
-.confirm-button[data-v-0h16vr9b] {
+.confirm-button[data-v-jmers493] {
   margin: 0 8px 0 68px;
 }
-.command-name-text[data-v-0h16vr9b] {
+.command-name-text[data-v-jmers493] {
   max-width: 165px;
 }

package/dist/components/render-card/agent/prefix-info-tool.vue.js

@@ -1,5 +1,5 @@
 import script from './prefix-info-tool.script.vue.js.js';
-script.__scopeId = "data-v-0h16vr9b";
+script.__scopeId = "data-v-jmers493";
 script.__file = "./src/components/render-card/agent/prefix-info-tool.vue";
 import './prefix-info-tool.vue.css';
 export default script;

package/dist/components/render-card/agent/upgrade.script.vue.js.js

@@ -0,0 +1,122 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, unref as _unref, withModifiers as _withModifiers, normalizeClass as _normalizeClass, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString } from "vue";
+import { toRef } from 'vue';
+import { usePermission } from '../../../hooks/use-permission.ts.js';
+import { ResourcePermissionAction, SdkNavigateActionType } from '../../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        agent: {},
+        isTag: {
+            type: Boolean
+        },
+        groupType: {},
+        spaceId: {},
+        apiPrefix: {}
+    },
+    emits: [
+        "navigate"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleMouseClick } = usePermission(props.apiPrefix, toRef(props, 'spaceId'), '#4d4f56');
+        const handleManagePermissionMouseEnter = ()=>{
+            var _props_agent_permission;
+            handleMouseEnter((_props_agent_permission = props.agent.permission) === null || _props_agent_permission === void 0 ? void 0 : _props_agent_permission.manageAgent);
+        };
+        const handleManagePermissionMouseMove = (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 handleManagePermissionMouseClick = (callback)=>{
+            var _props_agent_permission;
+            handleMouseClick(callback, (_props_agent_permission = props.agent.permission) === null || _props_agent_permission === void 0 ? void 0 : _props_agent_permission.manageAgent, [
+                ResourcePermissionAction.ManageAgent
+            ], props.agent.id);
+        };
+        const handleGoToRelease = ()=>{
+            emits('navigate', {
+                type: SdkNavigateActionType.AgentDetailRelease,
+                id: props.agent.id,
+                groupType: props.groupType
+            });
+        };
+        return (_ctx, _cache)=>{
+            const _component_bk_tag = _resolveComponent("bk-tag");
+            const _component_bk_popover = _resolveComponent("bk-popover");
+            return props.agent.latestVersion && props.agent.needUpgrade ? (_openBlock(), _createBlock(_component_bk_popover, {
+                key: 0,
+                placement: "top"
+            }, {
+                content: _withCtx(()=>{
+                    var _props_agent_permission;
+                    return [
+                        _createElementVNode("span", null, "当前智能体线上服务依赖框架版本为 " + _toDisplayString(__props.agent.agentSdkVersion) + "，可升级至 " + _toDisplayString(__props.agent.latestSdkVersion), 1 /* TEXT */ ),
+                        _createElementVNode("span", {
+                            class: _normalizeClass({
+                                'g-cursor-pointer g-text-blue': true,
+                                'g-disabled': !((_props_agent_permission = props.agent.permission) === null || _props_agent_permission === void 0 ? void 0 : _props_agent_permission.manageAgent)
+                            }),
+                            onMouseenter: handleManagePermissionMouseEnter,
+                            onMousemove: handleManagePermissionMouseMove,
+                            onMouseleave: _cache[3] || (_cache[3] = //@ts-ignore
+                            (...args)=>_unref(handleMouseLeave) && _unref(handleMouseLeave)(...args)),
+                            onClick: _cache[4] || (_cache[4] = _withModifiers(($event)=>handleManagePermissionMouseClick(handleGoToRelease), [
+                                "stop"
+                            ]))
+                        }, " 去升级 ", 34 /* CLASS, NEED_HYDRATION */ )
+                    ];
+                }),
+                default: _withCtx(()=>{
+                    var _props_agent_permission, _props_agent_permission1;
+                    return [
+                        props.isTag ? (_openBlock(), _createBlock(_component_bk_tag, {
+                            key: 0,
+                            class: _normalizeClass({
+                                'g-text-12 g-px-8 g-flex-shrink-0 !g-cursor-pointer': true,
+                                'g-disabled': !((_props_agent_permission = props.agent.permission) === null || _props_agent_permission === void 0 ? void 0 : _props_agent_permission.manageAgent)
+                            }),
+                            theme: "warning",
+                            onMouseenter: handleManagePermissionMouseEnter,
+                            onMousemove: handleManagePermissionMouseMove,
+                            onMouseleave: _unref(handleMouseLeave),
+                            onClick: _cache[0] || (_cache[0] = _withModifiers(($event)=>handleManagePermissionMouseClick(handleGoToRelease), [
+                                "stop"
+                            ]))
+                        }, {
+                            default: _withCtx(()=>[
+                                    ..._cache[5] || (_cache[5] = [
+                                        _createTextVNode(" 可升级 ", -1 /* CACHED */ )
+                                    ])
+                                ]),
+                            _: 1 /* STABLE */ 
+                        }, 8 /* PROPS */ , [
+                            "class",
+                            "onMouseleave"
+                        ])) : (_openBlock(), _createElementBlock("section", {
+                            key: 1,
+                            class: _normalizeClass({
+                                'agent-corner-badge g-absolute g-top-0 g-right-0 g-w-48 g-h-48 !g-cursor-pointer': true,
+                                'g-disabled': !((_props_agent_permission1 = props.agent.permission) === null || _props_agent_permission1 === void 0 ? void 0 : _props_agent_permission1.manageAgent)
+                            }),
+                            onMouseenter: handleManagePermissionMouseEnter,
+                            onMousemove: handleManagePermissionMouseMove,
+                            onMouseleave: _cache[1] || (_cache[1] = //@ts-ignore
+                            (...args)=>_unref(handleMouseLeave) && _unref(handleMouseLeave)(...args)),
+                            onClick: _cache[2] || (_cache[2] = _withModifiers(($event)=>handleManagePermissionMouseClick(handleGoToRelease), [
+                                "stop"
+                            ]))
+                        }, [
+                            ..._cache[6] || (_cache[6] = [
+                                _createElementVNode("span", {
+                                    class: "g-absolute g-top-8 g-right-0 g-rotate-45 g-text-10 !g-text-white"
+                                }, "可升级", -1 /* CACHED */ )
+                            ])
+                        ], 34 /* CLASS, NEED_HYDRATION */ ))
+                    ];
+                }),
+                _: 1 /* STABLE */ 
+            })) : _createCommentVNode("v-if", true);
+        };
+    }
+});

package/dist/components/render-card/agent/upgrade.vue.css

@@ -0,0 +1,9 @@
+
+.agent-corner-badge[data-v-lha1ev32] {
+  background: linear-gradient(142.7deg, #fdf4e8 0%, #f8b64f 100%);
+  clip-path: polygon(100% 0, 0 0, 100% 100%);
+  border-radius: 0 8px;
+}
+.agent-corner-badge[data-v-lha1ev32]:hover {
+    background: linear-gradient(142.7deg, #fdf4e8 0%, #e5a239 100%);
+}

package/dist/components/render-card/agent/upgrade.vue.d.ts

@@ -0,0 +1,17 @@
+import type { IAgent } from '@/types/agent';
+import { GroupType } from '@/types/enum';
+import type { ISdkNavigateAction } from '@/types/navigate';
+interface IProps {
+    agent: IAgent;
+    isTag?: boolean;
+    groupType?: GroupType;
+    spaceId?: string;
+    apiPrefix: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    navigate: (route: ISdkNavigateAction) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onNavigate?: (route: ISdkNavigateAction) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/render-card/agent/upgrade.vue.js

@@ -0,0 +1,5 @@
+import script from './upgrade.script.vue.js.js';
+script.__scopeId = "data-v-lha1ev32";
+script.__file = "./src/components/render-card/agent/upgrade.vue";
+import './upgrade.vue.css';
+export default script;

package/dist/components/render-card/base/application-base-actions.script.vue.js.js

@@ -1,6 +1,6 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { unref as _unref, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createVNode as _createVNode, Fragment as _Fragment, createElementBlock as _createElementBlock } from "vue";
-import { toRef } from 'vue';
+import { createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, unref as _unref, createVNode as _createVNode, Fragment as _Fragment, createElementBlock as _createElementBlock } from "vue";
+import { ref, toRef } from 'vue';
 import RenderRelateAgent from '../../render-relate-agent/index.vue.js';
 import { useSpaceHttp } from '../../../hooks/use-space-http.ts.js';
 import { AgentType, KnowledgebaseType, Module, ResourceStatus } from '../../../types/enum.ts.js';
@@ -12,16 +12,31 @@ export default /*@__PURE__*/ _defineComponent({
         status: {},
         ticketUrl: {},
         spaceId: {},
-        apiPrefix: {}
+        apiPrefix: {},
+        manageSpace: {
+            type: Boolean
+        },
+        username: {}
     },
     emits: [
         "success-delete",
+        "success-revoke-apply",
         "navigate"
     ],
     setup (__props, { emit: __emit }) {
         const props = __props;
         const emits = __emit;
-        const { removeApplyResources } = useSpaceHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { removeApplyResources, revokeApplyResources } = useSpaceHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const isRevoking = ref(false);
+        const getIsPermissionPending = ()=>{
+            return props.status === ResourceStatus.PermissionPending;
+        };
+        const getIsManageSpace = ()=>{
+            return Boolean(props.manageSpace);
+        };
+        const getIsAppliedBy = ()=>{
+            return Boolean(props.manageSpace) && props.username === props.resource.appliedBy;
+        };
         const getIsShowRelateAgent = ()=>{
             return props.status === ResourceStatus.Ready && props.resource.agentType !== AgentType.Flow && props.resource.type !== KnowledgebaseType.IntentRecog;
         };
@@ -42,6 +57,17 @@ export default /*@__PURE__*/ _defineComponent({
                 emits('success-delete');
             });
         };
+        const handleRevoke = ()=>{
+            isRevoking.value = true;
+            revokeApplyResources({
+                resourceId: props.resourceId,
+                resourceType: props.module
+            }).then(()=>{
+                emits('success-revoke-apply');
+            }).finally(()=>{
+                isRevoking.value = false;
+            });
+        };
         const handleNavigate = (route)=>{
             emits('navigate', route);
         };
@@ -49,26 +75,43 @@ export default /*@__PURE__*/ _defineComponent({
             const _component_bk_button = _resolveComponent("bk-button");
             const _component_bk_pop_confirm = _resolveComponent("bk-pop-confirm");
             return _openBlock(), _createElementBlock(_Fragment, null, [
-                __props.status === _unref(ResourceStatus).PermissionPending ? (_openBlock(), _createBlock(_component_bk_button, {
+                getIsPermissionPending() && (getIsAppliedBy() || getIsManageSpace()) ? (_openBlock(), _createBlock(_component_bk_button, {
                     key: 0,
+                    loading: isRevoking.value,
                     size: "small",
-                    onClick: _withModifiers(handleGoToPermissionProgress, [
+                    onClick: _withModifiers(handleRevoke, [
                         "stop"
                     ])
                 }, {
                     default: _withCtx(()=>[
                             ..._cache[1] || (_cache[1] = [
+                                _createTextVNode(" 撤销申请 ", -1 /* CACHED */ )
+                            ])
+                        ]),
+                    _: 1 /* STABLE */ 
+                }, 8 /* PROPS */ , [
+                    "loading"
+                ])) : _createCommentVNode("v-if", true),
+                __props.status === _unref(ResourceStatus).PermissionPending ? (_openBlock(), _createBlock(_component_bk_button, {
+                    key: 1,
+                    size: "small",
+                    onClick: _withModifiers(handleGoToPermissionProgress, [
+                        "stop"
+                    ])
+                }, {
+                    default: _withCtx(()=>[
+                            ..._cache[2] || (_cache[2] = [
                                 _createTextVNode(" 查看审批进度 ", -1 /* CACHED */ )
                             ])
                         ]),
                     _: 1 /* STABLE */ 
                 })) : _createCommentVNode("v-if", true),
                 getIsShowRelateAgent() ? (_openBlock(), _createBlock(RenderRelateAgent, {
-                    key: 1,
+                    key: 2,
                     "resource-type": props.module,
                     resource: props.resource,
                     disabled: getIsRelateAgentDisabled(),
-                    text: false,
+                    "is-text-button": false,
                     "space-id": props.spaceId,
                     "api-prefix": props.apiPrefix,
                     "disabled-text": getDisabledText(),
@@ -82,7 +125,8 @@ export default /*@__PURE__*/ _defineComponent({
                     "api-prefix",
                     "disabled-text"
                 ])) : _createCommentVNode("v-if", true),
-                _createVNode(_component_bk_pop_confirm, {
+                !getIsPermissionPending() && (getIsAppliedBy() || getIsManageSpace()) ? (_openBlock(), _createBlock(_component_bk_pop_confirm, {
+                    key: 3,
                     trigger: "click",
                     title: "确定移除该权限？",
                     content: "删除操作无法撤回，请谨慎操作！",
@@ -90,23 +134,22 @@ export default /*@__PURE__*/ _defineComponent({
                     onConfirm: handleRemoveApplication
                 }, {
                     default: _withCtx(()=>[
-                            __props.status !== _unref(ResourceStatus).PermissionPending ? (_openBlock(), _createBlock(_component_bk_button, {
-                                key: 0,
+                            _createVNode(_component_bk_button, {
                                 size: "small",
                                 onClick: _cache[0] || (_cache[0] = _withModifiers(()=>{}, [
                                     "stop"
                                 ]))
                             }, {
                                 default: _withCtx(()=>[
-                                        ..._cache[2] || (_cache[2] = [
+                                        ..._cache[3] || (_cache[3] = [
                                             _createTextVNode(" 移除权限 ", -1 /* CACHED */ )
                                         ])
                                     ]),
                                 _: 1 /* STABLE */ 
-                            })) : _createCommentVNode("v-if", true)
+                            })
                         ]),
                     _: 1 /* STABLE */ 
-                })
+                })) : _createCommentVNode("v-if", true)
             ], 64 /* STABLE_FRAGMENT */ );
         };
     }

package/dist/components/render-card/base/application-base-actions.vue.d.ts

@@ -1,28 +1,32 @@
-import type { IAgent } from '@/types/agent';
-import type { ICollection } from '@/types/collection';
+import type { IApplicationAgent } from '@/types/agent';
+import type { IApplicationCollection } from '@/types/collection';
 import { Module, ResourceStatus, SkillStatus } from '@/types/enum';
-import type { IKnowledgebase } from '@/types/knowledge';
-import type { IMcp } from '@/types/mcp';
+import type { IApplicationKnowledgebase } from '@/types/knowledge';
+import type { IApplicationMcp } from '@/types/mcp';
 import type { ISdkNavigateAction } from '@/types/navigate';
-import type { IPrompt } from '@/types/prompt';
-import type { ISkill } from '@/types/skill';
-import type { ITool } from '@/types/tool';
-type IRelateAgentResource = IAgent | ICollection | IKnowledgebase | IMcp | IPrompt | ISkill | ITool;
+import type { IApplicationPrompt } from '@/types/prompt';
+import type { IApplicationSkill } from '@/types/skill';
+import type { IApplicationTool } from '@/types/tool';
+type IApplicationResource = IApplicationAgent | IApplicationCollection | IApplicationKnowledgebase | IApplicationMcp | IApplicationPrompt | IApplicationSkill | IApplicationTool;
 interface IProps {
     module: Module;
-    resource: IRelateAgentResource;
+    resource: IApplicationResource;
     resourceId?: number;
     status?: ResourceStatus | SkillStatus;
     ticketUrl?: string;
     spaceId?: string;
     apiPrefix: string;
+    manageSpace?: boolean;
+    username?: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     navigate: (value: ISdkNavigateAction) => any;
     "success-delete": () => any;
+    "success-revoke-apply": () => any;
 }, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
     onNavigate?: (value: ISdkNavigateAction) => any;
     "onSuccess-delete"?: () => any;
+    "onSuccess-revoke-apply"?: () => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/render-card/base/collection-icon.script.vue.js.js

@@ -0,0 +1,146 @@
+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 { unref as _unref, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, resolveDirective as _resolveDirective, withCtx as _withCtx, createBlock as _createBlock, withDirectives as _withDirectives } from "vue";
+import { ref, toRef } from 'vue';
+import { useAgentHttp } from '../../../hooks/use-agent-http.ts.js';
+import { useMarketHttp } from '../../../hooks/use-market-http.ts.js';
+import { useMcpHttp } from '../../../hooks/use-mcp-http.ts.js';
+import { useSkillHttp } from '../../../hooks/use-skill-http.ts.js';
+import { useToolHttp } from '../../../hooks/use-tool-http.ts.js';
+import { useCollectionHttp, usePromptHttp } from '../../../https.ts.js';
+import { Module, ResourceCardType } from '../../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        favorite: {
+            type: Boolean
+        },
+        favoriteCount: {},
+        isShowCount: {
+            type: Boolean
+        },
+        type: {},
+        id: {},
+        module: {},
+        apiPrefix: {},
+        spaceId: {}
+    },
+    emits: [
+        "success-favorite",
+        "success-cancel-favorite"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { addMarketSkillFavorite, removeMarketSkillFavorite, addMarketToolFavorite, removeMarketToolFavorite, addMarketAgentFavorite, removeMarketAgentFavorite, addMarketCollectionFavorite, removeMarketCollectionFavorite, addMarketPromptFavorite, removeMarketPromptFavorite } = useMarketHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { addMcpFavorite, removeMcpFavorite } = useMcpHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { addSkillFavorite, removeSkillFavorite } = useSkillHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { addToolFavorite, removeToolFavorite } = useToolHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { addAgentFavorite, removeAgentFavorite } = useAgentHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { addPromptFavorite, removePromptFavorite } = usePromptHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { addCollectionFavorite, removeCollectionFavorite } = useCollectionHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const loading = ref(false);
+        const handleClick = function() {
+            var _ref = _async_to_generator(function*() {
+                if (loading.value || !props.id) return;
+                const isMarket = props.type === ResourceCardType.Market;
+                const favoriteMap = {
+                    [Module.Skill]: props.favorite ? isMarket ? removeMarketSkillFavorite : removeSkillFavorite : isMarket ? addMarketSkillFavorite : addSkillFavorite,
+                    [Module.Tool]: props.favorite ? isMarket ? removeMarketToolFavorite : removeToolFavorite : isMarket ? addMarketToolFavorite : addToolFavorite,
+                    [Module.Mcp]: props.favorite ? removeMcpFavorite : addMcpFavorite,
+                    [Module.Agent]: props.favorite ? isMarket ? removeMarketAgentFavorite : removeAgentFavorite : isMarket ? addMarketAgentFavorite : addAgentFavorite,
+                    [Module.Prompt]: props.favorite ? isMarket ? removeMarketPromptFavorite : removePromptFavorite : isMarket ? addMarketPromptFavorite : addPromptFavorite,
+                    [Module.Collection]: props.favorite ? isMarket ? removeMarketCollectionFavorite : removeCollectionFavorite : isMarket ? addMarketCollectionFavorite : addCollectionFavorite
+                };
+                try {
+                    var _favoriteMap_props_module;
+                    loading.value = true;
+                    yield (_favoriteMap_props_module = favoriteMap[props.module]) === null || _favoriteMap_props_module === void 0 ? void 0 : _favoriteMap_props_module.call(favoriteMap, props.id);
+                    emits(props.favorite ? 'success-cancel-favorite' : 'success-favorite');
+                } finally{
+                    loading.value = false;
+                }
+            });
+            return function handleClick() {
+                return _ref.apply(this, arguments);
+            };
+        }();
+        return (_ctx, _cache)=>{
+            const _component_bk_loading = _resolveComponent("bk-loading");
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return props.type !== _unref(ResourceCardType).Application ? _withDirectives((_openBlock(), _createBlock(_component_bk_loading, {
+                key: 0,
+                class: _normalizeClass([
+                    'g-group/collection-icon g-flex-row !g-cursor-pointer',
+                    props.favorite ? 'g-text-fc943b hover:g-text-e38b02' : 'g-text-gray hover:g-text-normal'
+                ]),
+                loading: loading.value,
+                mode: "spin",
+                size: "mini",
+                theme: "primary",
+                onClick: _withModifiers(handleClick, [
+                    "stop"
+                ])
+            }, {
+                default: _withCtx(()=>{
+                    var _props_favoriteCount;
+                    return [
+                        _createElementVNode("i", {
+                            class: _normalizeClass([
+                                'ai-ui-sdk-icon g-text-16',
+                                {
+                                    'g-mr-4': props.isShowCount
+                                },
+                                props.favorite ? 'ai-ui-sdk-favorite g-group-hover/collection-icon:g-text-e38b02' : 'ai-ui-sdk-weishoucang g-group-hover/collection-icon:g-text-f59500'
+                            ])
+                        }, null, 2 /* CLASS */ ),
+                        props.isShowCount ? (_openBlock(), _createElementBlock(_Fragment, {
+                            key: 0
+                        }, [
+                            _createTextVNode(_toDisplayString((_props_favoriteCount = props.favoriteCount) !== null && _props_favoriteCount !== void 0 ? _props_favoriteCount : '--'), 1 /* TEXT */ )
+                        ], 64 /* STABLE_FRAGMENT */ )) : _createCommentVNode("v-if", true)
+                    ];
+                }),
+                _: 1 /* STABLE */ 
+            }, 8 /* PROPS */ , [
+                "class",
+                "loading"
+            ])), [
+                [
+                    _directive_bk_tooltips,
+                    {
+                        content: props.favorite ? '取消收藏' : '添加收藏',
+                        placement: 'top'
+                    }
+                ]
+            ]) : _createCommentVNode("v-if", true);
+        };
+    }
+});

package/dist/components/render-card/base/collection-icon.vue.d.ts

@@ -0,0 +1,20 @@
+import { Module, ResourceCardType } from '@/types/enum';
+interface IProps {
+    favorite?: boolean;
+    favoriteCount?: number;
+    isShowCount: boolean;
+    type: ResourceCardType;
+    id?: number;
+    module: Module;
+    apiPrefix: string;
+    spaceId?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "success-favorite": () => any;
+    "success-cancel-favorite": () => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    "onSuccess-favorite"?: () => any;
+    "onSuccess-cancel-favorite"?: () => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/render-card/base/collection-icon.vue.js

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