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

package/dist/components/render-card/llm/corner-badge.script.vue.js

@@ -0,0 +1,62 @@
+"use strict";
+var _interopRequireDefault = require('../../../node_modules/@babel/runtime/helpers/interopRequireDefault.js');
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require('../../../node_modules/@babel/runtime/helpers/toConsumableArray.js'));
+var _vue = require("vue");
+var _enums = require('../../../enums.ts.js');
+var _hoisted_1 = {
+    key: 0,
+    class: "llm-corner-badge g-absolute !g-cursor-pointer"
+};
+var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+    props: {
+        model: {},
+        selfHostUrl: {},
+        externalUrl: {}
+    },
+    setup: function setup(__props) {
+        var props = __props;
+        var getTooltipContent = function getTooltipContent() {
+            return (0, _vue.createVNode)(_vue.Fragment, null, [
+                (0, _vue.createVNode)("span", null, [
+                    (0, _vue.createTextVNode)("\u5F53\u524D\u6A21\u578B\u5982\u9700\u4F7F\u7528\u9700\u8981\u7533\u8BF7\u6743\u9650")
+                ]),
+                (0, _vue.createVNode)("p", null, null),
+                (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-link"), {
+                    "class": "!g-text-12",
+                    "theme": "primary",
+                    "target": "_blank",
+                    "href": props.model.property.isSelfHost ? props.selfHostUrl : props.externalUrl
+                }, {
+                    default: function _default() {
+                        return [
+                            (0, _vue.createVNode)("i", {
+                                "class": "ai-ui-sdk-icon ai-ui-sdk-jump-link-line g-mr-4"
+                            }, null),
+                            (0, _vue.createTextVNode)("\u53BB\u7533\u8BF7")
+                        ];
+                    }
+                })
+            ]);
+        };
+        return function(_ctx, _cache) {
+            var _directive_bk_tooltips = (0, _vue.resolveDirective)("bk-tooltips");
+            return props.model.spaceAuthMode === (0, _vue.unref)(_enums.ModelSpaceAuthMode).Apply ? (0, _vue.withDirectives)(((0, _vue.openBlock)(), (0, _vue.createElementBlock)("section", _hoisted_1, (0, _toConsumableArray2.default)(_cache[0] || (_cache[0] = [
+                (0, _vue.createElementVNode)("span", {
+                    class: "llm-corner-badge-text g-absolute g-text-10 !g-text-white"
+                }, "需申请", -1 /* CACHED */ )
+            ])))), [
+                [
+                    _directive_bk_tooltips,
+                    {
+                        content: getTooltipContent(),
+                        placement: 'top'
+                    }
+                ]
+            ]) : (0, _vue.createCommentVNode)("v-if", true);
+        };
+    }
+});

package/dist/components/render-card/llm/corner-badge.vue.css

