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

package/dist/components/render-search-select/index.vue.d.ts

@@ -14,7 +14,7 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         }[]) => Promise<boolean | string> | boolean | string;
         getMenuList?: Function;
         isShowTagSearch?: boolean;
-        apiPrefix?: string;
+        apiPrefix: string;
         spaceId?: string;
         module?: Module;
     } & {

package/dist/components/render-select-plus-extension/index.script.vue.js.js

@@ -0,0 +1,23 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+    class: "select-plus-extension"
+};
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        text: {
+            default: '去新建'
+        },
+        icon: {}
+    },
+    setup (__props) {
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createElementBlock("span", _hoisted_1, [
+                _createElementVNode("i", {
+                    class: _normalizeClass(__props.icon ? __props.icon : 'bkaidev-icon bkaidev-plus-circle')
+                }, null, 2 /* CLASS */ ),
+                _createTextVNode(" " + _toDisplayString(__props.text), 1 /* TEXT */ )
+            ]);
+        };
+    }
+});

package/dist/components/render-select-plus-extension/index.vue.css

@@ -0,0 +1,17 @@
+
+.select-plus-extension[data-v-fkf9zj1t] {
+  cursor: pointer;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  line-height: 20px;
+}
+.select-plus-extension .bkaidev-icon[data-v-fkf9zj1t] {
+    font-size: 14px;
+    margin-right: 6px;
+}
+.select-plus-extension[data-v-fkf9zj1t]:hover {
+    color: #3A84FF;
+}

package/dist/components/render-select-plus-extension/index.vue.d.ts

