@aifuxi/semi-ui-vue 1.2.0 → 2.0.2

package/dist/_shared/b1bfc732b963.js

@@ -0,0 +1,407 @@
+import { h, createElementBlock, createBlock, createCommentVNode, createVNode, createElementVNode, normalizeClass, openBlock, unref, toDisplayString, defineComponent, computed } from "./75e540fe8040.js";
+import { IconWrench, IconSendMsgStroked, IconWord, IconFile, IconExcel, IconVideo, IconCode, IconPdf, IconAlertCircle } from "./4dbfc92f58d2.js";
+import { AI_CHAT_DIALOGUE_STATUS, AI_CHAT_DIALOGUE_ITEM_TYPE } from "./8fb6f51cb699.js";
+import { MarkdownRender } from "./c7b55be918ea.js";
+import { AIChatDialogueCode } from "./c982acd693c7.js";
+import { AIChatDialogueAnnotation } from "./02185691fddf.js";
+import { Image } from "./dc2a78aefdcd.js";
+import { AIChatDialogueReasoning } from "./8a87249f0eff.js";
+import { messageToChatInput } from "./47e0fa5434d6.js";
+import { AIChatDialogueNodeRenderer } from "./e2599eee25e1.js";
+import { AIChatDialogueReference } from "./7c917924ae1b.js";
+const _hoisted_1 = {
+    key: 1,
+    class: "semi-ai-chat-dialogue-content-loading"
+};
+const _hoisted_2 = {
+    class: "semi-ai-chat-dialogue-content-loading-text"
+};
+const AIChatDialogueContentvue_type_script_setup_true_lang_ts = /*@__PURE__*/ defineComponent({
+    __name: 'AIChatDialogueContent',
+    props: {
+        message: {},
+        roleInfo: {},
+        mode: {},
+        escapeHtml: {
+            type: Boolean
+        },
+        editing: {
+            type: Boolean
+        },
+        showReference: {
+            type: Boolean
+        },
+        disabledFileItemClick: {
+            type: Boolean
+        },
+        markdownRenderProps: {},
+        messageEditRender: {
+            type: Function
+        },
+        renderDialogueContentItem: {},
+        customRenderFunc: {
+            type: Function
+        },
+        locale: {}
+    },
+    emits: [
+        "fileClick",
+        "imageClick",
+        "annotationClick",
+        "referenceClick"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emit = __emit;
+        const contentClass = computed(()=>{
+            const isUser = 'user' === props.message.role;
+            const bubble = 'bubble' === props.mode || 'userBubble' === props.mode && isUser;
+            return [
+                'semi-ai-chat-dialogue-content',
+                bubble ? `semi-ai-chat-dialogue-content-${props.mode}` : 'semi-ai-chat-dialogue-content-no-bubble',
+                isUser ? 'semi-ai-chat-dialogue-content-user' : void 0,
+                props.message.status === AI_CHAT_DIALOGUE_STATUS.failed && bubble ? 'semi-ai-chat-dialogue-content-error' : void 0
+            ].filter(Boolean).join(' ');
+        });
+        function escapeMarkdownHtml(raw) {
+            return props.escapeHtml && 'user' === props.message.role ? raw.replaceAll('&', '&amp;').replaceAll('<', '&lt;').replaceAll('>', '&gt;') : raw;
+        }
+        function markdown(text, key) {
+            if (!text) return;
+            const children = [
+                h(MarkdownRender, {
+                    ...props.markdownRenderProps ?? {},
+                    key: `${key}-markdown`,
+                    format: 'md',
+                    raw: escapeMarkdownHtml(text),
+                    components: {
+                        code: AIChatDialogueCode,
+                        ...props.markdownRenderProps?.components ?? {}
+                    }
+                })
+            ];
+            if ('user' === props.message.role && props.showReference) children.push(h('button', {
+                type: 'button',
+                class: 'semi-ai-chat-dialogue-content-icon-reference',
+                'aria-label': 'reference message',
+                onClick: ()=>emit('referenceClick', {
+                        type: 'text',
+                        content: text
+                    })
+            }, [
+                h(IconSendMsgStroked)
+            ]));
+            return h('div', {
+                key,
+                class: contentClass.value
+            }, children);
+        }
+        const documentTypes = new Set([
+            'doc',
+            'docx',
+            'txt',
+            'word'
+        ]);
+        const imageTypes = new Set([
+            'jpeg',
+            'jpg',
+            'png',
+            'gif'
+        ]);
+        const excelTypes = new Set([
+            'excel',
+            'xlsx',
+            'xls'
+        ]);
+        const codeTypes = new Set([
+            'json',
+            'js',
+            'ts',
+            'jsx',
+            'tsx'
+        ]);
+        const videoTypes = new Set([
+            'mp4',
+            'avi',
+            'mov',
+            'wmv',
+            'flv',
+            'mkv'
+        ]);
+        function fileIcon(file) {
+            const type = file.filename?.split('.').pop()?.toLowerCase() ?? file.fileInstance?.type?.split('/').pop() ?? '';
+            let kind = 'default';
+            let icon = h(IconFile, {
+                size: 'extra-large',
+                class: 'semi-ai-chat-dialogue-content-file-icon'
+            });
+            if (documentTypes.has(type)) {
+                kind = 'word';
+                icon = h(IconWord, {
+                    size: 'extra-large',
+                    class: 'semi-ai-chat-dialogue-content-file-icon'
+                });
+            } else if (imageTypes.has(type)) {
+                kind = 'image';
+                icon = h('div', {
+                    class: 'semi-ai-chat-dialogue-content-file-icon',
+                    style: {
+                        backgroundImage: `url(${file.file_url ?? ''})`
+                    }
+                });
+            } else if ('pdf' === type) {
+                kind = 'pdf';
+                icon = h(IconPdf, {
+                    size: 'extra-large',
+                    class: 'semi-ai-chat-dialogue-content-file-icon'
+                });
+            } else if (excelTypes.has(type)) {
+                kind = 'excel';
+                icon = h(IconExcel, {
+                    size: 'extra-large',
+                    class: 'semi-ai-chat-dialogue-content-file-icon'
+                });
+            } else if (codeTypes.has(type)) {
+                kind = 'code';
+                icon = h(IconCode, {
+                    size: 'extra-large',
+                    class: 'semi-ai-chat-dialogue-content-file-icon'
+                });
+            } else if (videoTypes.has(type)) {
+                kind = 'video';
+                icon = h(IconVideo, {
+                    size: 'extra-large',
+                    class: 'semi-ai-chat-dialogue-content-file-icon'
+                });
+            }
+            return h('div', {
+                class: [
+                    'semi-ai-chat-dialogue-content-file-icon-wrapper',
+                    `semi-ai-chat-dialogue-content-file-icon-${kind}`
+                ]
+            }, [
+                icon
+            ]);
+        }
+        function fileNode(file, key, last) {
+            const type = file.filename?.split('.').pop()?.toLowerCase() ?? file.fileInstance?.type?.split('/').pop() ?? '';
+            return h('a', {
+                key,
+                href: file.file_url,
+                target: '_blank',
+                rel: 'noreferrer',
+                class: [
+                    'semi-ai-chat-dialogue-content-file',
+                    last ? 'semi-ai-chat-dialogue-content-file-last' : void 0
+                ],
+                onClick: (event)=>{
+                    emit('fileClick', file);
+                    if (props.disabledFileItemClick) event.preventDefault();
+                }
+            }, [
+                fileIcon(file),
+                h('div', {
+                    class: 'semi-ai-chat-dialogue-content-file-info'
+                }, [
+                    h('span', {
+                        class: [
+                            'semi-ai-chat-dialogue-content-file-title',
+                            'user' === props.message.role && props.showReference ? 'semi-ai-chat-dialogue-content-file-title-ellipsis' : void 0
+                        ]
+                    }, file.filename),
+                    h('span', {
+                        class: 'semi-ai-chat-dialogue-content-file-metadata'
+                    }, [
+                        h('span', {
+                            class: 'semi-ai-chat-dialogue-content-file-type'
+                        }, type),
+                        ` ${file.size ?? ''}`
+                    ])
+                ]),
+                'user' === props.message.role && props.showReference ? h('button', {
+                    type: 'button',
+                    class: 'semi-ai-chat-dialogue-content-icon-reference',
+                    'aria-label': 'reference file',
+                    onClick: (event)=>{
+                        event.preventDefault();
+                        event.stopPropagation();
+                        emit('referenceClick', {
+                            ...file.filename ? {
+                                name: file.filename
+                            } : {},
+                            ...file.file_url ? {
+                                url: file.file_url
+                            } : {}
+                        });
+                    }
+                }, [
+                    h(IconSendMsgStroked)
+                ]) : void 0
+            ]);
+        }
+        function customRenderer(type, item) {
+            const candidate = props.renderDialogueContentItem?.[type];
+            if ('function' == typeof candidate) return candidate(item, props.message);
+            if (candidate && 'object' == typeof candidate) {
+                const name = item.name;
+                if (name && 'function' == typeof candidate[name]) return candidate[name](item, props.message);
+            }
+        }
+        function renderMessage(item, index) {
+            if ('string' == typeof item.content) return markdown(item.content, `message-${index}`);
+            const inner = item.content ?? [];
+            const imageCount = inner.filter((part)=>part.type === AI_CHAT_DIALOGUE_ITEM_TYPE.inputImage).length;
+            return inner.map((part, innerIndex)=>{
+                const custom = customRenderer(part.type ?? '', part);
+                if (custom) return h('div', {
+                    class: 'semi-ai-chat-dialogue-content-custom-renderer'
+                }, [
+                    custom
+                ]);
+                if (part.type === AI_CHAT_DIALOGUE_ITEM_TYPE.inputText || part.type === AI_CHAT_DIALOGUE_ITEM_TYPE.outputText || part.type === AI_CHAT_DIALOGUE_ITEM_TYPE.refusal) {
+                    const output = part;
+                    const annotations = output.annotations?.filter((annotation)=>'file_citation' !== annotation.type && 'container_file_citation' !== annotation.type);
+                    return h('div', {
+                        key: `text-${index}-${innerIndex}`
+                    }, [
+                        annotations?.length ? h(AIChatDialogueAnnotation, {
+                            annotation: annotations,
+                            maxCount: 15,
+                            ...props.locale?.annotationText ? {
+                                annotationText: props.locale.annotationText
+                            } : {},
+                            onClick: (value)=>emit('annotationClick', value)
+                        }) : void 0,
+                        markdown(part.text ?? '', `text-${index}-${innerIndex}`),
+                        markdown(part.refusal ?? '', `refusal-${index}-${innerIndex}`)
+                    ]);
+                }
+                if (part.type === AI_CHAT_DIALOGUE_ITEM_TYPE.inputImage) {
+                    const image = part;
+                    return h(Image, {
+                        key: `image-${index}-${innerIndex}`,
+                        class: [
+                            'semi-ai-chat-dialogue-content-img',
+                            imageCount > 1 ? 'semi-ai-chat-dialogue-content-img-list' : void 0,
+                            innerIndex === inner.length - 1 ? 'semi-ai-chat-dialogue-content-img-last' : void 0
+                        ],
+                        src: image.image_url,
+                        onClick: ()=>emit('imageClick', image)
+                    });
+                }
+                if (part.type === AI_CHAT_DIALOGUE_ITEM_TYPE.inputFile) return fileNode(part, `file-${index}-${innerIndex}`, innerIndex === inner.length - 1);
+            });
+        }
+        function renderItem(item, index) {
+            const type = item.type ?? AI_CHAT_DIALOGUE_ITEM_TYPE.message;
+            const custom = customRenderer(type, item);
+            if (custom) return h('div', {
+                key: `custom-${index}`,
+                class: 'semi-ai-chat-dialogue-content-custom-renderer'
+            }, [
+                custom
+            ]);
+            if (type === AI_CHAT_DIALOGUE_ITEM_TYPE.message) return renderMessage(item, index);
+            if (type === AI_CHAT_DIALOGUE_ITEM_TYPE.reasoning) {
+                const reasoning = item;
+                return h(AIChatDialogueReasoning, {
+                    key: `reasoning-${index}`,
+                    status: reasoning.status,
+                    summary: reasoning.summary,
+                    content: reasoning.content,
+                    markdownRenderProps: props.markdownRenderProps,
+                    completedText: props.locale?.reasoning?.completed,
+                    thinkingText: props.locale?.reasoning?.thinking
+                });
+            }
+            if (type === AI_CHAT_DIALOGUE_ITEM_TYPE.functionCall || type === AI_CHAT_DIALOGUE_ITEM_TYPE.customToolCall || type === AI_CHAT_DIALOGUE_ITEM_TYPE.mcpCall) {
+                const tool = item;
+                return h('div', {
+                    key: `tool-${index}`,
+                    class: 'semi-ai-chat-dialogue-content-tool-call'
+                }, [
+                    h(IconWrench),
+                    `${tool.name ?? ''} ${'arguments' in tool ? tool.arguments ?? '' : tool.input ?? ''}`
+                ]);
+            }
+        }
+        const defaultNode = computed(()=>{
+            if (props.editing) return props.messageEditRender?.(messageToChatInput(props.message));
+            const content = props.message.content;
+            const textContent = 'string' == typeof content ? content : props.message.output_text;
+            let realContent;
+            if (textContent) {
+                const defaultRenderer = props.renderDialogueContentItem?.default;
+                realContent = 'function' == typeof defaultRenderer ? h('div', {
+                    class: 'semi-ai-chat-dialogue-content-custom-renderer'
+                }, [
+                    defaultRenderer(textContent, props.message)
+                ]) : markdown(textContent, 'message-text');
+            } else if (Array.isArray(content)) realContent = content.map(renderItem);
+            return h('div', {
+                class: 'semi-ai-chat-dialogue-content-wrapper'
+            }, [
+                props.message.status === AI_CHAT_DIALOGUE_STATUS.failed || props.message.status === AI_CHAT_DIALOGUE_STATUS.cancelled ? h('div', {
+                    class: 'semi-ai-chat-dialogue-content-failed'
+                }, [
+                    h(IconAlertCircle)
+                ]) : void 0,
+                h('div', {
+                    class: 'semi-ai-chat-dialogue-content-inner'
+                }, [
+                    realContent
+                ])
+            ]);
+        });
+        const output = computed(()=>props.customRenderFunc ? props.customRenderFunc({
+                message: props.message,
+                role: props.roleInfo,
+                defaultContent: defaultNode.value,
+                className: contentClass.value
+            }) : void 0);
+        const loading = computed(()=>[
+                AI_CHAT_DIALOGUE_STATUS.queued,
+                AI_CHAT_DIALOGUE_STATUS.inProgress,
+                AI_CHAT_DIALOGUE_STATUS.incomplete
+            ].includes(props.message.status) && !(Array.isArray(props.message.content) ? props.message.content.length : props.message.content) && !props.message.output_text);
+        return (_ctx, _cache)=>props.customRenderFunc ? (openBlock(), createBlock(unref(AIChatDialogueNodeRenderer), {
+                key: 0,
+                content: output.value
+            }, null, 8, [
+                "content"
+            ])) : (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: normalizeClass([
+                    'semi-ai-chat-dialogue-content',
+                    {
+                        'semi-ai-chat-dialogue-content-editing': props.editing
+                    }
+                ])
+            }, [
+                props.message.references?.length && !props.editing ? (openBlock(), createBlock(AIChatDialogueReference, {
+                    key: 0,
+                    references: props.message.references
+                }, null, 8, [
+                    "references"
+                ])) : createCommentVNode("", true),
+                createVNode(unref(AIChatDialogueNodeRenderer), {
+                    content: defaultNode.value
+                }, null, 8, [
+                    "content"
+                ]),
+                loading.value ? (openBlock(), createElementBlock("span", _hoisted_1, [
+                    _cache[0] || (_cache[0] = createElementVNode("span", {
+                        class: "semi-ai-chat-dialogue-content-loading-item"
+                    }, null, -1)),
+                    _cache[1] || (_cache[1] = createElementVNode("span", {
+                        class: "semi-ai-chat-dialogue-content-loading-item"
+                    }, null, -1)),
+                    _cache[2] || (_cache[2] = createElementVNode("span", {
+                        class: "semi-ai-chat-dialogue-content-loading-item"
+                    }, null, -1)),
+                    createElementVNode("span", _hoisted_2, toDisplayString(props.locale?.loading ?? '请稍候...'), 1)
+                ])) : createCommentVNode("", true)
+            ], 2));
+    }
+});
+export { AIChatDialogueContentvue_type_script_setup_true_lang_ts };