@@ -0,0 +1,18 @@
+
+.llm-corner-badge[data-v-hjxz6lbu] {
+  top: 0;
+  right: 0;
+  width: 48px;
+  height: 48px;
+  background: linear-gradient(142.7deg, #fdf4e8 0%, #f8b64f 100%);
+  clip-path: polygon(100% 0, 0 0, 100% 100%);
+  border-radius: 0 8px;
+}
+.llm-corner-badge[data-v-hjxz6lbu]:hover {
+    background: linear-gradient(142.7deg, #fdf4e8 0%, #e5a239 100%);
+}
+.llm-corner-badge-text[data-v-hjxz6lbu] {
+  top: 8px;
+  right: 0;
+  transform: rotate(45deg);
+}

package/dist/components/render-card/llm/corner-badge.vue.js

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

package/dist/components/render-card/llm/icons.script.vue.js.js

@@ -0,0 +1,121 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, resolveComponent as _resolveComponent, withModifiers as _withModifiers, resolveDirective as _resolveDirective, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, withDirectives as _withDirectives, Fragment as _Fragment, createElementBlock as _createElementBlock } from "vue";
+import { toRef } from 'vue';
+import { useLlmHttp } from '../../../hooks/use-llm-http.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        model: {},
+        type: {},
+        apiPrefix: {},
+        spaceId: {}
+    },
+    emits: [
+        "toggle-like",
+        "toggle-dislike"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { cancelModelLikeOrDislike, submitModelLikeOrDislike } = useLlmHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const handleClickLike = ()=>{
+            if (props.model.like) {
+                cancelModelLikeOrDislike(props.model.id, 'like').then(()=>{
+                    emits('toggle-like');
+                });
+            } else {
+                submitModelLikeOrDislike(props.model.id, 'like').then(()=>{
+                    emits('toggle-like');
+                });
+            }
+        };
+        const handleClickDisLike = ()=>{
+            if (props.model.dislike) {
+                cancelModelLikeOrDislike(props.model.id, 'dislike').then(()=>{
+                    emits('toggle-dislike');
+                });
+            } else {
+                submitModelLikeOrDislike(props.model.id, 'dislike').then(()=>{
+                    emits('toggle-dislike');
+                });
+            }
+        };
+        return (_ctx, _cache)=>{
+            const _component_bk_button = _resolveComponent("bk-button");
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return _openBlock(), _createElementBlock(_Fragment, null, [
+                _withDirectives((_openBlock(), _createBlock(_component_bk_button, {
+                    size: "small",
+                    text: "",
+                    class: _normalizeClass({
+                        'like-button g-mr-12': true,
+                        'active': __props.model.like
+                    }),
+                    onClick: _withModifiers(handleClickLike, [
+                        "stop"
+                    ])
+                }, {
+                    default: _withCtx(()=>[
+                            _createElementVNode("i", {
+                                class: _normalizeClass([
+                                    'g-text-16 g-mr-4 !g-cursor-pointer',
+                                    __props.model.like ? 'ai-ui-sdk-icon ai-ui-sdk-dizanshixin g-text-blue' : 'ai-ui-sdk-icon ai-ui-sdk-dizan-2 g-text-gray'
+                                ])
+                            }, null, 2 /* CLASS */ ),
+                            _createElementVNode("span", {
+                                class: _normalizeClass([
+                                    __props.model.like ? 'g-text-blue' : 'g-text-gray'
+                                ])
+                            }, _toDisplayString(__props.model.likeCount || 0), 3 /* TEXT, CLASS */ )
+                        ]),
+                    _: 1 /* STABLE */ 
+                }, 8 /* PROPS */ , [
+                    "class"
+                ])), [
+                    [
+                        _directive_bk_tooltips,
+                        {
+                            content: __props.model.like ? '取消赞' : '赞',
+                            placement: 'top'
+                        }
+                    ]
+                ]),
+                _withDirectives((_openBlock(), _createBlock(_component_bk_button, {
+                    size: "small",
+                    text: "",
+                    class: _normalizeClass({
+                        'dislike-button': true,
+                        'active': __props.model.dislike
+                    }),
+                    onClick: _withModifiers(handleClickDisLike, [
+                        "stop"
+                    ])
+                }, {
+                    default: _withCtx(()=>[
+                            _createElementVNode("i", {
+                                class: _normalizeClass([
+                                    'g-text-16 g-mr-4 !g-cursor-pointer',
+                                    __props.model.dislike ? 'ai-ui-sdk-icon ai-ui-sdk-dicaishixin g-text-red' : 'ai-ui-sdk-icon ai-ui-sdk-dicai-2 g-text-gray'
+                                ])
+                            }, null, 2 /* CLASS */ ),
+                            _createElementVNode("span", {
+                                class: _normalizeClass([
+                                    __props.model.dislike ? 'g-text-red' : 'g-text-gray'
+                                ])
+                            }, _toDisplayString(__props.model.dislikeCount || 0), 3 /* TEXT, CLASS */ )
+                        ]),
+                    _: 1 /* STABLE */ 
+                }, 8 /* PROPS */ , [
+                    "class"
+                ])), [
+                    [
+                        _directive_bk_tooltips,
+                        {
+                            content: __props.model.dislike ? '取消踩' : '踩',
+                            placement: 'top'
+                        }
+                    ]
+                ])
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});

package/dist/components/render-card/llm/icons.vue.css

@@ -0,0 +1,7 @@
+
+.like-button:hover .ai-ui-sdk-icon[data-v-ae9onsrk], .like-button:hover span[data-v-ae9onsrk] {
+      color: #3A84FF !important;
+}
+.dislike-button:hover .ai-ui-sdk-icon[data-v-ae9onsrk], .dislike-button:hover span[data-v-ae9onsrk], .dislike-button:active .ai-ui-sdk-icon[data-v-ae9onsrk], .dislike-button:active span[data-v-ae9onsrk] {
+      color: #EA3636 !important;
+}

package/dist/components/render-card/llm/icons.vue.js

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

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

@@ -0,0 +1,187 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, createVNode as _createVNode, renderSlot as _renderSlot, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import RenderBase from '../base.vue.js';
+import RenderReferenceIcon from '../base/reference-icon.vue.js';
+import RenderActions from './actions.vue.js';
+import RenderCornerBadge from './corner-badge.vue.js';
+import RenderIcons from './icons.vue.js';
+import RenderInfo from './info.vue.js';
+import RenderTagPrefix from './tag-prefix.vue.js';
+import { Module } from '../../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        model: {},
+        type: {},
+        commands: {},
+        originAgentId: {},
+        disabled: {
+            type: Boolean
+        },
+        showDeleteTips: {
+            type: Boolean
+        },
+        checked: {
+            type: Boolean
+        },
+        isShowOperation: {
+            type: Boolean
+        },
+        spaceId: {},
+        spaces: {},
+        selfHostUrl: {},
+        externalUrl: {},
+        models: {},
+        apiPrefix: {},
+        showGenerateType: {
+            type: Boolean
+        }
+    },
+    emits: [
+        "success-delete",
+        "choose",
+        "toggle-like",
+        "toggle-dislike",
+        "navigate"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const handleDelete = ()=>{
+            emits('success-delete');
+        };
+        const handleChoose = ()=>{
+            emits('choose', props.model);
+        };
+        const handleToggleLike = ()=>{
+            emits('toggle-like', props.model);
+        };
+        const handleToggleDislike = ()=>{
+            emits('toggle-dislike', props.model);
+        };
+        const handleNavigate = (route)=>{
+            emits('navigate', route);
+        };
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createBlock(RenderBase, {
+                class: "g-relative",
+                module: _unref(Module).LLM,
+                type: props.type,
+                id: props.model.id,
+                name: props.model.llmName,
+                code: props.model.llmCode,
+                disabled: props.disabled,
+                "tag-names": props.model.tagNames,
+                description: props.model.description,
+                icon: props.model.icon,
+                "show-delete-tips": props.showDeleteTips,
+                checked: props.checked,
+                "is-show-operation": props.isShowOperation,
+                "updated-by": props.model.updatedBy,
+                "updated-at": props.model.updatedAt,
+                spaces: props.spaces,
+                "show-generate-type": props.showGenerateType,
+                onDelete: handleDelete,
+                onChoose: handleChoose
+            }, {
+                "corner-badge": _withCtx(()=>[
+                        _createVNode(RenderCornerBadge, {
+                            model: props.model,
+                            "self-host-url": props.selfHostUrl,
+                            "external-url": props.externalUrl
+                        }, null, 8 /* PROPS */ , [
+                            "model",
+                            "self-host-url",
+                            "external-url"
+                        ])
+                    ]),
+                info: _withCtx(()=>[
+                        _createVNode(RenderInfo, {
+                            model: props.model,
+                            type: props.type
+                        }, null, 8 /* PROPS */ , [
+                            "model",
+                            "type"
+                        ])
+                    ]),
+                "tag-prefix": _withCtx(()=>[
+                        _createVNode(RenderTagPrefix, {
+                            model: props.model
+                        }, null, 8 /* PROPS */ , [
+                            "model"
+                        ])
+                    ]),
+                "footer-icons": _withCtx(()=>[
+                        _createVNode(RenderReferenceIcon, {
+                            type: props.type,
+                            "ref-count": props.model.refCount,
+                            id: props.model.id,
+                            name: props.model.llmName,
+                            module: _unref(Module).LLM,
+                            "space-id": props.spaceId,
+                            "api-prefix": props.apiPrefix
+                        }, null, 8 /* PROPS */ , [
+                            "type",
+                            "ref-count",
+                            "id",
+                            "name",
+                            "module",
+                            "space-id",
+                            "api-prefix"
+                        ]),
+                        _createVNode(RenderIcons, {
+                            model: props.model,
+                            type: props.type,
+                            "space-id": props.spaceId,
+                            "api-prefix": props.apiPrefix,
+                            onToggleLike: handleToggleLike,
+                            onToggleDislike: handleToggleDislike
+                        }, null, 8 /* PROPS */ , [
+                            "model",
+                            "type",
+                            "space-id",
+                            "api-prefix"
+                        ])
+                    ]),
+                "pre-actions": _withCtx(()=>[
+                        _renderSlot(_ctx.$slots, "pre-actions", {}, undefined, true)
+                    ]),
+                actions: _withCtx(()=>[
+                        _createVNode(RenderActions, {
+                            model: props.model,
+                            models: props.models,
+                            "space-id": props.spaceId,
+                            "self-host-url": props.selfHostUrl,
+                            "external-url": props.externalUrl,
+                            "api-prefix": props.apiPrefix,
+                            onNavigate: handleNavigate
+                        }, null, 8 /* PROPS */ , [
+                            "model",
+                            "models",
+                            "space-id",
+                            "self-host-url",
+                            "external-url",
+                            "api-prefix"
+                        ])
+                    ]),
+                _: 3 /* FORWARDED */ 
+            }, 8 /* PROPS */ , [
+                "module",
+                "type",
+                "id",
+                "name",
+                "code",
+                "disabled",
+                "tag-names",
+                "description",
+                "icon",
+                "show-delete-tips",
+                "checked",
+                "is-show-operation",
+                "updated-by",
+                "updated-at",
+                "spaces",
+                "show-generate-type"
+            ]);
+        };
+    }
+});

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

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

