DOCSEARCHbyAlgolia
Submit Docs

Robot Frontend Framework & Tooling

website·Indexed 29 days ago

https://www.tzagileteam.com/

A comprehensive frontend engineering ecosystem featuring Robot CLI for project scaffolding, a suite of Naive UI-based components (C\Form, C\FormSearch, C\Cascade, C\Steps, C\QRCode), and detailed guides on Vue 3, TypeScript, Pinia, and frontend architecture practices.

Tokens
286.3K
Snippets
1.4K
Records
1.8K
Agent score
50%

What's inside Robot

  1. Overview of C_Title component

    C_Title is a glassmorphism-style block title component designed for page partitioning. It features built-in frosted glass backgrounds, light/shadow gradients, and border light effects. It supports 6 semantic types for coloring, 6 levels of font sizing, and flexible icon placement on both left and right sides.

  2. Overview of C_Signature electronic signature component

    C_Signature is a zero-dependency, high-performance electronic signature component implemented using native Canvas API. It is automatically registered globally in the project and requires no additional installation. Key features include support for mouse and touchscreen input, Retina screen (High DPI) adaptation, dark/light theme support, and full TypeScript type safety.

  3. Overview of Robot Admin built-in directives

    Robot Admin provides a set of 11 production-ready Vue 3 directives via @robot-admin/directives (v1.1.0). These directives are automatically registered if placed in the src/directives/modules/ directory.

  4. Overview of Axios Plugin-based Enhancement Architecture

    To avoid common pitfalls in HTTP request management—such as duplicate requests, 401 'storms' (multiple login popups), and memory leaks from orphaned requests during route changes—a plugin-based architecture is recommended. This approach moves logic from individual API calls into a centralized plugin chain, providing global consistency for caching, deduplication, and error recovery.

  5. Overview of C\WorkFlow Workflow Designer

    C\WorkFlow is a visual, drag-and-drop workflow designer built on Vue Flow. It is designed for creating approval processes with a 'thin UI shell and thick Composable engine' architecture, separating node management and validation logic. Key features include:

    • Support for multiple node types: Start, Approval, CC (Copy), and Conditional Branching.
    • Flexible approval strategies: OR-signing, joint-signing, and sequential approval.
    • Built-in validation via useWorkflowValidation and topology-based preview via useWorkflowPreview.
    • Full TypeScript support and bidirectional data binding.

  6. Overview of Robot uniApp Component Library

    The Robot uniApp component library (C_* series) is a collection of 33 business-level components built on top of the wot-design-uni UI library. It is designed for common enterprise mobile application scenarios and supports H5, WeChat Mini Programs, and App platforms. Key features include TypeScript priority, UnoCSS styling, and automatic safe-area adaptation for notch screens and Home Bars.

  7. Overview of Robot uniApp API structure

    The Robot uniApp HTTP layer is a wrapper around uni.request designed for enterprise-level request management. The recommended directory structure organizes API calls into modules for maintainability.
    api/
├── index.ts          # Unified export (used via '@/api')
├── factory.ts        # API factory functions for CRUD
└── modules/
    ├── user.ts       # User-related APIs
    ├── dashboard.ts  # Dashboard data APIs
    ├── crud.ts       # Generic CRUD APIs
    ├── approval.ts   # Approval flow APIs
    └── message.ts    # Message APIs

  8. Overview of C_Notify notification bar

    C_Notify is a lightweight notification bar that pops up at the top or bottom of the screen. It features automatic countdown disappearance, four semantic color types, and support for gesture-based sliding to close.

  9. Overview of C_Cascader cascading selection

    C_Cascader is a multi-level cascading selection popup designed for tree-structured data (such as Province/City/District). Key features include:

    • Multi-level Linkage: Automatically drives multi-layer Tab switching based on tree data.
    • Searchable: Full-keyword search that flattens matching results when filterable is enabled.
    • Breadcrumb Tabs: Displays the selected path as tags, allowing users to click back to any previous level.
    • Field Mapping: Customizable keys for values, labels, and children to adapt to any data structure.

  10. Overview of Robot Admin Theme System

    Robot Admin features a flexible theme system based on NaiveUI that supports three modes: Light, Dark, and System (which syncs with user OS preferences). The system includes a structured configuration for colors and styles, a responsive state management store for persistence and transitions, and a global provider to ensure consistency across all components.

  11. Overview of Design Review Methods

    Design reviews involve various usability testing methods depending on the reviewer and the objective. The three primary methods are:

    1. Heuristic Evaluation: Assessing a design against a set of established design principles (e.g., Nielsen's 10 Usability Heuristics).
    2. Standalone Design Critique: A group-based analysis of an ongoing design to determine if it meets goals and provides a friendly user experience.
    3. Expert Review: A detailed inspection of a website or app's functionality by UX experts to identify usability issues.

  12. Overview of Product Manager (PO) Template Library

    The Product Manager Template Library provides standardized, concrete examples of output deliverables. These templates serve as 'best practices' based on actual scenarios and are designed to be iterative and sustainably integrated into the product management workflow to ensure consistent quality across the role.