package/dist/_shared/b1ccf88dc282.js

@@ -0,0 +1,4 @@
+import { TableSpinvue_type_script_setup_true_lang_ts } from "./ba1be03093c7.js";
+const __exports__ = TableSpinvue_type_script_setup_true_lang_ts;
+const TableSpin = __exports__;
+export { TableSpin };

package/dist/_shared/b1e50ac110d3.js

@@ -0,0 +1,216 @@
+import { defineComponent, h, createBlock, createVNode, createCommentVNode, shallowRef, openBlock, resolveDynamicComponent, unref, watch, withCtx, mergeProps, computed } from "./43ccefef0daa.js";
+import { getByPath } from "./780b1539f8a9.js";
+import { TableNodeRenderer } from "./1164f15b5479.js";
+const TableCellvue_type_script_setup_true_lang_ts = /*@__PURE__*/ defineComponent({
+    __name: 'TableCell',
+    props: {
+        width: {},
+        column: {},
+        columnIndex: {},
+        component: {
+            default: 'td'
+        },
+        direction: {},
+        expanded: {
+            type: Boolean
+        },
+        expansionDisabled: {
+            type: Boolean
+        },
+        expandNode: {
+            type: [
+                Object,
+                String,
+                Number,
+                Boolean,
+                null,
+                Array
+            ]
+        },
+        fixedEdge: {
+            type: Boolean,
+            default: false
+        },
+        fixedOffset: {
+            default: 0
+        },
+        fixedSide: {},
+        hovered: {
+            type: Boolean,
+            default: false
+        },
+        indent: {
+            default: 0
+        },
+        indentSize: {
+            default: 20
+        },
+        isSection: {
+            type: Boolean
+        },
+        prefixCls: {},
+        record: {},
+        rowIndex: {},
+        selected: {
+            type: Boolean
+        },
+        selectionNode: {
+            type: [
+                Object,
+                String,
+                Number,
+                Boolean,
+                null,
+                Array
+            ]
+        },
+        renderCell: {}
+    },
+    setup (__props) {
+        const props = __props;
+        const renderRecord = shallowRef(props.record);
+        watch(()=>props.record, (record, previous)=>{
+            if (!props.column.shouldCellUpdate || props.column.shouldCellUpdate(record, previous)) renderRecord.value = record;
+        }, {
+            flush: 'sync'
+        });
+        const rawText = computed(()=>'expand' === props.column.__kind ? void 0 : getByPath(renderRecord.value, props.column.dataIndex));
+        const customCell = computed(()=>props.column.onCell?.(renderRecord.value, props.rowIndex) ?? {});
+        const indentNode = computed(()=>props.indent > 0 ? h('span', {
+                class: [
+                    `${props.prefixCls}-row-indent`,
+                    `indent-level-${props.indent}`
+                ],
+                style: {
+                    paddingLeft: `${props.indentSize * props.indent}px`
+                }
+            }) : void 0);
+        const renderResult = computed(()=>{
+            const options = {
+                expandIcon: props.expandNode,
+                indentText: props.column.useFullRender ? indentNode.value : void 0,
+                isHovering: props.hovered,
+                selection: props.column.useFullRender ? props.selectionNode : void 0
+            };
+            const value = props.column.render ? props.column.render(rawText.value, renderRecord.value, props.rowIndex, options) : props.renderCell?.({
+                column: props.column,
+                record: renderRecord.value,
+                rowIndex: props.rowIndex,
+                text: rawText.value
+            }) ?? rawText.value;
+            if (value && 'object' == typeof value && !('__v_isVNode' in value) && 'children' in value) {
+                const result = value;
+                return {
+                    children: result.children,
+                    props: result.props ?? {}
+                };
+            }
+            return {
+                children: value,
+                props: {}
+            };
+        });
+        const mergedCell = computed(()=>({
+                ...customCell.value,
+                ...renderResult.value.props,
+                style: [
+                    customCell.value.style,
+                    renderResult.value.props.style
+                ],
+                class: [
+                    customCell.value.class,
+                    customCell.value.className,
+                    renderResult.value.props.class,
+                    renderResult.value.props.className
+                ]
+            }));
+        const hidden = computed(()=>0 === mergedCell.value.colSpan || 0 === mergedCell.value.rowSpan);
+        const nativeAttrs = computed(()=>Object.fromEntries(Object.entries(mergedCell.value).filter(([key])=>![
+                    'class',
+                    'className',
+                    'style',
+                    'onClick',
+                    'colSpan',
+                    'rowSpan'
+                ].includes(key))));
+        const align = computed(()=>{
+            if (!props.column.align) return;
+            if ('rtl' === props.direction) {
+                if ('left' === props.column.align) return 'right';
+                if ('right' === props.column.align) return 'left';
+            }
+            return props.column.align;
+        });
+        const physicalFixedSide = computed(()=>props.fixedSide && 'rtl' === props.direction ? 'left' === props.fixedSide ? 'right' : 'left' : props.fixedSide);
+        const cellStyle = computed(()=>[
+                {
+                    [physicalFixedSide.value ?? 'left']: props.fixedSide ? `${props.fixedOffset}px` : void 0,
+                    width: void 0 === props.width ? void 0 : `${props.width}px`
+                },
+                customCell.value.style,
+                props.column.align ? {
+                    textAlign: align.value,
+                    justifyContent: 'left' === align.value ? 'flex-start' : 'right' === align.value ? 'flex-end' : align.value
+                } : void 0,
+                renderResult.value.props.style
+            ]);
+        const cellClass = computed(()=>[
+                `${props.prefixCls}-row-cell`,
+                props.expansionDisabled ? void 0 : props.column.className,
+                mergedCell.value.class,
+                props.column.ellipsis ? `${props.prefixCls}-row-cell-ellipsis` : void 0,
+                physicalFixedSide.value ? `${props.prefixCls}-cell-fixed-${physicalFixedSide.value}` : void 0,
+                'left' === physicalFixedSide.value && props.fixedEdge ? `${props.prefixCls}-cell-fixed-left-last` : void 0,
+                'right' === physicalFixedSide.value && props.fixedEdge ? `${props.prefixCls}-cell-fixed-right-first` : void 0
+            ]);
+        const textTitle = computed(()=>{
+            if (Object.prototype.hasOwnProperty.call(mergedCell.value, 'title')) return mergedCell.value.title;
+            const showTitle = !('object' == typeof props.column.ellipsis && false === props.column.ellipsis.showTitle);
+            return showTitle && 'string' == typeof renderResult.value.children ? renderResult.value.children : void 0;
+        });
+        function handleClick(event) {
+            mergedCell.value.onClick?.(event);
+        }
+        const innerContent = computed(()=>{
+            const children = [
+                ...props.column.useFullRender ? [] : [
+                    indentNode.value,
+                    props.expandNode
+                ],
+                renderResult.value.children
+            ];
+            return props.isSection ? h('div', {
+                class: `${props.prefixCls}-section-inner`
+            }, children) : children;
+        });
+        return (_ctx, _cache)=>hidden.value ? createCommentVNode("", true) : (openBlock(), createBlock(resolveDynamicComponent(props.component), mergeProps({
+                key: 0
+            }, nativeAttrs.value, {
+                class: cellClass.value,
+                style: cellStyle.value,
+                colspan: mergedCell.value.colSpan,
+                rowspan: mergedCell.value.rowSpan,
+                title: textTitle.value,
+                "aria-colindex": props.columnIndex + 1,
+                role: "gridcell",
+                onClick: handleClick
+            }), {
+                default: withCtx(()=>[
+                        createVNode(unref(TableNodeRenderer), {
+                            content: innerContent.value
+                        }, null, 8, [
+                            "content"
+                        ])
+                    ]),
+                _: 1
+            }, 16, [
+                "class",
+                "style",
+                "colspan",
+                "rowspan",
+                "title",
+                "aria-colindex"
+            ]));
+    }
+});
+export { TableCellvue_type_script_setup_true_lang_ts };