package/dist/components/render-card/llm/info.script.vue.js.js

@@ -0,0 +1,36 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    class: "llm-info g-mt-12 g-leading-20 g-text-gray !g-text-12"
+};
+const _hoisted_2 = {
+    class: "g-max-truncate",
+    "data-ellipsis-tooltip": ""
+};
+const _hoisted_3 = {
+    class: "g-max-truncate",
+    "data-ellipsis-tooltip": ""
+};
+const _hoisted_4 = {
+    class: "g-max-truncate",
+    "data-ellipsis-tooltip": ""
+};
+import { numberUnitFormatter } from '../../../common/util.ts.js';
+import { ResourceCardType } from '../../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        model: {},
+        type: {}
+    },
+    setup (__props) {
+        const props = __props;
+        return (_ctx, _cache)=>{
+            return props.type === _unref(ResourceCardType).Market ? (_openBlock(), _createElementBlock("section", _hoisted_1, [
+                _createElementVNode("span", _hoisted_2, " 最大上下文长度：" + _toDisplayString(_unref(numberUnitFormatter)(__props.model.property.maxModelLen) || '--'), 1 /* TEXT */ ),
+                _createElementVNode("span", _hoisted_3, " 训练参数：" + _toDisplayString(__props.model.trainingParams || '--'), 1 /* TEXT */ ),
+                _createElementVNode("span", _hoisted_4, " 激活参数：" + _toDisplayString(__props.model.activatedParams || '--'), 1 /* TEXT */ )
+            ])) : _createCommentVNode("v-if", true);
+        };
+    }
+});

