Advanced Components

TechUI's Advanced Components are a collection of components with strong visual expressiveness, complex interaction capabilities, and system-level control features. They are primarily aimed at large-screen visualization, core business monitoring, and application scenarios with extremely high demands on user experience.

Unlike basic components, advanced components make a clear distinction in authorization methods and enablement strategies to guarantee the sustainable development and high-quality maintenance of the component library.

Currently, among the advanced components, only TuiAdaptive (Adaptive Component) is completely free; other advanced components can only be used after obtaining the corresponding authorization.

TechUI adopts a hybrid operation model of Free + Authorization. This is an important foundation for the project's long-term evolution and continuous investment.

Except for the advanced components requiring authorization mentioned above, all other components in the library are completely free and have no usage restrictions.

Enabling Advanced

Besides the TuiAdaptive component, other advanced components need to be enabled via the following parameters.

Please refer to the Start - Initialization chapter for details.

const params={
  app,
  debug:true,     // Debug mode
  features:{      // Extra features
    echarts:true, // ECharts wrapper components and themes
    advanced:true,   // Advanced components
  }
}
TechUIInit(params).then(()=>{
  app.use(router)
  app.use(store)
  app.mount('#app')
})

Authorization Models

Before introducing advanced components, please be sure to understand the following authorization rules to avoid obstacles in the production environment.

Adaptive Panel (TuiAdaptive) — Completely Free

TuiAdaptive is the only exception among advanced components.

• Completely Free: It is not subject to any authorization restrictions and can be used for free in any version of the TechUI component library (Prime, Admin, Base, Scifi).
• Unrestricted: It is not only free but also a fully functional version with no feature stripping. We are committed to making screen adaptation simple and universal.

Other Advanced Components — Authorization Required

Other advanced components besides TuiAdaptive (such as PanicAlert, T3DPanel, Bar3D, Pie3D, etc.) are classified as Controlled Components.

• Authorization Restriction: In non-Prime versions of the component library, these components are disabled by default and require modification of initialization configuration parameters to enable.
• Acquisition Method: Testing and trials can be conducted before obtaining authorization.

Library Differences

TechUI provides multiple versions of component libraries (Prime, Admin, Base, Scifi) based on different business needs. The behavior of advanced components varies across these libraries:

Prime Component Library (Paid Version)

Prime is the flagship paid version of TechUI.

• Enabled by Default: In the Prime version, all advanced components are enabled by default.
• No Extra Configuration: You do not need to manually import license codes or configure switches; install and use to enjoy complete TechUI advanced features.

Other Component Libraries (Admin / Base / Scifi)

In these free or basic versions of the component libraries:

• Disabled by Default: Except for TuiAdaptive, other advanced components are in an Inactive state by default.
• Auth Required to Enable: To use advanced components in these versions (e.g., using 3D Pie Chart in Admin version), you need to configure the license globally and manually enable the corresponding component modules.

Version Strategy Comparison Table

Feature	Prime Library	Other Libraries (Admin/Base/Scifi)
Nature	Closed Source / Paid	Closed Source / Free
TuiAdaptive	✅ Default On (Free)	✅ Default On (Free)
Other Adv Components	✅ Default On (Included)	🔒 Default Off (Requires Extra Auth)

Component List

The current version includes the following advanced components:

• Adaptive Panel (TuiAdaptive): Solves multi-resolution adaptation problems for large screens, PCs, and mobile devices.
• Panic Alert (PanicAlert): System-level exception blocking and strong alert mechanism.
• 3D Panel (T3DPanel): Provides a 3D container with real physical thickness and lighting/shadows.
• 3D Bar Chart (Bar3D): 3D bar chart with liquid level filling effects.
• 3D Pie Chart (Pie3D): Stereoscopic ring chart built on the 3D Panel.
• ECharts Chart (TuiEcharts): Chart component wrapped based on ECharts, very convenient to use, and deeply integrated with TechUI themes.
• ECharts Map (TuiEchartsMap): Map component wrapped based on ECharts, used with GeoJSON, very convenient, and deeply integrated with TechUI themes.

Future Outlook

TechUI's Advanced Components library is a continuously evolving product line. We are committed to exploring the boundaries of Web frontend technology in visual expression and interactive experience.

In future version planning, we will continue to develop more components targeted at High-Value Business Scenarios (such as Topology Charts, Professional Editors, etc.).

To maintain the long-term health of the project and ensure code quality, subsequent new advanced components will likely continue the "Paid/Authorization" business model. We hope that through this approach, we can provide professional developers with better and more competitive tools, while also supporting the continuous maintenance of TechUI.

We look forward to building the next generation of high-experience Web applications with you.