Skip to main content

Component Library Changelog

v3.22.0​

Release Date: 2025/07/16​

Data Table Custom Formats: Added date/datetime/time/boolean types​

image

Image Upload: Fixed custom path configuration​

v3.21.0​

Release Date: 2025/07/02​

Data Table: Added Bottom Slot Support​

image

image

  • On the web end, loop switching can be disabled. After disabling, swiping right to the last slide will not allow further right swiping. If autoplay is enabled while loop switching is disabled, playback will stop after the last slide is played.
  • Due to limitations in the Mini Program environment, loop switching is not supported, but continuous swipe is supported. When continuous swipe is disabled in the Mini Program environment, swiping right to the last slide will not allow further right swiping. If autoplay is enabled while continuous swipe is disabled, after playing the last slide, it will continue playing from the first slide.

v3.20.0​

Release Date: 2025/06/11​

Form Container: Optimized Form Value Management​

Map Location: Added support for setting default locations​

image

Calendar Component: Added support for configuring earliest/latest dates​

image

Image Upload/File Upload/Rich Text Editor: Added new value storage method supporting https format​

image

  • When the cloudID method is selected, files will be directly stored in the data model as cloud storage fileIDs. Defaults to storing cloudID.
  • When the https method is selected, files will be stored in the data model as HTTPS links. After enabling public read/write permissions for Cloud Storage, the file links will remain valid long-term.
  • After selecting the https storage method, the output parameters of both the value change event and upload success event will be updated to the https format, unifying the output parameter format for upload success events across multiple platforms.

v3.19.0​

Release Date: 2025/06/04​

Tree Component: Added Support for Scoped Slots​

  • After upgrading to version 3.19.0, the Tree component supports scoped slots. By selecting advanced properties and enabling the slot, a content slot will be added to the outline tree, allowing custom content to be added to the slot node. image

  • You can use the expression $w.tree1.contentSlot_treeNode.item to retrieve detailed information about tree nodes. image

  • You can use style APIs to customize tree node styles. For more style APIs, refer to the Tree component documentation. image

  • Default text nodes support search highlighting. You can disable this feature and customize the display through text nodes. image

Lucky Draw Grid Component: Added Support for Configuring Draw Duration​

Data Table: Added Support for Row Selection Events​

v3.18.0​

Release Date: 2025/04/18​

Data Table: Filter Now Supports Relationship-Based Filter Configuration​

  • After upgrading to version 3.18.0, the mobile filter has undergone a style upgrade, enhancing the query experience on mobile devices. Users with custom style requirements can adjust the filter appearance using the form component's style api. image
  • By customizing the configuration, you can set the relationFieldName field to specify the display name of options in the relationship filter. Currently, only string-type fields are supported as option names. For details, refer to Custom Filter Configuration. image
  • Currently, only string-type fields can be configured as option names. image

v3.17.0​

Release Date: 2025/03/26​

Image Upload: Added Support for Custom Upload Templates​

  • After upgrading to version 3.17, the image upload component now supports custom upload templates. The default image upload template on the web side also supports the following methods, while the default template on the Mini Program side does not currently support them.

      • Added the image upload initialization completion event: onReady
      • Added the image upload method: upload
      • Added the single image deletion method: delete
      • Can specify a custom image upload path in the format: pathA/pathB. Files are stored at weda-uploader/appName/customUploadPath, where customUploadPath defaults to empty.
      • Added the setConfig method for updating image upload configurations. Supports configuration via the property panel or method updates. For details, refer to Configuration Parameter Guideimage

Mini Program Ads: Now supports the rewarded video ad format.​

v3.16.0​

Release Date: 2025/03/19​

v3.15.0​

Release Date: 2025/02/17​

「下拉单选/多选」下拉单选/多选，支持排序，升级筛选器，查询支持忽略大小写​

  • After upgrading to version 3.15, the dropdown single/multiple select components with associated relationships in forms now support data sorting. The filter has been upgraded, and queries support case-insensitive matching.

      • Queries are sorted by update time in descending order by default.
      • After clicking the upgrade filter, if filter rules were previously configured, they need to be reconfigured.
      • Searches are case-insensitive by default.

image

Input Field: When password mode is enabled, supports toggling password text visibility.​

image

Image/File/Rich Text Upload: Added an application name level to the default storage path.​

  • The default storage path for images/files is {{bucket}}/weda-uploader/{{appName}}
  • The default storage path for rich text is {{bucket}}/weda-richtext-upload/{{appName}}

image

Data List: Added standardized style examples for data lists​

v3.14.0​

Release Date: 2025/01/22​

WeChat Store Product: Added customContent, logoPosition, and openPage properties for the Mini Program​

v3.13.0​

Release Date: 2024/12/17​

WeChat Store Homepage: Added the WeChat Store Homepage component​

WeChat Store Product: Added the WeChat Store Product component​

v3.12.0​

Release Date: 2024/12/02​

AI JSX Code Block: AI Generates Low-Code Components​

  • For complex business scenarios, AI can automatically generate corresponding component code with logic based on user requirements, helping developers quickly implement business functions. For details, refer to AI Generates Low-Code Components

