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

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

@@ -0,0 +1,96 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { ref } from 'vue';
+import RenderSearchSelect from '../render-search-select/index.vue.js';
+import { useMemberHttp } from '../../hooks.ts.js';
+import { AgentType } from '../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        search: {},
+        isShowAllSearchOptions: {
+            type: Boolean
+        },
+        isShowTagSearch: {
+            type: Boolean
+        },
+        apiPrefix: {},
+        spaceId: {},
+        module: {},
+        memberUrl: {}
+    },
+    emits: [
+        "update:search"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { getMemberList } = useMemberHttp();
+        const searchOptions = ref([
+            {
+                id: 'agentName',
+                name: '中文名称'
+            },
+            {
+                id: 'agentCode',
+                name: '英文名称'
+            },
+            {
+                id: 'description',
+                name: '描述'
+            },
+            ...props.isShowAllSearchOptions ? [
+                {
+                    id: 'agentType',
+                    name: '类型',
+                    children: [
+                        {
+                            id: AgentType.Single,
+                            name: '单智能体'
+                        },
+                        {
+                            id: AgentType.Flow,
+                            name: '流程智能体'
+                        }
+                    ]
+                },
+                {
+                    id: 'updatedBy',
+                    name: '更新人',
+                    async: true,
+                    children: []
+                }
+            ] : []
+        ]);
+        const handleGetMenuList = (data, search)=>{
+            if (data.id === 'updatedBy') {
+                return getMemberList(props.memberUrl, search);
+            }
+        };
+        const handleSearchChange = (search)=>{
+            emits('update:search', search);
+        };
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createBlock(RenderSearchSelect, {
+                placeholder: __props.isShowAllSearchOptions ? '搜索中英文名称、类型、描述、更新人' : '搜索中英文名称、描述',
+                "model-value": props.search,
+                data: searchOptions.value,
+                "onUpdate:data": _cache[0] || (_cache[0] = ($event)=>searchOptions.value = $event),
+                "is-show-tag-search": props.isShowTagSearch,
+                "space-id": props.spaceId,
+                module: props.module,
+                "get-menu-list": handleGetMenuList,
+                "api-prefix": props.apiPrefix,
+                class: "!g-bg-white",
+                "onUpdate:modelValue": handleSearchChange
+            }, null, 8 /* PROPS */ , [
+                "placeholder",
+                "model-value",
+                "data",
+                "is-show-tag-search",
+                "space-id",
+                "module",
+                "api-prefix"
+            ]);
+        };
+    }
+});

package/dist/components/render-agent/agent-search.vue.js

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/render-auth/auth-dialog-fn.ts.js

@@ -0,0 +1,14 @@
+import { h, render } from 'vue';
+import authDialog from './auth-dialog.vue.js';
+const getVnode = ()=>{
+    const vNode = h(authDialog);
+    const rootElement = document.querySelector('.app');
+    vNode.appContext = rootElement.__vue_app__._context;
+    render(vNode, document.body);
+    return vNode;
+};
+export const renderAuthDialog = (perm, cancelCallback)=>{
+    var _vNode_component_exposed, _vNode_component;
+    const vNode = getVnode();
+    (_vNode_component = vNode.component) === null || _vNode_component === void 0 ? void 0 : (_vNode_component_exposed = _vNode_component.exposed) === null || _vNode_component_exposed === void 0 ? void 0 : _vNode_component_exposed.handleShow(perm, cancelCallback);
+};

package/dist/components/render-auth/auth-dialog.script.vue.js.js

