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

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

@@ -0,0 +1,414 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, normalizeClass as _normalizeClass, resolveDirective as _resolveDirective, withCtx as _withCtx, withDirectives as _withDirectives, createVNode as _createVNode, Fragment as _Fragment } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    class: "g-mr-4 g-w-16 g-h-16 g-min-w-16 g-fill-3a84ff g-rotate-infinite"
+};
+const _hoisted_2 = {
+    key: 1,
+    class: "ai-ui-sdk-icon ai-ui-sdk-warning-circle-fill g-mr-4 !g-text-16 g-text-ea3636"
+};
+const _hoisted_3 = {
+    key: 0
+};
+import { ref, toRef } from 'vue';
+import ApplicationBaseActions from '../../render-card/base/application-base-actions.vue.js';
+import RenderDropdown from '../../render-dropdown/index.vue.js';
+import RenderRelateAgent from '../../render-relate-agent/index.vue.js';
+import { useMarketHttp } from '../../../hooks/use-market-http.ts.js';
+import { usePermission } from '../../../hooks/use-permission.ts.js';
+import { useSkillHttp } from '../../../hooks/use-skill-http.ts.js';
+import { EnumCharacter, Module, ResourceCardType, ResourcePermissionAction, SdkNavigateActionType, SkillStatus } from '../../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        skill: {},
+        type: {},
+        isView: {
+            type: Boolean
+        },
+        spaceId: {},
+        apiPrefix: {}
+    },
+    emits: [
+        "edit",
+        "install",
+        "success-delete",
+        "success-restore",
+        "success-download",
+        "navigate"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleMouseClick } = usePermission(props.apiPrefix, toRef(props, 'spaceId'), '#4d4f56');
+        const { downloadMarketSkill } = useMarketHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { deleteSkill, downloadSkill, restoreSkill } = useSkillHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const isDeletingSkill = ref(false);
+        const isRestoringSkill = ref(false);
+        const isDownloadingSkill = ref(false);
+        const isShowDelete = ref(false);
+        const isShowRestore = ref(false);
+        const dropdownRef = ref();
+        const getIsCurrentSpace = ()=>{
+            return props.skill.spaceId === props.spaceId;
+        };
+        const getIsFullType = ()=>{
+            return props.type === ResourceCardType.Full;
+        };
+        const getIsNotDeleted = ()=>{
+            return props.skill.status !== SkillStatus.Deleted;
+        };
+        const getIsPublishing = ()=>{
+            return props.skill.latestStatus === SkillStatus.Publishing;
+        };
+        const getIsPublishError = ()=>{
+            return props.skill.latestStatus === SkillStatus.Failed;
+        };
+        const getEditTooltipContent = ()=>{
+            if (getIsPublishing()) {
+                return `${props.skill.latestVersion} 版本正在发布中`;
+            }
+            if (getIsPublishError()) {
+                return `${props.skill.latestVersion} 版本发布失败`;
+            }
+            return '';
+        };
+        const handleManagePermissionMouseEnter = ()=>{
+            handleMouseEnter(props.skill.permission.manageSkill);
+        };
+        const handleManagePermissionMouseMove = (event)=>{
+            handleMouseMove(event, props.skill.permission.manageSkill);
+        };
+        const handleManagePermissionMouseClick = (callBack)=>{
+            handleMouseClick(callBack, props.skill.permission.manageSkill, [
+                ResourcePermissionAction.ManageSkill
+            ], props.skill.id);
+        };
+        const handleShowDelete = ()=>{
+            isShowDelete.value = true;
+        };
+        const handleHideDelete = ()=>{
+            isShowDelete.value = false;
+        };
+        const handleHideDropdown = ()=>{
+            var _dropdownRef_value;
+            (_dropdownRef_value = dropdownRef.value) === null || _dropdownRef_value === void 0 ? void 0 : _dropdownRef_value.hide();
+        };
+        const handleHideRestore = ()=>{
+            isShowRestore.value = false;
+        };
+        const handleShowRestore = ()=>{
+            isShowRestore.value = true;
+        };
+        const handleEdit = ()=>{
+            emits('edit', props.skill);
+        };
+        const handleDownload = ()=>{
+            const executeSkillApiCall = (apiCall)=>{
+                isDownloadingSkill.value = true;
+                apiCall.then((res)=>{
+                    window.open(res.url, '_blank', 'noopener,noreferrer');
+                    emits('success-download', res.downloadCount);
+                }).finally(()=>{
+                    isDownloadingSkill.value = false;
+                });
+            };
+            if (props.type === ResourceCardType.Market) {
+                executeSkillApiCall(downloadMarketSkill(props.skill.id));
+            } else {
+                executeSkillApiCall(downloadSkill(props.skill.id));
+            }
+        };
+        const handleDelete = ()=>{
+            isDeletingSkill.value = true;
+            deleteSkill(props.skill.id).then(()=>{
+                emits('success-delete');
+                handleHideDelete();
+                handleHideDropdown();
+            }).finally(()=>{
+                isDeletingSkill.value = false;
+            });
+        };
+        const handleRestore = ()=>{
+            isRestoringSkill.value = true;
+            restoreSkill(props.skill.id).then(()=>{
+                emits('success-restore');
+                handleHideRestore();
+            }).finally(()=>{
+                isRestoringSkill.value = false;
+            });
+        };
+        const handleInstall = ()=>{
+            emits('install', props.skill);
+        };
+        const handleDeleteSkill = ()=>{
+            emits('success-delete');
+        };
+        const handleShare = ()=>{
+            emits('navigate', {
+                type: SdkNavigateActionType.CopySkillMarket,
+                skillCode: props.skill.skillCode
+            });
+        };
+        const handleNavigate = (route)=>{
+            emits('navigate', route);
+        };
+        return (_ctx, _cache)=>{
+            var __props_skill_permission;
+            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(), _createElementBlock(_Fragment, null, [
+                props.type === _unref(ResourceCardType).Application ? (_openBlock(), _createBlock(ApplicationBaseActions, {
+                    key: 0,
+                    "resource-id": __props.skill.resourceId,
+                    module: _unref(Module).Skill,
+                    "ticket-url": __props.skill.ticketUrl,
+                    status: __props.skill.status,
+                    "space-id": props.spaceId,
+                    "api-prefix": props.apiPrefix,
+                    onSuccessDelete: handleDeleteSkill
+                }, null, 8 /* PROPS */ , [
+                    "resource-id",
+                    "module",
+                    "ticket-url",
+                    "status",
+                    "space-id",
+                    "api-prefix"
+                ])) : getIsNotDeleted() ? (_openBlock(), _createElementBlock(_Fragment, {
+                    key: 1
+                }, [
+                    getIsCurrentSpace() && getIsFullType() ? _withDirectives((_openBlock(), _createBlock(_component_bk_button, {
+                        key: 0,
+                        size: "small",
+                        class: _normalizeClass({
+                            '!g-disabled': !((__props_skill_permission = __props.skill.permission) === null || __props_skill_permission === void 0 ? void 0 : __props_skill_permission.manageSkill)
+                        }),
+                        onMouseenter: handleManagePermissionMouseEnter,
+                        onMousemove: handleManagePermissionMouseMove,
+                        onMouseleave: _unref(handleMouseLeave),
+                        onClick: _cache[0] || (_cache[0] = _withModifiers(($event)=>handleManagePermissionMouseClick(handleEdit), [
+                            "stop"
+                        ]))
+                    }, {
+                        default: _withCtx(()=>[
+                                getIsPublishing() ? (_openBlock(), _createElementBlock("svg", _hoisted_1, [
+                                    ..._cache[5] || (_cache[5] = [
+                                        _createElementVNode("use", {
+                                            href: "#ai-ui-sdk-sync-pending"
+                                        }, null, -1 /* CACHED */ )
+                                    ])
+                                ])) : _createCommentVNode("v-if", true),
+                                getIsPublishError() ? (_openBlock(), _createElementBlock("i", _hoisted_2)) : _createCommentVNode("v-if", true),
+                                _createTextVNode(" " + _toDisplayString(getIsPublishing() ? '发布中' : '编辑'), 1 /* TEXT */ )
+                            ]),
+                        _: 1 /* STABLE */ 
+                    }, 8 /* PROPS */ , [
+                        "class",
+                        "onMouseleave"
+                    ])), [
+                        [
+                            _directive_bk_tooltips,
+                            {
+                                content: getEditTooltipContent(),
+                                disabled: !getEditTooltipContent()
+                            }
+                        ]
+                    ]) : _createCommentVNode("v-if", true),
+                    _createVNode(_component_bk_button, {
+                        size: "small",
+                        onClick: _withModifiers(handleInstall, [
+                            "stop"
+                        ])
+                    }, {
+                        default: _withCtx(()=>[
+                                ..._cache[6] || (_cache[6] = [
+                                    _createTextVNode(" 安装 ", -1 /* CACHED */ )
+                                ])
+                            ]),
+                        _: 1 /* STABLE */ 
+                    }),
+                    _withDirectives((_openBlock(), _createBlock(_component_bk_button, {
+                        disabled: props.skill.generateType !== _unref(EnumCharacter).Public,
+                        size: "small",
+                        onClick: _withModifiers(handleShare, [
+                            "stop"
+                        ])
+                    }, {
+                        default: _withCtx(()=>[
+                                ..._cache[7] || (_cache[7] = [
+                                    _createTextVNode(" 分享 ", -1 /* CACHED */ )
+                                ])
+                            ]),
+                        _: 1 /* STABLE */ 
+                    }, 8 /* PROPS */ , [
+                        "disabled"
+                    ])), [
+                        [
+                            _directive_bk_tooltips,
+                            {
+                                content: '该 Skill 并未对所有空间开放，暂不能分享',
+                                disabled: props.skill.generateType === _unref(EnumCharacter).Public
+                            }
+                        ]
+                    ]),
+                    _createVNode(RenderDropdown, {
+                        placement: "bottom-start",
+                        theme: "light",
+                        ref_key: "dropdownRef",
+                        ref: dropdownRef
+                    }, {
+                        trigger: _withCtx(()=>[
+                                _createVNode(_component_bk_button, {
+                                    class: "!g-pl-5 !g-pr-5",
+                                    size: "small",
+                                    onClick: _cache[1] || (_cache[1] = _withModifiers(()=>{}, [
+                                        "stop"
+                                    ]))
+                                }, {
+                                    default: _withCtx(()=>[
+                                            ..._cache[8] || (_cache[8] = [
+                                                _createElementVNode("i", {
+                                                    class: "ai-ui-sdk-icon ai-ui-sdk-gengduo-2 g-text-16"
+                                                }, null, -1 /* CACHED */ )
+                                            ])
+                                        ]),
+                                    _: 1 /* STABLE */ 
+                                })
+                            ]),
+                        content: _withCtx(()=>[
+                                _createElementVNode("ul", {
+                                    class: _normalizeClass([
+                                        'g-more-menu',
+                                        `skill-card-menu-${__props.skill.id}`
+                                    ])
+                                }, [
+                                    _createElementVNode("li", {
+                                        onClick: _cache[2] || (_cache[2] = _withModifiers(()=>{}, [
+                                            "stop"
+                                        ]))
+                                    }, [
+                                        _createVNode(RenderRelateAgent, {
+                                            boundary: `.skill-card-menu-${__props.skill.id}`,
+                                            "resource-type": _unref(Module).Skill,
+                                            resource: __props.skill,
+                                            "space-id": props.spaceId,
+                                            "api-prefix": props.apiPrefix,
+                                            onNavigate: handleNavigate
+                                        }, null, 8 /* PROPS */ , [
+                                            "boundary",
+                                            "resource-type",
+                                            "resource",
+                                            "space-id",
+                                            "api-prefix"
+                                        ])
+                                    ]),
+                                    getIsFullType() ? (_openBlock(), _createElementBlock("li", _hoisted_3, [
+                                        _createVNode(_component_bk_button, {
+                                            size: "small",
+                                            text: "",
+                                            loading: isDownloadingSkill.value,
+                                            onClick: _withModifiers(handleDownload, [
+                                                "stop"
+                                            ])
+                                        }, {
+                                            default: _withCtx(()=>[
+                                                    ..._cache[9] || (_cache[9] = [
+                                                        _createTextVNode(" 下载 ", -1 /* CACHED */ )
+                                                    ])
+                                                ]),
+                                            _: 1 /* STABLE */ 
+                                        }, 8 /* PROPS */ , [
+                                            "loading"
+                                        ])
+                                    ])) : _createCommentVNode("v-if", true),
+                                    getIsCurrentSpace() && getIsFullType() ? (_openBlock(), _createBlock(_component_bk_pop_confirm, {
+                                        key: 1,
+                                        trigger: "manual",
+                                        title: "确认归档该 Skill？",
+                                        content: "归档后可在【已归档的 Skill】中恢复",
+                                        "ext-cls": "g-confirm-delete",
+                                        placement: "right",
+                                        width: "280",
+                                        boundary: `.skill-card-menu-${__props.skill.id}`,
+                                        "confirm-config": {
+                                            loading: isDeletingSkill.value
+                                        },
+                                        "is-show": isShowDelete.value,
+                                        onConfirm: handleDelete,
+                                        onCancel: handleHideDelete
+                                    }, {
+                                        default: _withCtx(()=>{
+                                            var __props_skill_permission;
+                                            return [
+                                                _createElementVNode("li", {
+                                                    class: _normalizeClass({
+                                                        'is-disabled': !((__props_skill_permission = __props.skill.permission) === null || __props_skill_permission === void 0 ? void 0 : __props_skill_permission.manageSkill)
+                                                    }),
+                                                    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(handleShowDelete), [
+                                                        "stop"
+                                                    ]))
+                                                }, " 归档 ", 34 /* CLASS, NEED_HYDRATION */ )
+                                            ];
+                                        }),
+                                        _: 1 /* STABLE */ 
+                                    }, 8 /* PROPS */ , [
+                                        "boundary",
+                                        "confirm-config",
+                                        "is-show"
+                                    ])) : _createCommentVNode("v-if", true)
+                                ], 2 /* CLASS */ )
+                            ]),
+                        _: 1 /* STABLE */ 
+                    }, 512 /* NEED_PATCH */ )
+                ], 64 /* STABLE_FRAGMENT */ )) : _createCommentVNode("v-if", true),
+                getIsCurrentSpace() && getIsFullType() && !getIsNotDeleted() ? (_openBlock(), _createBlock(_component_bk_pop_confirm, {
+                    key: 2,
+                    trigger: "manual",
+                    placement: "top",
+                    title: "确认恢复该 Skill？",
+                    width: "280",
+                    "is-show": isShowRestore.value,
+                    onConfirm: handleRestore,
+                    onCancel: handleHideRestore
+                }, {
+                    default: _withCtx(()=>[
+                            _withDirectives((_openBlock(), _createBlock(_component_bk_button, {
+                                size: "small",
+                                disabled: !__props.skill.permission.manageSkill,
+                                loading: isRestoringSkill.value,
+                                onClick: _withModifiers(handleShowRestore, [
+                                    "stop"
+                                ])
+                            }, {
+                                default: _withCtx(()=>[
+                                        ..._cache[10] || (_cache[10] = [
+                                            _createTextVNode(" 恢复 ", -1 /* CACHED */ )
+                                        ])
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            }, 8 /* PROPS */ , [
+                                "disabled",
+                                "loading"
+                            ])), [
+                                [
+                                    _directive_bk_tooltips,
+                                    {
+                                        content: '没有管理权限，不能操作恢复按钮',
+                                        disabled: __props.skill.permission.manageSkill
+                                    }
+                                ]
+                            ])
+                        ]),
+                    _: 1 /* STABLE */ 
+                }, 8 /* PROPS */ , [
+                    "is-show"
+                ])) : _createCommentVNode("v-if", true)
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});

package/dist/components/render-skill/actions/index.vue.d.ts

@@ -0,0 +1,27 @@
+import { ResourceCardType } from '@/types/enum';
+import type { ISdkNavigateAction } from '@/types/navigate';
+import type { ISkill } from '@/types/skill';
+interface IProps {
+    skill: ISkill;
+    type: ResourceCardType;
+    isView?: boolean;
+    spaceId?: string;
+    apiPrefix: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    edit: (skill: ISkill) => any;
+    navigate: (value: ISdkNavigateAction) => any;
+    install: (skill: ISkill) => any;
+    "success-delete": () => any;
+    "success-restore": () => any;
+    "success-download": (downloadCount: number) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onEdit?: (skill: ISkill) => any;
+    onNavigate?: (value: ISdkNavigateAction) => any;
+    onInstall?: (skill: ISkill) => any;
+    "onSuccess-delete"?: () => any;
+    "onSuccess-restore"?: () => any;
+    "onSuccess-download"?: (downloadCount: number) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/render-skill/actions/index.vue.js

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

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

@@ -0,0 +1,33 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    class: "g-flex-row g-mr-16 !g-text-12 g-text-gray"
+};
+import { ResourceCardType } from '../../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        skill: {},
+        type: {}
+    },
+    setup (__props) {
+        const props = __props;
+        return (_ctx, _cache)=>{
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return props.type !== _unref(ResourceCardType).Application ? _withDirectives((_openBlock(), _createElementBlock("span", _hoisted_1, [
+                _cache[0] || (_cache[0] = _createElementVNode("i", {
+                    class: "ai-ui-sdk-icon ai-ui-sdk-dongzuo-xiazai g-text-16 g-mr-4"
+                }, null, -1 /* CACHED */ )),
+                _createTextVNode(" " + _toDisplayString(props.skill.downloadCount), 1 /* TEXT */ )
+            ])), [
+                [
+                    _directive_bk_tooltips,
+                    {
+                        content: `下载量：${props.skill.downloadCount}`,
+                        placement: 'top'
+                    }
+                ]
+            ]) : _createCommentVNode("v-if", true);
+        };
+    }
+});

package/dist/components/render-skill/icons/index.vue.d.ts

@@ -0,0 +1,9 @@
+import { ResourceCardType } from '@/types/enum';
+import type { ISkill } from '@/types/skill';
+interface IProps {
+    skill: ISkill;
+    type: ResourceCardType;
+}
+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-skill/icons/index.vue.js

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