image

Image Upload: The image upload component now supports rotation in preview and switching between multiple images for preview.​

Image Component: Supports Rotation in Preview​

Table: The table component's image field now supports rotation in preview and switching between multiple images for preview.​

Nested Arrays/Objects: The nested arrays/objects component supports multiple UI modes​

  • After upgrading to version 3.12, when the nested arrays/objects component uses the object array template, it supports switching between three UI modes: card, table, and custom, while retaining the sub-form items within the nested object component.

    image

Layout Navigation: When the side expansion property is turned off, maintains the expansion or collapse state of the side menu​

Table: Adds Clear Options Method​

Webview: The webview component supports passing through the allow and sandbox attributes​

v3.11.0​

Release Date: 2024/10/25​

image

  • After upgrading to version 3.11, when form item validation fails, the component executes the failure logic branch. If no failure event is configured, a pop-up will display the validation failure message by default. Custom logic can be implemented by configuring events.

image

image

Single-line Input/Phone Input: Phone Number Validation Rules Updated​

  • Single-line Input
    • The phone number validation rule has been updated to the Mainland China phone number validation rule. Regex: /^1[3-9]\d{9}$/
    • The landline phone validation rule has been updated to the standard phone number validation rule. Regex: /(^(0\d{2,3}-)?|^(\d{3})?|^(400|800)-?)(\d{3,8})(-\d{1,4})?$/
    • Added a general phone number validation rule to accommodate domestic and international mobile and landline numbers. Regex: /^(+\d{1,4}[\s-]?)?((?\d{1,4})?[\s-]?)?(\d{1,4}[\s-]?)?(\d{1,4})?\d{1,9}(\s?(x|ext)\s?\d{1,6})?$/
  • The Phone Input validation rule has been updated to the Mainland China phone number validation rule

Progress Bar: Supports Displaying Progress Values​

v3.10.0​

Release Date: 2024/09/23​

Multi-line Input: Added confirm Event​

Top Tabs: Added Support for Dynamic Slots​

Side Tabs: Added Support for Dynamic Slots​

Image Upload: Optimized the upload process display on the web​

File Upload: Supports customizing upload button text​

Standardize Component Error Messages​

v3.9.0​

Release Date: 2024/08/02​

Layout Navigation: Added I-shaped Layout Template​

Markdown Display: Added markdown display component​

Data List: Supports Data Source v2 Protocol​

Data Details: Supports Data Source v2 Protocol​

v3.8.0​

Release Date: 2024/07/18​

Single-line Input: Added click events for prefix and suffix icons in input components​

Single-line Input: Filter empty rules when using custom validation​

Code Editor: Added support for JSON / Markdown formats​

Rich Text Component: Optimized Styles​

v3.7.0​

Release Date: 2024/05/29​

Cascading Select Component: Added​

  • Cascading selector is commonly used in region selection, model configuration selection, etc.

Code Editor Component: Added​

  • A code editor component wrapped based on React CodeMirror, designed for assisting code input and display in forms.

web-view: Added component method to support message sending​

Array Nested Form Component: Added​

  • Provides form functionality for scenarios where array elements are objects.

Object Nested Form Component: Added​

  • Provides form functionality for multi-level object nesting scenarios.

v3.6.0​

Release Date: 2024/05/06​

Data Table​

  • Data Table added data source binding guidance, supporting quick generation of data queries and table configurations to meet requirements such as data display, addition, and updates.

Version Number Explanation​

  • Skipped version numbers 3.4 and 3.5, synchronizing the npm package @cloudbase/weda-ui version number

V3.3.0​

Release Date: 2024/03/27​

Rating Component: Added​

  • Intuitive rating input component

Progress Bar Component: Added​

  • Supports clicking hyperlinks for redirection on the web end. Supports launching Mini Programs on mobile devices.
  • Supports navigating to Mini Program pages within the Mini Program environment.

Multi-line Input Component Optimization​

  • Added auto-adapting height capability

Redesigned component icons and updated component arrangement styles to enhance browsing and selection efficiency​

Expand the component icon library​

V3.2.0​

Release Date: 2024/02/21​

Table Component: Added Reset Filter Functionality​

  • The Table Component now provides a "Reset Filter" method, allowing users to quickly clear filter conditions when needed.

Text Component: Supports Inheriting Parent-Level Colors​

  • Optimized the color setting functionality of the Text Component, which now inherits parent-level colors to facilitate unified style configuration for users.

Image Component: Preview Functionality Fix​

  • Fixed the issue where the preview could not be closed when clicking on preview images in the Image Component on some mobile phones.

Geolocation Component: Unified Method Parameter Passing​

  • The Geolocation Component's setValue method parameter passing is now more unified, facilitating user usage.

Data List: Added "Load Button Name" Property​

  • The Data List component has added a new property for setting the load button name, providing more flexible customization options.

Image Upload: Added PC Preview Support​

  • The Image Upload component now supports preview functionality on PC, providing a more user-friendly experience.
  • These components now support disabling individual options, providing richer option configuration.
  • Added the item api to allow users to retrieve selected items.

