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

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

@@ -0,0 +1,195 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, withCtx as _withCtx } from "vue";
+import RenderBase from '../base.vue.js';
+import RenderReferenceIcon from '../base/reference-icon.vue.js';
+import RenderActions from './actions.vue.js';
+import RenderPrefixInfoTool from './prefix-info-tool.vue.js';
+import RenderTagPrefix from './tag-prefix.vue.js';
+import { Module, ResourceStatus } from '../../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        agent: {},
+        type: {},
+        commands: {},
+        originAgentId: {},
+        checked: {
+            type: Boolean
+        },
+        multiple: {
+            type: Boolean
+        },
+        disabled: {
+            type: Boolean
+        },
+        isShowOperation: {
+            type: Boolean
+        },
+        groupType: {},
+        isShowCheckbox: {
+            type: Boolean
+        },
+        spaceId: {},
+        spaces: {},
+        apiPrefix: {}
+    },
+    emits: [
+        "delete",
+        "choose",
+        "edit",
+        "success-delete",
+        "success-restore",
+        "update:commands"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const handleUpdateCommands = (commands)=>{
+            emits('update:commands', commands);
+        };
+        // 点击了删除
+        const handleDelete = ()=>{
+            emits('delete', props.agent);
+        };
+        // 删除成功了资源
+        const handleSuccessDelete = ()=>{
+            emits('success-delete');
+        };
+        const handleSuccessRestore = ()=>{
+            emits('success-restore');
+        };
+        const handleEdit = ()=>{
+            emits('edit', props.agent);
+        };
+        const handleChoose = ()=>{
+            emits('choose', props.agent);
+        };
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createBlock(RenderBase, {
+                class: "g-position-relative",
+                module: _unref(Module).Agent,
+                type: props.type,
+                name: props.agent.agentName,
+                code: props.agent.agentCode,
+                description: props.agent.description,
+                icon: props.agent.icon,
+                "generate-type": props.agent.generateType,
+                "space-id": props.agent.spaceId,
+                disabled: props.disabled,
+                checked: props.checked,
+                multiple: props.multiple,
+                id: props.agent.id,
+                "is-show-checkbox": props.isShowCheckbox,
+                "tag-names": props.agent.tagNames,
+                "is-show-operation": props.isShowOperation,
+                status: props.agent.status,
+                approvers: props.agent.approvers,
+                "ticket-url": props.agent.ticketUrl,
+                "updated-by": props.agent.updatedBy,
+                "updated-at": props.agent.updatedAt,
+                "applied-by": props.agent.appliedBy,
+                "applied-at": props.agent.appliedAt,
+                "used-by": props.agent.usedBy,
+                "resource-id": props.agent.resourceId,
+                spaces: props.spaces,
+                onDelete: handleDelete,
+                onChoose: handleChoose
+            }, {
+                "tag-prefix": _withCtx(()=>[
+                        _createVNode(RenderTagPrefix, {
+                            type: props.type,
+                            agent: props.agent
+                        }, null, 8 /* PROPS */ , [
+                            "type",
+                            "agent"
+                        ])
+                    ]),
+                "prefix-info-tool": _withCtx(()=>[
+                        _createVNode(RenderPrefixInfoTool, {
+                            agent: props.agent,
+                            commands: props.commands,
+                            "origin-agent-id": props.originAgentId,
+                            disabled: props.disabled,
+                            "space-id": props.spaceId,
+                            "api-prefix": props.apiPrefix,
+                            onDelete: handleDelete,
+                            "onUpdate:commands": handleUpdateCommands
+                        }, null, 8 /* PROPS */ , [
+                            "agent",
+                            "commands",
+                            "origin-agent-id",
+                            "disabled",
+                            "space-id",
+                            "api-prefix"
+                        ])
+                    ]),
+                "footer-icons": _withCtx(()=>[
+                        props.agent.status !== _unref(ResourceStatus).Deleted ? (_openBlock(), _createBlock(RenderReferenceIcon, {
+                            key: 0,
+                            type: props.type,
+                            "ref-count": props.agent.refCount,
+                            id: props.agent.id,
+                            name: props.agent.agentName,
+                            module: _unref(Module).Agent,
+                            "space-id": props.spaceId,
+                            "api-prefix": props.apiPrefix
+                        }, null, 8 /* PROPS */ , [
+                            "type",
+                            "ref-count",
+                            "id",
+                            "name",
+                            "module",
+                            "space-id",
+                            "api-prefix"
+                        ])) : _createCommentVNode("v-if", true)
+                    ]),
+                actions: _withCtx(()=>[
+                        _createVNode(RenderActions, {
+                            type: __props.type,
+                            agent: props.agent,
+                            "group-type": props.groupType,
+                            "space-id": props.spaceId,
+                            spaces: props.spaces,
+                            "api-prefix": __props.apiPrefix,
+                            onEdit: handleEdit,
+                            onSuccessDelete: handleSuccessDelete,
+                            onSuccessRestore: handleSuccessRestore
+                        }, null, 8 /* PROPS */ , [
+                            "type",
+                            "agent",
+                            "group-type",
+                            "space-id",
+                            "spaces",
+                            "api-prefix"
+                        ])
+                    ]),
+                _: 1 /* STABLE */ 
+            }, 8 /* PROPS */ , [
+                "module",
+                "type",
+                "name",
+                "code",
+                "description",
+                "icon",
+                "generate-type",
+                "space-id",
+                "disabled",
+                "checked",
+                "multiple",
+                "id",
+                "is-show-checkbox",
+                "tag-names",
+                "is-show-operation",
+                "status",
+                "approvers",
+                "ticket-url",
+                "updated-by",
+                "updated-at",
+                "applied-by",
+                "applied-at",
+                "used-by",
+                "resource-id",
+                "spaces"
+            ]);
+        };
+    }
+});

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

