Frontend · Uni-app · WeChat Mini Program

Wot UI 2.3 Ships a Full-Featured QRCode Component and Whole-Form Disabling

By 不如摸鱼去 · Aug 3, 2026

Read original on juejin.cn ↗ Google Translate ↗ Alt translation

uni-app developers get a single dependency for styled QR codes that previously required third-party plugins, and the whole-form `disabled` prop eliminates repetitive prop threading across large forms. The synchronized AI knowledge base means code generation tools won't hallucinate outdated APIs.

Summary

The new `wd-qr-code` component generates styled QR codes directly in uni-app, supporting square, dots, rounded, and liquid dot types, single or multi-color gradients, a center logo, and background images. An `exportImage` method returns a temp file path for saving or sharing. Rendering runs on Canvas with specific adaptations for Alipay Mini Programs.

Beyond QR codes, `wd-form` now accepts a top-level `disabled` prop that cascades to all supported input children, and `wd-collapse` works in uncontrolled mode when no `v-model` is supplied. Custom icon configuration via `iconPrefix` and `cssIcon` now passes through to a dozen more components, including Rate, Avatar, and Tag.

The ecosystem moves in lockstep: Open Wot 1.0.6 adds the 2.3.0 API data so AI tooling can generate accurate code, and wot-starter v2 bumps its dependency to `^2.3.0`.

Takeaways

— `wd-qr-code` renders via Canvas and supports four dot styles: square, dots, rounded, and liquid.

— Multi-color gradients are configured with a direction angle and an array of color stops.

— Calling `exportImage()` on a QRCode instance returns a temporary file path for saving or sharing.

— Remote logos and background images still require download domain configuration and must be parseable by `uni.getImageInfo`.

— `wd-form` now accepts a `disabled` prop that cascades to Input, Textarea, Switch, Radio, Checkbox, Rate, Slider, Upload, and other supported children.

— `wd-form-item` can be individually disabled, which also blocks click-to-open popups like Picker and Calendar.

— `wd-collapse` works in uncontrolled mode when `v-model` is omitted, maintaining its own open/close state internally.

— Custom icon configs `iconPrefix` and `cssIcon` now pass through to Avatar, Cell, Empty, FormItem, GridItem, Input, Rate, SidebarItem, SlideVerify, TabbarItem, Tag, and Textarea.

— `Cell`'s `use-label-slot` prop gives explicit control over whether the label slot renders or falls back to the `label` attribute.

— Open Wot 1.0.6 ships offline data for 2.3.0, making the new QRCode API queryable by AI tooling via `wot info QRCode --version 2.3.0`.

— wot-starter v2 bumps `@wot-ui/ui` to `^2.3.0` and fixes theme state management and system theme listening.

Conclusions

Shipping the component, the AI knowledge base, and the starter template simultaneously closes the gap where developers upgrade the library but then wait days or weeks for tooling and scaffolds to catch up.

Making Collapse uncontrolled by default for simple use cases reflects a design philosophy that components should own their own state unless the developer explicitly opts into managing it.

Canvas-based QR code rendering with per-platform adaptations (Alipay Mini Programs called out specifically) highlights the fragmentation cost that uni-app component authors absorb so app developers don't have to.

Concepts & terms

Uncontrolled mode (Collapse)

A component pattern where the component manages its own open/close state internally when no `v-model` is provided, removing the need for the parent to track which item is expanded.

Open Wot

An AI knowledge base companion to Wot UI that packages component API data into offline queryable formats, so tools like MCP servers and Agent Skills can generate accurate code instead of relying on stale training data.

Source: juejin.cn ↗ Google Translate ↗ Backup ↗