Member Selection Component: Optimized Parameter Passing​

  • Optimized the handling of null condition parameters in the Member Selection component when no filter conditions are present, enhancing component robustness.

Optimizing Form Component Performance​

  • Optimized the performance of form components, reducing rendering times and improving operational efficiency.

Optimizing Component Functionality in Subpackage Scenarios​

V3.1.0​

Release Date: 2024/01/10​

Grid Layout component added common layout templates, improving layout efficiency​

  • The Grid Layout component now offers more predefined layout options, helping users design page layouts more efficiently.

Layout Navigation Component: Added Expand/Collapse Control​

  • Users can more flexibly control the display state of navigation items through expand/collapse functionality, enabling a richer interactive navigation experience.

Button and Form Event Linkage Mechanism​

  • Developers can now quickly configure form submission actions on the submit button, simplifying form processing workflows and improving development efficiency.

Form Container Data Source Now Supports Binding to Query​

  • The Form Container component now supports fetching data from MySQL databases, enabling forms to dynamically display and process database content.

Audio Playback Component: Added​

  • The newly added Audio Playback component provides two ready-made templates, enabling users to quickly create audio playback interfaces.
  • Visit the Audio Playback component official documentation to learn how to use this component.

Video Playback Component: Layout Mode Optimization​

  • The Video Playback component now supports layout mode control, allowing users to hide the center play button for a cleaner viewing experience.

Grid Layout Component: Underlying Implementation Optimization​

  • The optimized Grid Layout component is more stable when handling complex layouts, effectively preventing unnecessary scrollbars on the page.

JSX Component: Underlying Implementation Optimization​

  • The underlying implementation of the JSX component has been optimized, reducing unnecessary rendering and improving application performance and responsiveness.

Added: Date Range Selection Component​

  • The newly added Date Range Selection component simplifies the setup process and reduces the complexity of building date selection interfaces.
  • For developers needing to implement date range selection functionality, refer to the Date Range Selection component official documentation.

V3.0.0​

Release Date: 2023/12/14​

WeDa Component Library: Theme Switching for one-click configuration of application colors, text, and design styles​

Version 3.0.0 officially launches the Theme Switching feature, enabling quick application theme changes in the editor via the Application Theme function. This allows rapid brand adaptation and efficient adjustment of unified design styles including colors, text, rounded corners, and shadows.

Components such as forms and tables provide Style API CSS examples for precise control of internal component styles​

Standardized components expose the standard Style API, solving the issue where users cannot customize internal component structure styles through the low-code editor.

This version adds numerous sample codes in the style panel -> CSS editor for form/table components, facilitating user query and reference.

Solving the issue of not knowing how to write code when overriding styles for specific components individually

Component Library added global click event feedback effect to enhance user experience​

All components bound to tap events, such as icons and containers, feature a global feedback effect that provides visual response during mouse hover and upon click.

Single-line Input component now supports input keyboard type control and adds input value conversion configuration​

It addresses scenarios on mobile devices where specific keyboards like numeric keypads are invoked during input for phone numbers, ID card numbers, or verification codes, but without converting the input to numeric format.

Form Container: Optimized querySuccess event to reduce unnecessary triggers​

Map Location component optimized real-time current position update logic​

Icon component supports displaying images from cloud storage in custom icon mode​

General Container component supports data properties and API​

When developing blocks, a General Container can be used to declare configuration information, and context variables can be referenced inside the container via the property API.

When reusing blocks, only the configuration information on the container needs to be updated, making the process more flexible and efficient.

File Upload Component: Download file feature now compatible with older versions of WeCom client​

Since older versions of the WeCom client do not support opening blob or dataurl type files, the new version adopts the method of directly opening file links to ensure basic usability, which is compatible with most browsers.

After the change, due to browsers' default policies, clicking to download image-type files will open them in a new page.

Other types of files such as pdf, xlxs, doc, etc., can generally invoke downloads normally during testing.

Rich Text Component: Compatibility with older browser versions​

Decoupling validation behavior from configuration field names in form components​

Form validation is no longer dependent on field name configuration. Validation can be triggered normally even if no field names are configured or duplicate field names exist.

Input components display a clear button by default​

Facilitates user operations with no additional configuration required.

Optimize component implementation with global mask layer for compatibility with more scenarios​

Compatible with Cloud Console and other usage scenarios

Tab Bar component optimization and standardization upgrade, supporting style APIs and property APIs​

File Upload Component and Image Upload Component support configuring pre-upload functions for enhanced flexibility​

Solves the issue where users desire to store resources on other servers in certain scenarios.

Added two new layout templates: Tab Bar Navigation Layout and Navigation Bar Layout, to address mobile layout issues.​

Added the "Ad" component for Mini Programs to display WeChat ads within Mini Programs.​

V2.36.0​

Release Date: 2023/10/30​

Added the "canvas" component​

The Data Table component now supports hover effects for headers and paginators.​

The Data Table component supports configuring field query scope​

The Data Table component supports triggering queries by pressing the Enter key in the filter input box​