package/dist/components/render-card/llm/info.vue.css

@@ -0,0 +1,10 @@
+
+.llm-info[data-v-6l9x41t0] {
+  background: #F5F7FA;
+  border-radius: 2px;
+  padding: 8px;
+  display: grid;
+  gap: 0 4px;
+  grid-template-columns: repeat(3, 1fr);
+  letter-spacing: 0;
+}

package/dist/components/render-card/llm/info.vue.js

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

package/dist/components/render-card/llm/tag-prefix.script.vue.js.js

@@ -0,0 +1,31 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, Fragment as _Fragment } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    class: "tag-item tag-public g-rounded-2 g-text-10"
+};
+import { ModelSpaceAuthMode } from '../../../enums.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        model: {}
+    },
+    setup (__props) {
+        const props = __props;
+        return (_ctx, _cache)=>{
+            var _props_model_property, _props_model_property1, _props_model_property2;
+            return _openBlock(), _createElementBlock(_Fragment, null, [
+                props.model.spaceAuthMode === _unref(ModelSpaceAuthMode).Public ? (_openBlock(), _createElementBlock("span", _hoisted_1, " 公开 ")) : _createCommentVNode("v-if", true),
+                _createElementVNode("span", {
+                    class: _normalizeClass([
+                        "tag-item",
+                        {
+                            'tag-item g-rounded-2 g-text-10': true,
+                            'tag-private': (_props_model_property = props.model.property) === null || _props_model_property === void 0 ? void 0 : _props_model_property.isSelfHost,
+                            'tag-external': !((_props_model_property1 = props.model.property) === null || _props_model_property1 === void 0 ? void 0 : _props_model_property1.isSelfHost)
+                        }
+                    ])
+                }, _toDisplayString(((_props_model_property2 = props.model.property) === null || _props_model_property2 === void 0 ? void 0 : _props_model_property2.isSelfHost) ? '私有模型' : '外部模型'), 3 /* TEXT, CLASS */ )
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});

package/dist/components/render-card/llm/tag-prefix.vue.css

@@ -0,0 +1,12 @@
+
+.tag-item[data-v-rbpidya6] {
+  padding: 0 4px;
+}
+.tag-external[data-v-rbpidya6] {
+  color: #636a2f;
+  background: #EAEFC6;
+}
+.tag-public[data-v-rbpidya6], .tag-private[data-v-rbpidya6] {
+  color: #3a84ff;
+  background: #e1ecff;
+}

package/dist/components/render-card/llm/tag-prefix.vue.js

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