@@ -0,0 +1,46 @@
+import type { IAgent, IAgentCommand, IApplicationAgent } from '@/types/agent';
+import { GroupType, ResourceCardType } from '@/types/enum';
+import type { ISpace } from '@/types/space';
+declare const __VLS_export: <T extends IAgent | IApplicationAgent>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+        agent: T;
+        type: ResourceCardType;
+        commands?: IAgentCommand[];
+        originAgentId?: number;
+        checked?: boolean;
+        multiple?: boolean;
+        disabled?: boolean;
+        isShowOperation?: boolean;
+        groupType?: GroupType;
+        isShowCheckbox?: boolean;
+        spaceId?: string;
+        spaces?: ISpace[];
+        apiPrefix: string;
+    } & {
+        onChoose?: (agent: T) => any;
+        onEdit?: (agent: T) => any;
+        onDelete?: (agent: T) => any;
+        "onSuccess-delete"?: () => any;
+        "onSuccess-restore"?: () => any;
+        "onUpdate:commands"?: (commands: IAgentCommand[]) => any;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: {
+        (event: "delete" | "choose" | "edit", agent: T): void;
+        (event: "success-delete" | "success-restore"): void;
+        (event: "update:commands", commands: IAgentCommand[]): void;
+    };
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

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

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

@@ -0,0 +1,252 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { normalizeClass as _normalizeClass, resolveDirective as _resolveDirective, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, unref as _unref, createBlock as _createBlock, createVNode as _createVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createCommentVNode as _createCommentVNode } from "vue";
+const _hoisted_1 = [
+    "onClick"
+];
+const _hoisted_2 = {
+    class: "g-resource-main g-resource-name"
+};
+const _hoisted_3 = {
+    class: "g-text-12 g-learning-16 g-truncate command-name-text"
+};
+const _hoisted_4 = {
+    class: "g-flex-row g-pt-12"
+};
+import { ref, toRef } from 'vue';
+import { RenderCheckbox } from '../../../components.ts.js';
+import RenderImage from '../../render-image/index.vue.js';
+import { ResourceStatus } from '../../../enums.ts.js';
+import { useAgentHttp } from '../../../hooks/use-agent-http.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        agent: {},
+        commands: {},
+        originAgentId: {},
+        disabled: {
+            type: Boolean
+        },
+        apiPrefix: {},
+        spaceId: {}
+    },
+    emits: [
+        "update:commands",
+        "delete"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { getRelatedAgentCommands } = useAgentHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const choosenCommands = ref([]);
+        const showCommands = ref([]);
+        const popoverRef = ref();
+        const loading = ref(false);
+        const getIsDisabled = ()=>{
+            return props.agent.status === ResourceStatus.Deleted || props.disabled;
+        };
+        const getCommandIsDeleted = (command)=>{
+            return command.status === ResourceStatus.Deleted;
+        };
+        const getIsCheck = (command)=>{
+            return choosenCommands.value.some((c)=>c.id === command.id);
+        };
+        // 判断是否全选
+        const getIsAllCheck = ()=>{
+            return showCommands.value.filter((cmd)=>cmd.status !== ResourceStatus.Deleted).every((cmd)=>choosenCommands.value.some((c)=>c.id === cmd.id));
+        };
+        // 单选
+        const handleToggleChooseCommand = (command)=>{
+            const index = choosenCommands.value.findIndex((choosenCommand)=>choosenCommand.id === command.id);
+            if (index > -1) {
+                choosenCommands.value.splice(index, 1);
+            } else if (!getCommandIsDeleted(command)) {
+                choosenCommands.value.push(command);
+            }
+        };
+        // 全选
+        const handleAllChooseCommand = ()=>{
+            const allCommands = showCommands.value;
+            if (!getIsAllCheck()) {
+                // 除了已删除的外 全选
+                choosenCommands.value = [
+                    ...choosenCommands.value,
+                    ...allCommands.filter((cmd)=>cmd.status !== ResourceStatus.Deleted).filter((cmd)=>!choosenCommands.value.some((c)=>c.id === cmd.id))
+                ];
+            } else {
+                // 取消全选
+                const removeIds = allCommands.map((cmd)=>cmd.id);
+                choosenCommands.value = choosenCommands.value.filter((cmd)=>!removeIds.includes(cmd.id));
+            }
+        };
+        const handleConfirm = ()=>{
+            emits('update:commands', choosenCommands.value);
+            handleHidePopover();
+        };
+        const handleCancel = ()=>{
+            handleHidePopover();
+        };
+        const handleHidePopover = ()=>{
+            var _popoverRef_value;
+            (_popoverRef_value = popoverRef.value) === null || _popoverRef_value === void 0 ? void 0 : _popoverRef_value.hide();
+        };
+        const handleInitChooseCommands = ()=>{
+            choosenCommands.value = JSON.parse(JSON.stringify(props.commands));
+        };
+        // 初始化poopover展示的指令
+        const handleInitShowCommands = ()=>{
+            loading.value = true;
+            getRelatedAgentCommands(props.originAgentId, props.agent.id).then((res)=>{
+                showCommands.value = res;
+            }).finally(()=>{
+                loading.value = false;
+            });
+        };
+        const handleInitPopover = ()=>{
+            handleInitChooseCommands();
+            handleInitShowCommands();
+        };
+        return (_ctx, _cache)=>{
+            const _component_bk_tag = _resolveComponent("bk-tag");
+            const _component_bk_button = _resolveComponent("bk-button");
+            const _component_bk_loading = _resolveComponent("bk-loading");
+            const _component_bk_popover = _resolveComponent("bk-popover");
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return _openBlock(), _createBlock(_component_bk_popover, {
+                width: "282",
+                theme: "light",
+                trigger: "click",
+                ref_key: "popoverRef",
+                ref: popoverRef,
+                disabled: getIsDisabled(),
+                onAfterShow: handleInitPopover
+            }, {
+                content: _withCtx(()=>[
+                        _createVNode(_component_bk_loading, {
+                            loading: loading.value
+                        }, {
+                            default: _withCtx(()=>[
+                                    _cache[4] || (_cache[4] = _createElementVNode("span", {
+                                        class: "g-block g-text-black g-text-16 g-pb-20 g-learning-24"
+                                    }, "请勾选要添加的快捷指令", -1 /* CACHED */ )),
+                                    _createElementVNode("ul", null, [
+                                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(showCommands.value, (command)=>{
+                                            return _openBlock(), _createElementBlock("li", {
+                                                class: "g-mb-12 g-flex-row g-cursor-pointer",
+                                                key: command.id,
+                                                onClick: ($event)=>handleToggleChooseCommand(command)
+                                            }, [
+                                                (_openBlock(), _createBlock(_unref(RenderCheckbox), {
+                                                    key: command.id,
+                                                    checked: getIsCheck(command),
+                                                    disabled: getCommandIsDeleted(command) && !getIsCheck(command)
+                                                }, null, 8 /* PROPS */ , [
+                                                    "checked",
+                                                    "disabled"
+                                                ])),
+                                                _createElementVNode("section", {
+                                                    class: _normalizeClass([
+                                                        "g-flex-row li-content",
+                                                        {
+                                                            'g-deleted-resource': getCommandIsDeleted(command)
+                                                        }
+                                                    ])
+                                                }, [
+                                                    _createVNode(RenderImage, {
+                                                        url: command.icon,
+                                                        size: 12,
+                                                        class: "g-mr-6"
+                                                    }, null, 8 /* PROPS */ , [
+                                                        "url"
+                                                    ]),
+                                                    _createElementVNode("p", _hoisted_2, [
+                                                        _createElementVNode("span", _hoisted_3, _toDisplayString(command.name), 1 /* TEXT */ ),
+                                                        getCommandIsDeleted(command) ? _withDirectives((_openBlock(), _createBlock(_component_bk_tag, {
+                                                            key: 0,
+                                                            theme: "danger",
+                                                            size: "small",
+                                                            class: "g-ml-4"
+                                                        }, {
+                                                            default: _withCtx(()=>[
+                                                                    ..._cache[0] || (_cache[0] = [
+                                                                        _createTextVNode(" 已被删除 ", -1 /* CACHED */ )
+                                                                    ])
+                                                                ]),
+                                                            _: 1 /* STABLE */ 
+                                                        })), [
+                                                            [
+                                                                _directive_bk_tooltips,
+                                                                {
+                                                                    content: '该指令已被删除'
+                                                                }
+                                                            ]
+                                                        ]) : _createCommentVNode("v-if", true)
+                                                    ])
+                                                ], 2 /* CLASS */ )
+                                            ], 8 /* PROPS */ , _hoisted_1);
+                                        }), 128 /* KEYED_FRAGMENT */ ))
+                                    ]),
+                                    _createElementVNode("section", _hoisted_4, [
+                                        _createVNode(_unref(RenderCheckbox), {
+                                            checked: getIsAllCheck(),
+                                            onChange: handleAllChooseCommand
+                                        }, null, 8 /* PROPS */ , [
+                                            "checked"
+                                        ]),
+                                        _cache[3] || (_cache[3] = _createElementVNode("span", {
+                                            class: "g-ml-6 g-learning-20 g-text-12"
+                                        }, " 全选 ", -1 /* CACHED */ )),
+                                        _createVNode(_component_bk_button, {
+                                            class: "confirm-button g-text-12 g-width-64",
+                                            theme: "primary",
+                                            size: "small",
+                                            onClick: handleConfirm
+                                        }, {
+                                            default: _withCtx(()=>[
+                                                    ..._cache[1] || (_cache[1] = [
+                                                        _createTextVNode(" 确定 ", -1 /* CACHED */ )
+                                                    ])
+                                                ]),
+                                            _: 1 /* STABLE */ 
+                                        }),
+                                        _createVNode(_component_bk_button, {
+                                            class: "g-text-12 g-width-64",
+                                            size: "small",
+                                            onClick: handleCancel
+                                        }, {
+                                            default: _withCtx(()=>[
+                                                    ..._cache[2] || (_cache[2] = [
+                                                        _createTextVNode(" 取消 ", -1 /* CACHED */ )
+                                                    ])
+                                                ]),
+                                            _: 1 /* STABLE */ 
+                                        })
+                                    ])
+                                ]),
+                            _: 1 /* STABLE */ 
+                        }, 8 /* PROPS */ , [
+                            "loading"
+                        ])
+                    ]),
+                default: _withCtx(()=>[
+                        _withDirectives(_createElementVNode("i", {
+                            class: _normalizeClass({
+                                'g-disabled': getIsDisabled(),
+                                'bkaidev-icon bkaidev-kuaijiezhiling g-text-16 g-mr-16 g-ml-16': true,
+                                'g-text-gray g-cursor-pointer': true,
+                                'g-hover-text-blue': !getIsDisabled()
+                            })
+                        }, null, 2 /* CLASS */ ), [
+                            [
+                                _directive_bk_tooltips,
+                                {
+                                    content: '添加快捷指令'
+                                }
+                            ]
+                        ])
+                    ]),
+                _: 1 /* STABLE */ 
+            }, 8 /* PROPS */ , [
+                "disabled"
+            ]);
+        };
+    }
+});

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

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

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

