Skip to content

[v1.3.0] - 2025-07-15 โ€‹

๐Ÿ› Fixes โ€‹

  • Fixed Typewriter typing component completion event not working issue

๐Ÿš€ New Features โ€‹

  • XMarkdown rendering component is here! Used for rendering built-in styles and custom components in markdown components. Incremental updates + custom rendering dual support

๐Ÿ“š Documentation Updates โ€‹

  • Updated development documentation and development roadmap
  • Changed online preview to storybook project

๐Ÿ›  Improvements โ€‹

  • Removed playground files, added storybook real-time preview mode for demonstrations

[v1.2.0] - 2025-05-05 โ€‹

๐Ÿ’ฅ Breaking Changes โ€‹

  • types TypeScript type import syntax change. After upgrade, please modify the original type syntax

    Previous syntax: too long

    vue
    import { BubbleProps } from
    'vue-element-plus-x/types/components/Bubble/types.d.ts'

    v1.2.0+ syntax: more concise

    vue
    import { BubbleProps } from 'vue-element-plus-x/types/Bubble'
  • Auto-import conflict issue. If your project uses unplugin-auto-import/vite to auto-import vue and ElementPlus, you might see this error in the consoleimage-20250505212717436image-20250505213158083

    tex
    The h function issue is caused by the component library's built-in Mermaid.js processing basic charts and functions, but Mermaid.js has a built-in rendering h method that conflicts with Vue's h function.
    The ElButtonGroup error is caused by the unplugin-vue-components/resolvers package's ElementPlusResolver causing duplicate import issues.

    Solution: Modify project vite configuration

    ts
    // vite.config.ts
    
    // plugin section
    
    plugins: [
      AutoImport({
        imports: ['vue'],
        ignore: ['h'], // Ignore auto-import h
        resolvers: [
          ElementPlusResolver({
            exclude: /ElButtonGroup/ // Ignore auto-import ElButtonGroup
          })
        ],
        dts: 'src/auto-import.d.ts'
      }),
      Components({
        resolvers: [ElementPlusResolver()]
      })
    ];

    In subsequent project usage of h function, import manually. ElButtonGroup hasn't been encountered in usage yet, seems like the unplugin-vue-components/resolvers package hasn't updated its handling of ElButtonGroup. Even in elementplus source code, there doesn't seem to be any usage.

    vue
    import { h } from 'vue'

    ๐Ÿ’ฉ Because this is secondary development, after discovering the issue, we temporarily chose this approach. If there's a better, more elegant solution, please contact us to discuss the solution. ๐Ÿ’ฉ

๐Ÿ› Fixes โ€‹

  • Fixed Typewriter typing component MD code highlighting output exceeding maximum width style issue
  • Fixed BubbleList bubble list component, after clearing array and adding new bubbles, losing auto-scroll issue
  • Fixed Sender, MentionSender footer slot click auto-focus issue

๐Ÿš€ New Features โ€‹

  • Prompts prompt collection component, used to display a set of predefined questions or suggestions related to the current context

  • Conversations conversation management component. Supports grouped display, menu interaction, scroll loading, custom styling and other features. Suitable for message lists, file management, task grouping and other scenarios, meeting diverse business needs through flexible configuration and slot extensions

  • FilesCard file card component, supporting visual presentation of multiple file types (images, documents, compressed packages, etc.), including file icons, names, descriptions, status and other information

  • Attachments attachment upload component, attachment management component, supporting file list display, upload, drag interaction, scroll browsing and other features, suitable for scenarios requiring multi-file upload and display (such as form attachments, file management interfaces)

  • Typewriter typing component's markdown-it, added prismjs highlighted code block style files, developers can import themselves

    Typewriter typing component's markdown-it, added Mermaid.js to support simple charts and functions rendering Typewriter typing component's markdown-it, opened third-party mdPlugins plugin reception processing, and third-party code highlighting highlight logic processing, details can be found at ๐Ÿ‘‰ Typewriter Documentation

๐Ÿ“š Documentation Updates โ€‹

  • Updated online development roadmap documentation, showcasing our ongoing development plans. Partners who want to submit PRs can first check our development roadmap, and if interested in any modules, can join the discussion group to research and advance together Development Roadmap
  • Updated homepage introduction and communication requirements documentation. All antdx components have been fully replicated

[v1.1.6] - 2025-04-16 โ€‹

๐Ÿ› Fixes โ€‹

  • Fixed Thinking thinking component expand/collapse animation stuttering bug

๐Ÿš€ New Features โ€‹

  • Typewriter typing component, added fog effect. Bubble bubble component, BubbleList bubble list component, when not customizing content slots, automatically inherit and support fog effect properties
  • BubbleList component added back to bottom button, and added hover content area scrollbar appearance. Enhanced interaction experience
  • Sender component added variants, footer, command trigger functionality
  • New MentionSender component, another command way of the Sender component