The Image-Text Card component has been deprecated. It is recommended to use the card template of the Data List component instead.​

The Map Component optimized three-end styles​

The Data Table component supports custom column field formatting​

The Form Container component triggers the failure process when validation fails, and added triggering of validation success and failure events.​

The Card component added a collapsible panel function template​

Image Upload: Supports restricting selection to camera only / photo library only.​

The File Upload component supports selecting sources such as album, camera (for photos), and video recording on the Mini Program side.​

Map Location component optimized default positioning logic​

The Data List component optimized the binding expression logic​

Optimized error messages for the Get Phone Number component​

V2.35.0​

Release Date: 2023/10/11​

Added application layout capability, enabling unified layout across pages and reuse.​

Added common layouts such as Left Navigation Layout, Top Navigation Layout, and Factory-shaped Layout​

Added Tag component and Tag Select component​

Image Upload component supports compressing images before upload​

Optimized the Menu Navigation component and standardized component styles​

Optimized the data loading performance of the Form Container component​

Optimized Lucky Draw Grid styles for different screen sizes​

Optimized the multi-end display styles of the File Upload component​

Optimized the read-only/disabled styles of the Image Upload component​

Optimized the default width of the Image Upload / Rich Text Editor components on PC​

Optimized the Dropdown Single Select / Dropdown Multi Select components, replacing the "Clear" button with "Cancel" on mobile​

Optimized the code size of components in Mini Programs​

V2.34.0​

Release Date: 2023/09/11​

Added the JSX Code Block component for quick integration of third-party components​

This is a universal source code component that allows quick integration of external components, such as third-party open-source libraries like TDesign and Antd. It can configure various components including watermark, step bar, cascader, rating, slider, etc.

For details, refer to the JSX Code Block Component Documentation

Calendar component optimization and standardization upgrade, supporting style APIs and property APIs​

The Form Container component supports multi-column layout per row​

Data List: Added Loading Status Property Control​

Data List component template design upgrade and optimization, added a product list template​

Data List: Added pagination change event for Mini Programs​

Layout Component style optimization with support for Mini Programs​

Single-line Input and Multi-line Input components: Chinese input method compatibility​

Optimized image loading experience for the Rich Text Display Component in Mini Programs​

Overall component optimization, hiding unused style configurations​

V2.33.0​

Release Date: 2023/08/24​

Full Standardization and Optimization of Form Components​

  • Optimize property categorization and naming
  • Standardize style structure
  • Supports configuration of title width, alignment, and tooltip text
  • Expose property/method APIs
  • Supports quick value getting and setting operations
  • Remove the horizontal full-width property
  • The component width can be directly configured via the style-width property.
  • Supports switching between edit/disabled/read-only states
  • Added prefix/suffix text/icon configuration to some components

Single-line Input Component supports search-style templates​

Top Tabs and Side Tabs component standardization upgrade and user experience optimization, supporting property APIs and style APIs​

"File Upload" component: Added file value property for easy configuration of default file resources; supports custom file format restrictions​

Time Picker: The time mode supports selecting hour:minute:second​

The Data Table component supports displaying fields such as images in new association relationships​

V2.32.0​

Release Date: 2023/08/02​

Form Container Component: Optimized Title Styles and Layout Styles for Form Components​

More Chart Components: Added an echart object to the Widget API​

You can obtain the echarts object via the chart Widget API $w.chart1.echarts to configure more advanced chart effects, such as gradient fills. This is equivalent to directly importing echarts in the project, allowing you to call its internal methods for corresponding operations, such as echarts.color and echarts.graphic. For details, refer to the official ECharts documentation.

For details, see More Chart Components Documentation

Timing Optimization for Form Components​

When the user input value changes, the real-time value can be obtained via Widget APIs such as $w.input1.value in the change event callback.

Data List Component Template Optimization​

  • Optimized text types in templates by filtering out rich text types
  • Optimized line types and colors in templates

Data Detail Component supports displaying rich text content​

  • If the template content contains rich text components, use the rich text display component for presentation

Rich Text Display Component Optimization​

  • Optimized the default template for rich text
  • Optimized the display of images in rich text and the maximum image width

Detail Component Default Values Optimization​

After binding variables to the Default Value Property of the Detail Component, the detail data updates in real time.

Component Declaration and Documentation Improvements; Some Deprecated Components Removed​

Optimization of Read-only/Disabled Effects for Multi-select, Multi-line Input, Detail, and Other Components​

Input Component Optimization: Including Prefix and Suffix Text in Read-only State​

Optimization of Form Container Loading Performance​

Optimization of Data Table Filter Panel Appearance on iOS​

Optimization of the Image Component Loading Effect on the Web​

Data Table supports displaying image fields and other field types in associated models​

V2.31.0​

Release Date: 2023/07/13​

The Data List Component supports expression-based data sources​

New Feature: Data list now supports appending binding expression data; original APIs paths optimized to expressions. Note: Arrays must include the _id field by default. When the input expression changes, it triggers automatic generation of list fields. Therefore, it is recommended to input the expression first before adjusting styles.

The Data Details Component supports expression-based data sources​