@@ -0,0 +1,18 @@
+import { IAgent, IAgentCommand } from '@/types/agent';
+interface IProps {
+    agent: IAgent;
+    commands: IAgentCommand[];
+    originAgentId: number;
+    disabled?: boolean;
+    apiPrefix: string;
+    spaceId?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    delete: () => any;
+    "update:commands": (value: IAgentCommand[]) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onDelete?: () => any;
+    "onUpdate:commands"?: (value: IAgentCommand[]) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,5 @@
+import script from './prefix-info-tool.script.vue.js.js';
+script.__scopeId = "data-v-l79999ep";
+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/tag-prefix.script.vue.js.js

@@ -0,0 +1,31 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, Fragment as _Fragment, createElementBlock as _createElementBlock } from "vue";
+import AgentType from '../../render-agent/agent-type.vue.js';
+import ResourceVersion from '../../render-resource-version/index.vue.js';
+import { ResourceCardType, ResourceStatus } from '../../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        agent: {},
+        type: {}
+    },
+    setup (__props) {
+        const props = __props;
+        return (_ctx, _cache)=>{
+            return props.type !== _unref(ResourceCardType).Record ? (_openBlock(), _createElementBlock(_Fragment, {
+                key: 0
+            }, [
+                _createVNode(AgentType, {
+                    type: __props.agent.agentType
+                }, null, 8 /* PROPS */ , [
+                    "type"
+                ]),
+                props.agent.status !== _unref(ResourceStatus).Deleted ? (_openBlock(), _createBlock(ResourceVersion, {
+                    key: 0,
+                    version: __props.agent.latestVersion
+                }, null, 8 /* PROPS */ , [
+                    "version"
+                ])) : _createCommentVNode("v-if", true)
+            ], 64 /* STABLE_FRAGMENT */ )) : _createCommentVNode("v-if", true);
+        };
+    }
+});

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

@@ -0,0 +1,9 @@
+import type { IAgent } from '@/types/agent';
+import { ResourceCardType } from '@/types/enum';
+interface IProps {
+    agent: IAgent;
+    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-card/agent/tag-prefix.vue.js

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