@blueking/ai-ui-sdk 0.0.15-beta.9 → 0.1.0-beta.2

package/dist/common/{chart-helper.js → chart-helper.ts.js}

@@ -55,7 +55,7 @@ function _object_spread(target) {
     }
     return target;
 }
-import { isJSON } from './util.js';
+import { isJSON } from './util.ts.js';
 export class ChatHelper {
     stream({ sessionCode, url, headers, data }) {
         var _this = this;

package/dist/common/util.d.ts

@@ -1,10 +1,34 @@
+/**
+ * 选择要上传的文件
+ * @param accept 可接受的类型
+ * @param size 大小限制
+ * @param multiple 是否多选
+ * @param number 限制数量
+ * @param allowFolder 是否允许选择文件夹
+ * @returns Promise
+ */
+export declare function chooseFile(accept: string, size: number, multiple: boolean, allowFolder: boolean): Promise<File[]>;
+/**
+ * 将大小转换成需要展示的文本
+ * @param size 大小
+ * @returns 展示的文本
+ */
+export declare const getFileSizeTxt: (size: number) => string;
+/**
+ * 数据格式转换
+ * @param val 值
+ * @param fixed 位数
+ * @param locales 语言
+ * @returns 格式化后的字符串
+ */
+export declare const numberFormatter: (val?: number, fixed?: number, locales?: string) => string;
 /**
 * 节流，每隔一段时间执行
 * @param {*} fn 需要执行的函数
 * @param {*} delay 延迟时间，默认200
 * @returns
 */
-export declare const throttle: <T1, T2, R>(fn: (p1?: T1, p2?: T2) => R, delay?: number) => (p1?: T1, p2?: T2) => false | undefined;
+export declare const throttle: <T1, T2, R>(fn: (p1?: T1, p2?: T2) => R, delay?: number) => (p1?: T1, p2?: T2) => boolean;
 /**
  * 判断是否是 JSON 字符串
  * @param str 字符串
@@ -50,14 +74,4 @@ export declare const processPromptTemplate: (prompt: string, selectedText: strin
  * @param target 全屏按钮
  * @returns 全屏的父元素
  */
-export declare const getFullScreenWrap: (target: HTMLElement) => HTMLElement | null;
-/**
- * 获取用户头像
- * @param username 用户名
- * @returns 头像地址
- */
-export declare function getUserImageUrl(username?: string): any;
-/**
- * 处理头像加载失败的场景
- */
-export declare function handleImageError(event: Event): void;
+export declare const getFullScreenWrap: (target: HTMLElement) => HTMLElement;

package/dist/common/{util.js → util.ts.js}

@@ -1,7 +1,71 @@
 import { Message } from 'bkui-vue';
-import { emitEvent } from '../event/index.js';
-import { EventType } from '../types/enum.js';
-import userImageUrl from '../assets/images/user.png';
+/**
+ * 选择要上传的文件
+ * @param accept 可接受的类型
+ * @param size 大小限制
+ * @param multiple 是否多选
+ * @param number 限制数量
+ * @param allowFolder 是否允许选择文件夹
+ * @returns Promise
+ */ export function chooseFile(accept = '.json', size, multiple, allowFolder) {
+    return new Promise((resolve, reject)=>{
+        const uploadEl = document.createElement('input');
+        uploadEl.style.display = 'none';
+        uploadEl.type = 'file';
+        uploadEl.multiple = multiple;
+        uploadEl.accept = accept;
+        uploadEl.webkitdirectory = allowFolder;
+        uploadEl.onchange = (event)=>{
+            const { files } = event.target;
+            if (size && Array.from(files).some((file)=>file.size > size)) {
+                reject(`大小不能超过${size / 1024 / 1024}m`);
+            }
+            const results = [];
+            // 根据accept筛选文件
+            const acceptTypes = accept.split(',');
+            for (const file of files){
+                if (!allowFolder || acceptTypes.some((acceptType)=>file.name.endsWith(acceptType))) {
+                    results.push(file);
+                }
+            }
+            resolve(results);
+        };
+        document.body.appendChild(uploadEl);
+        uploadEl.click();
+        document.body.removeChild(uploadEl);
+    });
+}
+/**
+ * 将大小转换成需要展示的文本
+ * @param size 大小
+ * @returns 展示的文本
+ */ export const getFileSizeTxt = (size)=>{
+    let result = `${numberFormatter(size)} B`;
+    if (size > 1024) {
+        result = `${numberFormatter(size / 1024)} KB`;
+    }
+    if (size > 1024 * 1024) {
+        result = `${numberFormatter(size / 1024 / 1024)} MB`;
+    }
+    if (size > 1024 * 1024 * 1024) {
+        result = `${numberFormatter(size / 1024 / 1024)} GB`;
+    }
+    return result;
+};
+/**
+ * 数据格式转换
+ * @param val 值
+ * @param fixed 位数
+ * @param locales 语言
+ * @returns 格式化后的字符串
+ */ export const numberFormatter = (val = 0, fixed = 1, locales = 'en-US')=>{
+    const options = {
+        minimumFractionDigits: fixed,
+        maximumFractionDigits: fixed,
+        useGrouping: true
+    };
+    return new Intl.NumberFormat(locales, options).format(val);
+};
 /**
 * 节流，每隔一段时间执行
 * @param {*} fn 需要执行的函数
@@ -144,34 +208,3 @@ export const handleCopy = (text)=>{
     }
     return parentElement;
 };
-/**
- * 获取用户头像
- * @param username 用户名
- * @returns 头像地址
- */ export function getUserImageUrl(username = '') {
-    var _process_env_BK_USER_IMAGE_URL;
-    if (username === 'admin') {
-        return userImageUrl;
-    }
-    return ((_process_env_BK_USER_IMAGE_URL = process.env.BK_USER_IMAGE_URL) === null || _process_env_BK_USER_IMAGE_URL === void 0 ? void 0 : _process_env_BK_USER_IMAGE_URL.replace('{placeholder}', username)) || userImageUrl;
-}
-/**
- * 处理头像加载失败的场景
- */ export function handleImageError(event) {
-    const { target } = event;
-    if (target.naturalWidth === 0) {
-        // 使用fetch API检查图片URL
-        fetch(target.src, {
-            method: 'HEAD',
-            credentials: 'include',
-            redirect: 'manual'
-        }).then((response)=>{
-            if (response.type === 'opaqueredirect') {
-                // 检测到重定向，调用登录方法
-                emitEvent(EventType.Unlogin);
-            }
-        }).catch((error)=>{
-            console.error('Failed to check image status:', error);
-        });
-    }
-}

package/dist/component.d.ts

@@ -0,0 +1,6 @@
+import RenderAutoHeightTextarea from './components/render-auto-height-textarea/index.vue';
+import RenderDataset from './components/render-dataset/index.vue';
+import RenderDatasetDetail from './components/render-dataset-detail/index.vue';
+import RenderDatasetDetailOriginData from './components/render-dataset-detail-origin-data/index.vue';
+import RenderDatasetList from './components/render-dataset-list/index.vue';
+export { RenderDataset, RenderDatasetDetail, RenderDatasetList, RenderAutoHeightTextarea, RenderDatasetDetailOriginData, };

package/dist/component.ts.js

@@ -0,0 +1,7 @@
+// components
+import RenderAutoHeightTextarea from './components/render-auto-height-textarea/index.vue.js';
+import RenderDataset from './components/render-dataset/index.vue.js';
+import RenderDatasetDetail from './components/render-dataset-detail/index.vue.js';
+import RenderDatasetDetailOriginData from './components/render-dataset-detail-origin-data/index.vue.js';
+import RenderDatasetList from './components/render-dataset-list/index.vue.js';
+export { RenderDataset, RenderDatasetDetail, RenderDatasetList, RenderAutoHeightTextarea, RenderDatasetDetailOriginData };

package/dist/components/render-aside/index.script.vue.js

@@ -0,0 +1,69 @@
+import { defineComponent as _defineComponent, Fragment as _Fragment2, createVNode as _createVNode, resolveComponent as _resolveComponent } from 'vue';
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, createElementVNode as _createElementVNode, renderSlot as _renderSlot } from "vue";
+const _hoisted_1 = {
+    class: "aside-home g-height-full"
+};
+const _hoisted_2 = {
+    class: "aside-tabs"
+};
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        buttonText: {},
+        tabId: {},
+        tabs: {}
+    },
+    emits: [
+        "create",
+        "update:tabId"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emit = __emit;
+        const renderTab = ({ tab })=>{
+            var _a;
+            return _createVNode(_Fragment2, null, [
+                _createVNode("li", {
+                    "class": {
+                        'aside-item g-flex-row': true,
+                        'is-tab': !tab.children,
+                        active: props.tabId === tab.id
+                    },
+                    "onClick": ()=>handleChooseTab(tab.id)
+                }, [
+                    _createVNode("span", {
+                        "class": "g-ellipsis tab-name"
+                    }, [
+                        tab.name
+                    ]),
+                    Object.hasOwn(tab, 'number') ? _createVNode("span", {
+                        "class": "tab-num"
+                    }, [
+                        tab.number
+                    ]) : null
+                ]),
+                (_a = tab.children) === null || _a === void 0 ? void 0 : _a.map((childTab)=>_createVNode(_resolveComponent("render-tab"), {
+                        "tab": childTab
+                    }, null))
+            ]);
+        };
+        const handleChooseTab = (val)=>{
+            if (!val) return;
+            emit('update:tabId', val);
+        };
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createElementBlock("section", _hoisted_1, [
+                _createElementVNode("ul", _hoisted_2, [
+                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.tabs, (tab, index)=>{
+                        return _openBlock(), _createBlock(renderTab, {
+                            tab: tab,
+                            key: index
+                        }, null, 8 /* PROPS */ , [
+                            "tab"
+                        ]);
+                    }), 128 /* KEYED_FRAGMENT */ ))
+                ]),
+                _renderSlot(_ctx.$slots, "suffix", {}, undefined, true)
+            ]);
+        };
+    }
+});