New Feature: Data Details now supports appending binding expression data; original APIs paths optimized to expressions. Note: When the input expression changes, it triggers automatic generation of details fields. Therefore, it is recommended to input the expression first before adjusting styles.

Card Component supports Mini Programs​

For details, see Component Documentation

V2.30.0​

Release Date: 2023/06/08​

New Numeric Input Component​

For details, see Component Documentation

New Card Component​

For details, see Component Documentation

New Layout Component​

For details, see Component Documentation

Date Time Picker Standardization and Configuration Optimization, Added Style APIs and Property APIs​

For details, see Component Documentation

The Data Table Component supports expression-based data sources, with Property API optimization​

Grid Layout component standardization and configuration optimization, added Style APIs and Property APIs​

The Data Table Component and Form Component support many-to-many and one-to-many relationships​

Loop Display Component Default Template and Configuration Optimization​

Optimization of API Request Performance for Data Container Components​

Style Optimization for Form Components in Viewing Scenarios​

V2.29.0​

Release Date: 2023/05/30​

For details, see Component Documentation

Form Container component standardization upgrade and user experience optimization, supporting property APIs and style APIs​

For details, see Component Documentation

Error Message Optimization for Data Container Series Components​

Optimize Runtime Reactive Determination​

Dynamic scaling windows no longer switch between PC and mobile ends, but only perform responsive style display.

V2.28.0​

Release Date: 2023/05/18​

Added 'More Charts' Component​

Added 'More Charts' Component, which can quickly introduce in batches all Echarts charts such as area charts, funnel charts, scatter plots, and allows customization of chart color schemes, etc.

For details, see More Chart Components Documentation

Optimize Runtime Size and Loading Performance​

Optimize the size of components and runtime, reduce the size of application artifacts, and improve application access performance

V2.27.0​

Release Date: 2023/05/12​

Added 'Tree' Component​

Supports displaying multi-level data content in a tree structure, such as organizational structures, material information, customer categories, etc.

For details, see Tree Component Documentation

Added 'Official Account Follow Component'​

The Official Account Follow Component can be configured in the Mini Program, enabling users to quickly follow the official account.

For details, see Official Account Follow Component Documentation

'Member/Department Selection' Component: Supports displaying and selecting department and member data of connected enterprises.​

'Data List' and 'Data Details' Components Support Accessing Query Component Data via $w.ComponentID.Property​

For details, see.

V2.26.2​

Release Date: 2023/04/20​

Standardized Upgrade of Form Components​

Single-line Input, Multi-line Input, URL Input, Phone Input, Email Input, Switch, Radio Button, and Checkbox components have undergone standardized upgrades.

The common newly added capabilities for the above components include:

  • Configurable component size and full-width option (These settings take effect on PC but not on mobile)
  • Supports custom configuration of titles, including content, alignment, line break settings (when enabled, titles exceeding one line wrap; when disabled, they truncate with ellipsis), title position, width, and tooltip text
  • Provides a Widget API to facilitate reading/writing values of form input components, setting read-only or disabled states, etc.
  • Provides a component external style API to address the issue where users cannot customize the internal structure styles of components via the low-code editor.

Note:

  • If the component is within a form container, its size, title alignment, position, line wrapping, and width will inherit the form container's property configuration by default.

Single-line Input Component: Standardized Upgrade​

  1. Supports personalized configuration of the input field, including: whether to display a clear button, prefix/suffix text, prefix/suffix icons, bottom hint text, password display mode, input keyboard type, character count display, auto-focus setting, and platform-specific display options (underline on mobile / input box on PC)

Note:

  • Prefix/suffix text in the form will be submitted to the data model along with the input content.
  • Size configuration applies only to the PC end.

Multi-line Input Component: Standardized Upgrade​

  1. Supports personalized configuration of the input field, including: hint text below, character count display, auto-focus setting, and platform-specific display options (underline on mobile / input box on PC)

Note:

  • Unlike the single-line input, the multi-line input component lacks configurations for prefix/suffix text and prefix/suffix icons.
  • The multi-line input component displays the character count of the input by default.
  • The multi-line input component has a default height of two lines. At runtime, the height automatically increases based on the input content. When the input exceeds ten lines, content can be viewed via scrollbars.

URL Input Component: Standardized Upgrade​

  1. Supports personalized configuration of the input field, including: clear button display, prefix/suffix text, prefix/suffix icons, hint text below, character count display, auto-focus setting, and platform-specific display options (underline on mobile / input box on PC)

Note:

  • Prefix/suffix text in the form will be submitted to the data model along with the input content.
  • URL input can be quickly configured to the following styles via prefix and suffix text:

Email Input Component: Standardized Upgrade​

  1. Supports personalized configuration of the input field, including: clear button display, prefix/suffix text, prefix/suffix icons, hint text below, character count display, auto-focus setting, and platform-specific display options (underline on mobile / input box on PC)

Note:

  • Prefix/suffix text in the form will be submitted to the data model along with the input content.
  • Email input can be quickly configured to the following styles via suffix text:

Phone Input Component: Standardized Upgrade​

  1. Supports personalized configuration of the input field, including: clear button display, prefix/suffix text, prefix/suffix icons, hint text below, character count display, auto-focus setting, and platform-specific display options (underline on mobile / input box on PC)

Note:

  • Prefix/suffix text in the form will be submitted to the data model along with the input content.
  • The phone input for pure digits has a maximum input of 11 digits and supports the input of '-' (to accommodate landline numbers). It can be quickly configured with prefix text to achieve the following style:

Switch Component: Standardized Upgrade​

  1. Supports personalized configuration of the switch button, including hint text below the switch and whether to display an underline on mobile devices.

Radio Component: Standardized Upgrade​

  1. Supports personalized configuration of radio options, including hint text below options, layout direction, and whether to display an underline on mobile devices.

Note:

  • The layout direction of options in the single choice component supports both horizontal and vertical arrangements, with vertical as the default. When horizontal is selected, options will automatically wrap based on their length.

Multi-select Component: Standardized Upgrade​

  1. Supports personalized configuration of radio options, including hint text below options, layout direction, and whether to display an underline on mobile devices.

Note:

The layout direction of options in the multi-select component supports both horizontal and vertical arrangements, defaulting to vertical. When horizontal is selected, it automatically wraps based on option length.

  • The default selected values of the multi-select component support configuring multiple default option values.

Table Component: Supports dragging to adjust column width at runtime​

Rich Text Editing Component: Feature Upgrades and Optimization​

Comprehensive upgrade and overhaul of the rich text component functionality

  • Added capabilities such as format painter, table insertion, and text superscript/subscript
  • Supports copying content directly from word to the rich text editor, with good compatibility for basic document styles
  • Optimized color configuration, font settings, heading numbering, alignment settings, and other features to enable more convenient editing and styling of rich text content

Adds Dropdown Multi-select Component to Forms​

The Menu Navigation component supports usage in model applications​

The Member Selection / Department Selection components support usage in custom applications​

Added a View node to the root node of Mini Program pages​

Adds a view node to the root node of Mini Program pages to ensure standardized style APIs and css variables take effect on the Mini Program side

Note:

  • Adds a view node wrapping the page content in Mini Programs. The newly added View node has the id wd-page-root. Styles can be set for #wd-page-root if needed.
  • In applications, if a percentage height is set for the Page, elements within the page that directly rely on percentage-based heights may experience relative height failures due to the addition of this View node (wd-page-root). Corresponding styles need to be set for #wd-page-root.

V2.24.0​

Release Date: 2023/4/7​

Detail Component​

Provides table detail styles for the PC end, offering more aesthetically pleasing detail layouts while supporting free switching between table/tiled styles.

Data Table Component​

Adds a default page number property for the PC end to control the default page to open when the table loads.

V2.23.0​

Release Date: 2023/3/30​

New Customer Service Chat Component​

Supports opening customer service chats, enabling rapid implementation of a two-way communication mechanism between customer service and users within 3 minutes.

New QR Code Component​

Can generate QR codes based on links, text, etc.

Enhanced Data Filter Conditions​

Supports $in queries and allows directly writing expressions to implement any query conditions. This feature covers the Data List, Data Detail, and Data Table components.

Approval Operation Component Supports Parallel Gateway Nodes​

V2.22.5​

Release Date: 2023/03/16​

All form components now support the underlying Widget API​

V2.21.3​

Release Date: 2023/3/07​

Standardized Upgrade and Optimization of the Data Table Component​

The new Table has the following changes:

  • This upgrade provides brand-new table styles for PC/mobile
  • Enhance filter and table column configuration capabilities
  • Added row click event
  • Standardize component property names and categorization

V2.20.0​

Release Date: 2023/2/23​

Image Upload Component​

Added property configuration for WeChat Open Capabilities. The mini-program side supports direct uploading of WeChat profile photos. Added property configuration for image display shapes. Images can be displayed as circles, rectangles, or rounded rectangles.

Single-line Input Component: Added property configuration for WeChat Open Capabilities. The mini-program side supports directly filling in WeChat nicknames.​

Data Container Components​

Added support for APIs optimization, including input/output parameter type validation and usage guidelines. Applies to components such as forms, tables, data lists, data details, statistic cards, bar charts, etc.

After binding APIs methods, components such as Data List, Data Table, Form Container, and Charts support displaying each query input parameter on separate lines, enhancing the convenience of parameter configuration binding.

Process Operations Component​

PC-side Operation Buttons Style and Layout Optimization:

Mobile Button Operation Style and Layout Optimization:

The User Picker Component fully adopts the WeDa Member Selection Component UI:

Grid Layout Component: Column width supports precise pixel (px) adjustment, and single rows support independent column spacing configuration.​

V2.19.0​

Release Date: 2023/2/2​

Member Selection Component: Mobile Interaction Optimization​

V2.18.0​

Release Date: 2023/1/16​

Data Container Automatic Binding​

The Data Container is a component for querying data, and its usage path has been simplified. When adding a new Data Container, it will display data from the [User] table by default, but you can switch to any model data. This update also supports automatic data field binding, achieving WYSIWYG (What You See Is What You Get) functionality.