@@ -0,0 +1,9 @@
+interface IProps {
+    text?: string;
+    icon?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{}>, {
+    text: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/render-select-plus-extension/index.vue.js

@@ -0,0 +1,5 @@
+import script from './index.script.vue.js.js';
+script.__scopeId = "data-v-fkf9zj1t";
+script.__file = "./src/components/render-select-plus-extension/index.vue";
+import './index.vue.css';
+export default script;

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

@@ -0,0 +1,382 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, resolveDirective as _resolveDirective, withCtx as _withCtx, withDirectives as _withDirectives, normalizeClass as _normalizeClass, createVNode as _createVNode, createElementVNode as _createElementVNode, createElementBlock as _createElementBlock, Fragment as _Fragment } from "vue";
+const _hoisted_1 = {
+    key: 0
+};
+import { ref, toRef } from 'vue';
+import { useRouter } from 'vue-router';
+import { handleCopy } from '../../../common/util.ts.js';
+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, ResourceStatus } from '../../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        skill: {},
+        type: {},
+        isView: {
+            type: Boolean
+        },
+        spaceId: {},
+        spaces: {},
+        apiPrefix: {}
+    },
+    emits: [
+        "edit",
+        "install",
+        "success-delete",
+        "success-restore",
+        "success-download"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const router = useRouter();
+        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 !== ResourceStatus.Deleted;
+        };
+        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');
+                    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 = ()=>{
+            const data = router.resolve({
+                name: 'skill-market',
+                query: {
+                    default_open_skill_code: props.skill.skillCode
+                }
+            });
+            const url = location.origin + window.SITE_URL + data.href;
+            handleCopy(url);
+        };
+        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
+                }, [
+                    _withDirectives((_openBlock(), _createBlock(_component_bk_button, {
+                        disabled: props.skill.generateType !== _unref(EnumCharacter).Public,
+                        size: "small",
+                        onClick: _withModifiers(handleShare, [
+                            "stop"
+                        ])
+                    }, {
+                        default: _withCtx(()=>[
+                                ..._cache[5] || (_cache[5] = [
+                                    _createTextVNode(" 分享 ", -1 /* CACHED */ )
+                                ])
+                            ]),
+                        _: 1 /* STABLE */ 
+                    }, 8 /* PROPS */ , [
+                        "disabled"
+                    ])), [
+                        [
+                            _directive_bk_tooltips,
+                            {
+                                content: '该 Skill 并未对所有空间开放，暂不能分享',
+                                disabled: props.skill.generateType === _unref(EnumCharacter).Public
+                            }
+                        ]
+                    ]),
+                    getIsCurrentSpace() && getIsFullType() ? (_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(()=>[
+                                ..._cache[6] || (_cache[6] = [
+                                    _createTextVNode(" 编辑 ", -1 /* CACHED */ )
+                                ])
+                            ]),
+                        _: 1 /* STABLE */ 
+                    }, 8 /* PROPS */ , [
+                        "class",
+                        "onMouseleave"
+                    ])) : _createCommentVNode("v-if", true),
+                    _createVNode(_component_bk_button, {
+                        size: "small",
+                        onClick: _withModifiers(handleInstall, [
+                            "stop"
+                        ])
+                    }, {
+                        default: _withCtx(()=>[
+                                ..._cache[7] || (_cache[7] = [
+                                    _createTextVNode(" 安装 ", -1 /* CACHED */ )
+                                ])
+                            ]),
+                        _: 1 /* STABLE */ 
+                    }),
+                    _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: "bkaidev-icon bkaidev-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,
+                                            spaces: props.spaces,
+                                            "api-prefix": props.apiPrefix
+                                        }, null, 8 /* PROPS */ , [
+                                            "boundary",
+                                            "resource-type",
+                                            "resource",
+                                            "space-id",
+                                            "spaces",
+                                            "api-prefix"
+                                        ])
+                                    ]),
+                                    getIsFullType() ? (_openBlock(), _createElementBlock("li", _hoisted_1, [
+                                        _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,26 @@
+import { ResourceCardType } from '@/types/enum';
+import type { ISkill } from '@/types/skill';
+import type { ISpace } from '@/types/space';
+interface IProps {
+    skill: ISkill;
+    type: ResourceCardType;
+    isView?: boolean;
+    spaceId?: string;
+    spaces?: ISpace[];
+    apiPrefix: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    edit: (skill: ISkill) => 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;
+    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: "bkaidev-icon bkaidev-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;

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

@@ -0,0 +1,97 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode } from "vue";
+const _hoisted_1 = {
+    class: "g-flex-row"
+};
+const _hoisted_2 = {
+    class: "g-text-14 g-text-gray"
+};
+import { ref, toRef, watch } from 'vue';
+//  需确认render-markdown
+import RenderMarkdown from '../../render-markdown/view.ts.js';
+import RenderSearchEmpty from '../../render-search-empty/index.vue.js';
+import { useSkillHttp } from '../../../hooks/use-skill-http.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        isShow: {
+            type: Boolean
+        },
+        selectedSkill: {},
+        apiPrefix: {},
+        spaceId: {}
+    },
+    emits: [
+        "update:isShow"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { getSkillInstallGuide } = useSkillHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const installGuide = ref('');
+        const isLoading = ref(false);
+        const handleClose = ()=>{
+            emits('update:isShow', false);
+        };
+        const handleGetInstallGuide = ()=>{
+            isLoading.value = true;
+            getSkillInstallGuide(props.selectedSkill.id).then((res)=>{
+                installGuide.value = res.markdown;
+            }).finally(()=>{
+                isLoading.value = false;
+            });
+        };
+        watch(()=>props.isShow, (val)=>{
+            if (val) {
+                installGuide.value = '';
+                handleGetInstallGuide();
+            }
+        });
+        return (_ctx, _cache)=>{
+            const _component_bk_loading = _resolveComponent("bk-loading");
+            const _component_bk_dialog = _resolveComponent("bk-dialog");
+            return _openBlock(), _createBlock(_component_bk_dialog, {
+                width: 600,
+                "is-show": props.isShow,
+                onClosed: handleClose,
+                onConfirm: handleClose
+            }, {
+                header: _withCtx(()=>[
+                        _createElementVNode("section", _hoisted_1, [
+                            _cache[0] || (_cache[0] = _createElementVNode("span", {
+                                class: "g-text-16 g-mr-14"
+                            }, " 安装 Skill ", -1 /* CACHED */ )),
+                            _cache[1] || (_cache[1] = _createElementVNode("span", {
+                                class: "g-gap g-mr-10"
+                            }, null, -1 /* CACHED */ )),
+                            _createElementVNode("span", _hoisted_2, _toDisplayString(props.selectedSkill.skillName), 1 /* TEXT */ )
+                        ])
+                    ]),
+                default: _withCtx(()=>[
+                        _createVNode(_component_bk_loading, {
+                            loading: isLoading.value
+                        }, {
+                            default: _withCtx(()=>[
+                                    installGuide.value ? (_openBlock(), _createBlock(_unref(RenderMarkdown), {
+                                        key: 0,
+                                        value: installGuide.value,
+                                        padding: "0"
+                                    }, null, 8 /* PROPS */ , [
+                                        "value"
+                                    ])) : !isLoading.value ? (_openBlock(), _createBlock(RenderSearchEmpty, {
+                                        key: 1,
+                                        scene: "part",
+                                        description: "暂无安装指南"
+                                    })) : _createCommentVNode("v-if", true)
+                                ]),
+                            _: 1 /* STABLE */ 
+                        }, 8 /* PROPS */ , [
+                            "loading"
+                        ])
+                    ]),
+                _: 1 /* STABLE */ 
+            }, 8 /* PROPS */ , [
+                "is-show"
+            ]);
+        };
+    }
+});

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

@@ -0,0 +1,14 @@
+import { ISkill } from '@/types/skill';
+interface IProps {
+    isShow: boolean;
+    selectedSkill: ISkill;
+    apiPrefix: string;
+    spaceId?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:isShow": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    "onUpdate:isShow"?: (value: boolean) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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