package/dist/components/render-aside/index.vue.css

@@ -0,0 +1,49 @@
+
+.aside-home[data-v-l2e9t8e5] {
+  width: 300px;
+  height: 100%;
+  background: #FFFFFF;
+  padding: 16px;
+  border-right: 1px solid #eaebf0;
+}
+[data-v-l2e9t8e5] .aside-item {
+  width: 268px;
+  line-height: 36px;
+  border-radius: 2px;
+  margin-bottom: 8px;
+  font-size: 12px;
+  padding: 0 16px;
+  justify-content: space-between;
+  color: #979BA5;
+}
+[data-v-l2e9t8e5] .aside-item.is-tab {
+    background: #F5F7FA;
+    cursor: pointer;
+    color: #4D4F56;
+}
+[data-v-l2e9t8e5] .aside-item.is-tab:hover {
+      background: #F0F5FF;
+}
+[data-v-l2e9t8e5] .aside-item.active {
+    background: #F0F5FF;
+    color: #3A84FF;
+    font-weight: 700;
+}
+[data-v-l2e9t8e5] .aside-item.active .tab-num {
+      background: #3A84FF;
+      color: #fff;
+}
+[data-v-l2e9t8e5] .aside-item.active .active-text {
+      color: #3A84FF;
+}
+[data-v-l2e9t8e5] .aside-item .tab-name {
+    flex: 1;
+}
+[data-v-l2e9t8e5] .aside-item .tab-num {
+    background: #EAEBF0;
+    border-radius: 2px;
+    margin-left: 5px;
+    line-height: 16px;
+    padding: 0 8px;
+    color: #979BA5;
+}