Data Container Empty State Optimization​

Data List and Data Table components now feature a uniformly optimized empty state prompt style when query results are empty, with customizable notification text.

Data Display Component Required Field Prompt Optimization​

For components such as Data List, Data Detail, Form, Table, and Icon, a required field indicator has been added when selecting models and APIs, as shown below.

Added Loop Display Component​

This update introduces the Loop Display Component, primarily used to display array-type data. Simply replace the data in the Loop Display Component with the array you wish to display to achieve a \$for loop effect on the array.

V2.17.0​

Release Date: 2022/12/28​

tip

This upgrade has standardized and optimized several components. Standardized components are now marked with in the Component List. These standardized components unify implementations across PC, H5, and mini-program platforms while openly supporting standard APIs, including style APIs and custom CSS variables. For individual component upgrade methods and precautions, refer to the Upgrade Migration Guide.

Components' visual style and functionality have been standardized, improving visual aesthetics and sensory experience​

Components expose a series of standardized APIs, maintaining cross-component consistency with ongoing maintenance​

Component Library Specifications and Exposed CSS Variables Supporting User Style Customization​

System-level Theme Customization​

You can refer to the Global CSS Variables definitions. Modify the corresponding CSS variable values to change global styles.

Component-level Theme Customization​

For example, to uniformly modify button styles, you can modify the CSS variables exposed by the buttons on the page.

.wd-btn {
  --wd-btn-border-radius: 0.3rem;
  --wd-btn-color-brand: var(--wd-color-success);
  --wd-btn-color-brand-hover: var(--wd-color-success-hover);
  --wd-btn-color-brand-active: var(--wd-color-success-active);
  --wd-btn-color-brand-focus: var(--wd-color-success-focus);
  --wd-btn-color-brand-disabled: var(--wd-color-success-disabled);
}

(To ensure style modifications take effect, it is recommended to add an id selector before custom styles to increase CSS priority.)

Components expose external style APIs to address the issue where users cannot customize the internal structure styles of components via the low-code editor.​

.wd-btn {
  border-color: cyan;
  background-color: black;
  border-width: 2px;
  border-radius: 6px;
}

.wd-btn:hover {
  background-color: #0c0096;
}

.wd-btn.is-disabled {
  background-color: #888;
}

.wd-btn__text {
  color: cyan;
}

(To ensure style modifications take effect, it is recommended to add an id selector before custom styles to increase CSS priority.)

Button Component Standardized Upgrade and Optimization​

The new Button has the following changes:

  • The default button size has been adjusted, and full-width button configuration has been added (after upgrading, the default size of existing buttons will change).
  • Buttons have had their default padding removed, are no longer centered by default on the page, and individual buttons no longer occupy a full row by default on mobile (After upgrading, pay attention to layout changes and adjust as needed).
  • Enriched the default button colors. After upgrading, please note the color changes of default buttons and adjust as needed.
  • The disabled state style of buttons has been optimized.
  • Buttons now support configuring icons within them.
  • Enriched the default button types, providing options for filled, outlined, text, and link styles.

Standardized Upgrade and Optimization of the Text Component​

The new Text has the following changes:

After upgrade:

  • Text component supports configuring text overflow ellipsis
  • The font, font size, and styles during text initialization have been optimized.
  • Added three size options (large, medium, small) for body text formatting

Standardized Upgrade and Optimization of the Image Component​

View Image component documentation

Standardized Upgrade and Optimization of the Icon Component​

The new Icon has the following changes:

  • The color configuration in the attribute area for icons has been removed. It can now be configured via the font color setting in the style panel (the color values previously configured for icons will be retained).
  • The original icon's size configuration via numerical input has been replaced with a size-options dropdown (the previously configured size is retained).

View Link component documentation

Standardized Upgrade and Optimization of the Divider Component​

The new Divider has the following changes:

  • Added support for two divider line types: solid and dashed.

Data Table Component: Data export function optimized, supports exporting all data to the cloud​

Data Table adds a new component method: Data Export (Optional export mode) exportOptionalMode

Supports exporting all data or filtered data from the cloud, and also supports selecting the fields to export

Fix styling issues for the Top Tabs component on mobile when text is lengthy​

When tabs have excessive content, they scroll horizontally on mobile.

V2.16.0​

Release Date: 2022/12/22​

Member Selection Component: Adds a data filtering property to support filtering member data; supports adjusting member ordering through the standard view of the user model​

V2.15.0​

Release Date: 2022/12/15​

Grid Layout Component: Supports flexible addition of rows and columns, control of single column width, significantly enhancing the configuration experience for multi-column layouts.​

The new version of the Grid layout component (Grid) is more powerful, enabling quick layout and control of multiple component positions within containers.

It divides the page into individual grids, allowing free combination of different grids to quickly achieve various layouts.

➡️ Click to view Grid Layout Component Documentation

Unified optimization of overall styles, enabling components to display more content on large-screen mobile devices​

All components no longer use the mini-program rpx unit or the web-end rem unit. They do not scale on large screens, prioritizing the display of more content.