@@ -0,0 +1,112 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { resolveComponent as _resolveComponent, createVNode as _createVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, createElementVNode as _createElementVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { ref } from 'vue';
+import RenderTTable from '../render-t-table/index.vue.js';
+export default /*@__PURE__*/ _defineComponent({
+    setup (__props, { expose: __expose }) {
+        const isShow = ref(false);
+        const perm = ref();
+        const tableData = ref([]);
+        let cancelCallback;
+        const getColumns = ()=>[
+                {
+                    colKey: 'system_name',
+                    ellipsis: true,
+                    title: '系统'
+                },
+                {
+                    colKey: 'name',
+                    ellipsis: true,
+                    title: '需要申请的权限'
+                },
+                {
+                    colKey: 'instance_name',
+                    ellipsis: true,
+                    title: '关联的资源实例'
+                }
+            ];
+        const handleApply = ()=>{
+            var _perm_value;
+            window.open((_perm_value = perm.value) === null || _perm_value === void 0 ? void 0 : _perm_value.apply_url, '_blank', 'noopener,noreferrer');
+        };
+        const handleClosed = ()=>{
+            isShow.value = false;
+            cancelCallback === null || cancelCallback === void 0 ? void 0 : cancelCallback();
+        };
+        const handleShow = (data, callback)=>{
+            var _data_permission, _data_permission_actions, _data_permission1, _data_permission_actions__related_resource_types__instances__at, _data_permission_actions__related_resource_types__instances_, _data_permission_actions__related_resource_types__instances, _data_permission_actions__related_resource_types_, _data_permission_actions__related_resource_types, _data_permission_actions_, _data_permission2;
+            perm.value = data;
+            isShow.value = true;
+            tableData.value = [
+                {
+                    system_name: data === null || data === void 0 ? void 0 : (_data_permission = data.permission) === null || _data_permission === void 0 ? void 0 : _data_permission.system_name,
+                    name: data === null || data === void 0 ? void 0 : (_data_permission1 = data.permission) === null || _data_permission1 === void 0 ? void 0 : (_data_permission_actions = _data_permission1.actions) === null || _data_permission_actions === void 0 ? void 0 : _data_permission_actions.map((item)=>item.name).join('，'),
+                    instance_name: data === null || data === void 0 ? void 0 : (_data_permission2 = data.permission) === null || _data_permission2 === void 0 ? void 0 : (_data_permission_actions_ = _data_permission2.actions[0]) === null || _data_permission_actions_ === void 0 ? void 0 : (_data_permission_actions__related_resource_types = _data_permission_actions_.related_resource_types) === null || _data_permission_actions__related_resource_types === void 0 ? void 0 : (_data_permission_actions__related_resource_types_ = _data_permission_actions__related_resource_types[0]) === null || _data_permission_actions__related_resource_types_ === void 0 ? void 0 : (_data_permission_actions__related_resource_types__instances = _data_permission_actions__related_resource_types_.instances) === null || _data_permission_actions__related_resource_types__instances === void 0 ? void 0 : (_data_permission_actions__related_resource_types__instances_ = _data_permission_actions__related_resource_types__instances[0]) === null || _data_permission_actions__related_resource_types__instances_ === void 0 ? void 0 : (_data_permission_actions__related_resource_types__instances__at = _data_permission_actions__related_resource_types__instances_.at(-1)) === null || _data_permission_actions__related_resource_types__instances__at === void 0 ? void 0 : _data_permission_actions__related_resource_types__instances__at.name
+                }
+            ];
+            cancelCallback = callback;
+        };
+        __expose({
+            handleShow
+        });
+        return (_ctx, _cache)=>{
+            const _component_bk_exception = _resolveComponent("bk-exception");
+            const _component_bk_button = _resolveComponent("bk-button");
+            const _component_bk_dialog = _resolveComponent("bk-dialog");
+            return _openBlock(), _createBlock(_component_bk_dialog, {
+                "is-show": isShow.value,
+                width: 640,
+                class: "auth-dialog",
+                onClosed: handleClosed
+            }, {
+                header: _withCtx(()=>[
+                        _createVNode(_component_bk_exception, {
+                            type: "403",
+                            scene: "part",
+                            title: "该操作需要以下权限"
+                        })
+                    ]),
+                footer: _withCtx(()=>[
+                        _createElementVNode("div", null, [
+                            _createVNode(_component_bk_button, {
+                                theme: "primary",
+                                onClick: handleApply
+                            }, {
+                                default: _withCtx(()=>[
+                                        ..._cache[0] || (_cache[0] = [
+                                            _createTextVNode(" 去申请 ", -1 /* CACHED */ )
+                                        ])
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            }),
+                            _createVNode(_component_bk_button, {
+                                class: "g-ml-8",
+                                onClick: handleClosed
+                            }, {
+                                default: _withCtx(()=>[
+                                        ..._cache[1] || (_cache[1] = [
+                                            _createTextVNode(" 取消 ", -1 /* CACHED */ )
+                                        ])
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            })
+                        ])
+                    ]),
+                default: _withCtx(()=>[
+                        _createVNode(RenderTTable, {
+                            "row-key": "system_name",
+                            class: "g-mb-20",
+                            columns: getColumns(),
+                            "table-data": tableData.value
+                        }, null, 8 /* PROPS */ , [
+                            "columns",
+                            "table-data"
+                        ])
+                    ]),
+                _: 1 /* STABLE */ 
+            }, 8 /* PROPS */ , [
+                "is-show"
+            ]);
+        };
+    }
+});

package/dist/components/render-auth/auth-dialog.vue.css

@@ -0,0 +1,4 @@
+
+.auth-dialog .bk-modal-mask {
+  opacity: 1 !important;
+}

package/dist/components/render-auth/auth-dialog.vue.js

@@ -0,0 +1,4 @@
+import script from './auth-dialog.script.vue.js.js';
+script.__file = "./src/components/render-auth/auth-dialog.vue";
+import './auth-dialog.vue.css';
+export default script;

package/dist/components/render-auto-height-textarea/index.script.vue.js.js

@@ -0,0 +1,83 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, createElementBlock as _createElementBlock } from "vue";
+import { Input as BkInput } from 'bkui-vue';
+import { Close } from 'bkui-vue/lib/icon';
+import { nextTick, onMounted, ref } from 'vue';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        modelValue: {},
+        placeholder: {},
+        height: {},
+        maxHeight: {
+            default: 400
+        },
+        focusShowHeight: {
+            type: Boolean,
+            default: false
+        },
+        disabled: {
+            type: Boolean
+        }
+    },
+    emits: [
+        'update:modelValue',
+        'input'
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const textHeight = ref(props.height);
+        const inputRef = ref();
+        const handleValueChange = (val, event)=>{
+            emits('update:modelValue', val);
+            emits('input', val, event);
+            nextTick(handleCalcHeight);
+        };
+        const handleCalcHeight = ()=>{
+            var _inputRef_value;
+            const elm = (_inputRef_value = inputRef.value) === null || _inputRef_value === void 0 ? void 0 : _inputRef_value.$el.firstElementChild;
+            if ((elm === null || elm === void 0 ? void 0 : elm.scrollHeight) > props.height && props.modelValue) {
+                textHeight.value = elm.scrollHeight <= props.maxHeight ? elm.scrollHeight : props.maxHeight;
+            } else {
+                textHeight.value = props.height;
+            }
+        };
+        onMounted(()=>{
+            setTimeout(()=>{
+                handleCalcHeight();
+            }, 200);
+        });
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createElementBlock("section", {
+                class: "send-container",
+                style: _normalizeStyle({
+                    '--text-height': textHeight.value + 'px',
+                    '--origin-height': (__props.focusShowHeight ? __props.height : textHeight.value) + 'px'
+                })
+            }, [
+                _createVNode(_unref(BkInput), {
+                    type: "textarea",
+                    row: "1",
+                    class: "send-input",
+                    ref_key: "inputRef",
+                    ref: inputRef,
+                    disabled: __props.disabled,
+                    clearable: false,
+                    resize: false,
+                    placeholder: __props.placeholder,
+                    "model-value": __props.modelValue,
+                    onInput: handleValueChange
+                }, null, 8 /* PROPS */ , [
+                    "disabled",
+                    "placeholder",
+                    "model-value"
+                ]),
+                __props.modelValue && !__props.disabled ? (_openBlock(), _createBlock(_unref(Close), {
+                    key: 0,
+                    class: "send-clear",
+                    onClick: _cache[0] || (_cache[0] = ($event)=>handleValueChange(''))
+                })) : _createCommentVNode("v-if", true)
+            ], 4 /* STYLE */ );
+        };
+    }
+});