package/dist/components/render-aside/index.vue.d.ts

@@ -0,0 +1,26 @@
+import type { ITab } from '@/types/common';
+declare const _default: <T extends ITab>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onCreate?: () => any;
+        readonly "onUpdate:tabId"?: (val: string | number) => any;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onCreate" | "onUpdate:tabId"> & {
+        buttonText?: string;
+        tabId?: string | number;
+        tabs: T[];
+    } & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        suffix?: (props: {}) => any;
+    };
+    emit: {
+        (event: "create"): void;
+        (event: "update:tabId", val: string | number): void;
+    };
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/render-aside/index.vue.js

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

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

@@ -0,0 +1,82 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { resolveComponent as _resolveComponent, createVNode as _createVNode, unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, createElementBlock as _createElementBlock } from "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 = ()=>{
+            const elm = inputRef.value.$el.firstElementChild;
+            if (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)=>{
+            const _component_bk_input = _resolveComponent("bk-input");
+            return _openBlock(), _createElementBlock("section", {
+                class: "send-container",
+                style: _normalizeStyle({
+                    '--text-height': textHeight.value + 'px',
+                    '--origin-height': (_ctx.focusShowHeight ? _ctx.height : textHeight.value) + 'px'
+                })
+            }, [
+                _createVNode(_component_bk_input, {
+                    type: "textarea",
+                    row: "1",
+                    class: "send-input",
+                    ref_key: "inputRef",
+                    ref: inputRef,
+                    disabled: _ctx.disabled,
+                    clearable: false,
+                    resize: false,
+                    placeholder: _ctx.placeholder,
+                    "model-value": _ctx.modelValue,
+                    onInput: handleValueChange
+                }, null, 8 /* PROPS */ , [
+                    "disabled",
+                    "placeholder",
+                    "model-value"
+                ]),
+                _ctx.modelValue ? (_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-dv33lwz3] {
+  position: relative;
+}
+.send-container[data-v-dv33lwz3]:has(textarea:focus) {
+    z-index: 2;
+}
+.send-container:hover .send-clear[data-v-dv33lwz3] {
+      display: inline-flex !important;
+}
+.send-input[data-v-dv33lwz3] {
+  width: 100%;
+  flex-direction: row;
+  height: var(--origin-height);
+}
+.send-input[data-v-dv33lwz3]:has(textarea:focus) {
+    height: var(--text-height);
+}
+.send-input[data-v-dv33lwz3] textarea {
+    font-size: 12px;
+    line-height: 16px;
+    padding: 7px;
+    resize: none !important;
+}
+.send-input[data-v-dv33lwz3] textarea::-webkit-scrollbar {
+      width: 4px;
+      height: 4px;
+}
+.send-input[data-v-dv33lwz3] textarea::-webkit-scrollbar-thumb {
+      height: 5px;
+      border-radius: 3px;
+      background-color: #dcdee5;
+}
+.send-input[data-v-dv33lwz3] textarea::placeholder {
+      line-height: 16px;
+}
+.send-clear[data-v-dv33lwz3] {
+  display: none !important;
+  position: absolute;
+  right: 10px;
+  bottom: 10px;
+  color: #979ba5;
+  font-size: 14px;
+  cursor: pointer;
+}
+.send-clear[data-v-dv33lwz3]:hover {
+    color: #313238;
+}

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

@@ -0,0 +1,19 @@
+interface IProps {
+    modelValue?: string;
+    placeholder?: string;
+    height: number;
+    maxHeight?: number;
+    focusShowHeight?: boolean;
+    disabled?: boolean;
+}
+declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onInput?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}>, {
+    maxHeight: number;
+    focusShowHeight: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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-dv33lwz3";
+script.__file = "./src/components/render-auto-height-textarea/index.vue";
+import './index.vue.css';
+export default script;

package/dist/components/render-collapse/index.script.vue.js.js

@@ -0,0 +1,52 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, resolveDirective as _resolveDirective, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, mergeProps as _mergeProps, Fragment as _Fragment } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    class: "bkaidev-icon bkaidev-help g-text-14 g-ml-4"
+};
+import { ref } from 'vue';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        title: {},
+        tips: {}
+    },
+    setup (__props) {
+        const isShow = ref(true);
+        const toggleShow = ()=>{
+            isShow.value = !isShow.value;
+        };
+        return (_ctx, _cache)=>{
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return _openBlock(), _createElementBlock(_Fragment, null, [
+                _createElementVNode("span", _mergeProps(_ctx.$attrs, {
+                    class: "collapse-title g-flex-row"
+                }), [
+                    _createElementVNode("i", {
+                        class: _normalizeClass({
+                            'bkaidev-icon bkaidev-angle-up-fill-3 g-text-12 g-mr-8 g-cursor-pointer': true,
+                            'is-hidden': !isShow.value
+                        }),
+                        onClick: toggleShow
+                    }, null, 2 /* CLASS */ ),
+                    _createElementVNode("span", {
+                        class: "g-text-black g-text-bold g-text-12 g-cursor-pointer",
+                        onClick: toggleShow
+                    }, _toDisplayString(_ctx.title), 1 /* TEXT */ ),
+                    _ctx.tips ? _withDirectives((_openBlock(), _createElementBlock("i", _hoisted_1, null, 512 /* NEED_PATCH */ )), [
+                        [
+                            _directive_bk_tooltips,
+                            {
+                                content: _ctx.tips,
+                                placement: 'top'
+                            }
+                        ]
+                    ]) : _createCommentVNode("v-if", true),
+                    _renderSlot(_ctx.$slots, "suffix", {}, undefined, true)
+                ], 16 /* FULL_PROPS */ ),
+                isShow.value ? _renderSlot(_ctx.$slots, "default", {
+                    key: 0
+                }, undefined, true) : _createCommentVNode("v-if", true)
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});

package/dist/components/render-collapse/index.vue.css

@@ -0,0 +1,10 @@
+
+.collapse-title[data-v-dyhcgmio] {
+  height: 28px;
+  background: #F0F1F5;
+  border-radius: 2px;
+  padding: 0 12px;
+}
+.collapse-title .is-hidden[data-v-dyhcgmio] {
+    transform: rotate(-90deg);
+}

package/dist/components/render-collapse/index.vue.d.ts

@@ -0,0 +1,18 @@
+interface IProps {
+    title: string;
+    tips?: string;
+}
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    suffix?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: 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: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/render-collapse/index.vue.js

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