๐Ÿ›  Improvements โ€‹

  • Sender component optimized the send button state to disabled when there's no value, @submit method will also be disabled

    But this creates a problem: there's a scenario where when a user only uploads a file without entering a value in the input box, the built-in send button is also disabled, and the @submit event is also disabled. So we decided to add the submit-btn-disabled property for this situation, providing developers with active control. In special scenarios, developers can customize the built-in send button's enable/disable state. (When customizing #action-list, this property also affects the submit event)

  • Sender component added input-style property for developers to customize built-in input box styles

๐Ÿ“š Documentation Updates โ€‹

  • Updated online development roadmap documentation, showcasing our ongoing development plans. Partners who want to submit PRs can first check our development roadmap, and if interested in any modules, can join the discussion group to research and advance together Development Roadmap
  • Updated Guide Documentation Development Documentation, fixed documentation introduction error issues

[v1.1.1] - 2025-04-06 โ€‹

๐Ÿ’ฅ Breaking Changes โ€‹

  • Sender input component: two-way binding syntax change. Changed from previous v-model:value to direct v-model binding

๐Ÿ› Fixes โ€‹

  • Fixed Sender input component v-model two-way binding failure issue
  • Fixed Typewriter typing component stuttering issue under streaming interface output
  • Fixed BubbleList bubble list component auto-scroll failure issue under streaming interface output. And decoupled BubbleList component from typing component
  • Fixed BubbleList bubble list component maxWidth failure issue. issue #46

๐Ÿš€ New Features โ€‹

  • Added Thinking thinking component and ThoughtChain thought chain component for displaying thinking process under streaming interface output. issue #32, issue #45

  • Added Welcome welcome component for users to quickly integrate beautiful welcome introduction cards

[v1.0.81] - 2025-03-29 โ€‹

๐Ÿ› Fixes โ€‹

  • Fixed Sender input component still being able to trigger @submit method in loading state bug issue #22
  • Fixed Sender input component still being able to modify values in read-only state bug

๐Ÿš€ New Features โ€‹

  • Added useRecord hook function to solve the issue where users want to customize Sender input component's #action-list slot while also wanting to retain the component's built-in browser speech recognition API method. You can use this hook

  • Added two hook functions and one utility class. For SSE protocol streaming requests, manage data (rendering layer) + request (control layer) states. Convenient for Vue developers to handle request states when using streaming interfaces; convenient to render needed data

    Hook FunctionUsageCharacteristics
    useXStreamUse alone: can automatically get streaming data; supports starting streaming requests, interrupting streaming requests;More encapsulated, convenient to use
    useSendCan use alone: pass in start and end methods, returns method loading state.
    Doesn't support returning data, if you need data and request state support, you need to combine with XRequest
    More low-level, flexible control
    XRequestCan use alone: configure interface base address, use send to send requests, instance has many state listeners for this request.
    Process data through event callback listeners. Generally used in projects combined with useSend hook
    More low-level, flexible control

๐Ÿ›  Improvements โ€‹

  • Optimized compatibility, Sender input component, due to using defineModel syntax, this syntax is only available in Vue 3.4+ versions, causing many users to have console errors due to Vue version issues, now changed this syntax to low-version syntax. (Seamless replacement, no need to change original syntax)

๐Ÿ“š Documentation Updates โ€‹

  • Updated online development roadmap documentation, will showcase our ongoing development plans. Partners who want to submit PRs can first check our development roadmap, and if interested in any modules, can join the discussion group to research and advance together Development Roadmap
  • Updated Guide Documentation Development Documentation, focusing on modifying development commands, contributing code, local debugging full process introduction. Standardize development and pr submission

[v1.0.6] - 2025-03-23 โ€‹

๐Ÿ›  Improvements โ€‹

  • Integrated ESLint 9.x and Oxlint to standardize development process
  • Added build configuration: automatically export full/on-demand components based on component file names

๐Ÿ“š Documentation Updates โ€‹

  • Improved Chinese/English documentation content
  • Added documentation update log module

[v0.9.x] - 2025-03-20 โ€‹

๐Ÿ’ฅ Breaking Changes โ€‹

  • Typography component:
    • Deprecated speed property, changed to step property (aligned with ant-design-x)
    • Deprecated typedjs implementation of typing effect, streaming output failed, and each streaming output would cause component re-rendering
  • Bubble component:
    • Deprecated typing.speed property value, changed to typing.step (aligned with ant-design-x)

๐Ÿ› Fixes โ€‹

  • Fixed Typography typing component rendering bug
  • Fixed Sender input component autosize property failure bug

๐Ÿš€ New Features โ€‹

  • Typography/Bubble components:
    • Added interrupt output (pause), continue typing (resume) and destroy (destroy) instance methods
    • Added operation monitoring events
  • BubbleList component:
    • Added trigger-indices property for monitoring specified bubble @complete completion callbacks
  • Sender component:
    • Added @recording-change event to monitor built-in recording button click state
    • Added start recording (startRecording) and stop recording (stopRecording) instance methods

[v0.9.x] - 2025-03-14 โ€‹

๐Ÿ’ฅ Breaking Changes โ€‹

  • Typography component:
    • Deprecated step property, changed to speed property to control typing speed
  • Bubble component:
    • Deprecated typing.step property value, changed to typing.speed to control typing speed

๐Ÿ› Fixes โ€‹

  • Fixed Typography typing component rendering bug

๐Ÿš€ New Features โ€‹

  • Bubble component:
    • Added avatar-size and avatar-gap properties to control bubble styles when no avatar is present