package/dist/components/render-auto-height-textarea/index.vue.css

@@ -0,0 +1,48 @@
+
+.send-container[data-v-0rne39q3] {
+  position: relative;
+}
+.send-container[data-v-0rne39q3]:has(textarea:focus) {
+    z-index: 2;
+}
+.send-container:hover .send-clear[data-v-0rne39q3] {
+      display: inline-flex !important;
+}
+.send-input[data-v-0rne39q3] {
+  width: 100%;
+  flex-direction: row;
+  height: var(--origin-height);
+}
+.send-input[data-v-0rne39q3]:has(textarea:focus) {
+    height: var(--text-height);
+}
+.send-input[data-v-0rne39q3] textarea {
+    font-size: 12px;
+    line-height: 16px;
+    padding: 7px;
+    resize: none !important;
+}
+.send-input[data-v-0rne39q3] textarea::-webkit-scrollbar {
+      width: 4px;
+      height: 4px;
+}
+.send-input[data-v-0rne39q3] textarea::-webkit-scrollbar-thumb {
+      height: 5px;
+      border-radius: 3px;
+      background-color: #dcdee5;
+}
+.send-input[data-v-0rne39q3] textarea::placeholder {
+      line-height: 16px;
+}
+.send-clear[data-v-0rne39q3] {
+  display: none !important;
+  position: absolute;
+  right: 10px;
+  bottom: 10px;
+  color: #979ba5;
+  font-size: 14px;
+  cursor: pointer;
+}
+.send-clear[data-v-0rne39q3]:hover {
+    color: #313238;
+}

package/dist/components/render-auto-height-textarea/index.vue.js

@@ -0,0 +1,5 @@
+import script from './index.script.vue.js.js';
+script.__scopeId = "data-v-0rne39q3";
+script.__file = "./src/components/render-auto-height-textarea/index.vue";
+import './index.vue.css';
+export default script;