The Department Selection component: Adds a "Supports Multiple Selection" property, enabling selection of multiple departments within the organization​

After enabling "Supports Multiple Selection", users can select multiple departments at once.

➡️ Click to view Department Selection Component Documentation

The Data Table component: When table columns are bound to associated model fields, it supports dynamically showing or hiding columns based on column permission configurations.​

➡️ Click to view Data Table Component Documentation

Fixed several issues​

  • Date Time Picker component: Fixed the issue with initial value display on the mini-program side
  • Dropdown Select component: Fixed the issue with initial value display on the h5 side

V2.14.0​

Release Date: 2022/12/9​

Data Table component: Supports importing and updating existing data; single import data volume expanded to 10,000 records; association relationship fields support importing primary column field values; enumeration fields support importing option identifiers​

➡️ Click to view Data Table Component Documentation

Inspection Mechanism: Optimized the prompt text for checking Mini Program enterprise entity requirements when using the Get User Phone Number component or enabling the login feature​

V2.13.0​

Release Date: 2022/11/29​

Data List/Data Details component: Added component methods "Refresh and Delete a Single Record" to quickly implement refreshing and deleting list or detail data​

V2.12.0​

Release Date: 2022/11/22​

Added Tooltip component: When hovering over an element, it supports displaying text, images, and other content in a tooltip format.​

Data List, Details, Table, and Chart components: Data filter properties now support configuring multi-condition OR relationships​

Approval Component: Added custom events and optimized the personnel selection experience when adding signers / reassigning tasks / CCing​

Overall optimization of sorting, grouping, and naming for official components​

V2.11.0​

Release Date: 2022/11/12​

Table component: The action column and top action buttons have been changed to slots​

➡️ Click to view Data Table Component Documentation

"Member Selection" Component: Optimized the PC-end personnel selection experience​

Optimized property sorting for data list and other components, prioritizing the display of commonly used component properties​

Hide data binding buttons for certain component properties to reduce unnecessary distractions during page building, e.g., Data List components - Data Source Type property​

V2.10.0​

Release Date: 2022/11/11​

"Data List" Component: After loading and displaying all data, appends relevant prompt information at the bottom of the component​

V2.9.0​

Release Date: 2022/10/17​

Optimized property sorting for data list and other components, prioritizing the display of commonly used component properties​

Hide data binding buttons for certain component properties to reduce unnecessary distractions during page building, e.g., Data List components - Data Source Type property​

V2.8.1​

Release Date: 2022/10/13​

"Detail" Component: Added disabled property to optimize detail display effects in form viewing scenarios​

Text Component: Added text bubble property to display the full text content in a tooltip format when hovering over the component.​

"Table" Component: Improved stability of the batch delete function for selected data​

V2.7.0​

Release Date: 2022/10/10​

"Table" Component: Added column freezing properties to keep specific columns fixed during horizontal scrolling​

V2.6.0​

Release Date: 2022/9/16​

"Table" Component: Import file format updated to xlsx, a more universal format, making imports more stable and user-friendly​

"Table" Component: After binding to a view, supports displaying relevant field data from associated models in the view​

'Member Selection' Component: Added display of users not associated with any department, facilitating the search and selection of relevant members​

"Process Approval" Component: Supports on-demand adjustment of process component layouts in the approval page for personalized customization​

"Process Approval" Component: Supports searching and selecting personnel by department when adding signers, cc'ing, or reassigning tasks​

Single-line Input Component: Added a clear button on PC to support quick clearing of entered values​

V2.5.0​

Release Date: 2022/9/1​

The chart component data source type supports configuration as variables, enabling chart data retrieval through variables.​

When the chart component uses a custom connector as the data source, it supports defining input parameters for the connector method, enabling dynamic chart updates.​

V2.4.0​

Release Date: 2022/8/25​

Table view supports adding new filter conditions​

Date Selection Component: Added date-time selection mode​

Pop-up Component: Adaptive Sizing on PC​

List Container: Optimized the trigger timing of the success event​

V2.3.0​

Release Date: 2022/8/18​

Model Application: Added "Member Selection" rendering effect; added "Department Selection" rendering effect​

Model Component: Disable single property binding for selections; the component adopts asynchronous fetching of data source Schema to improve performance​

Table Component: Added refresh method; added default sort field and sort order; added user-organization mapping​

Data List: Optimized the component loading effect; adjusted the sort type property name​

Icon Component: Updated the properties area​

V2.2.0​

Release Date: 2022/8/10​

Optimizing the Configuration of "Parameters" for the Share Component​

Added Detail Component​

V2.1.0​

Release Date: 2022/8/8​

Optimized style modifications for form components in disabled state; may cause style inconsistencies in applications​

V2.0.58​

Release Date: 2022/8/8​

Optimized style modifications for form components; may cause layout inconsistencies in existing applications​

Optimized grid component styles; restored to normal document flow display; may affect existing layouts​

Removing Runtime Default Values​

Remove the WeChat Open Capabilities for obtaining phone numbers and user information from the button component; use dedicated WeChat Open Capability components instead​