cpn-basic-transfer

Configure the UDesign Transfer component for multi-select data transfer between lists.

1|Updated Apr 14, 2026
One-click install
npx skills add https://github.com/UCloud-FE/udesign-cli --skill cpn-basic-transfer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: cpn-basic-transfer
Source: https://github.com/UCloud-FE/udesign-cli/tree/main/skills/cpn-basic-transfer
Command: npx skills add https://github.com/UCloud-FE/udesign-cli --skill cpn-basic-transfer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

这是关于在 AI 场景下正确使用 UDesign Transfer 组件以实现两个数据列表之间的项迁移的实用指南。

Core Features & Use Cases

  • 引导正确引入 Transfer 组件、配置数据来源与目标区域的示例
  • 展示左侧和右侧区域的自定义搜索与渲染列表的实现要点
  • 提供 API 参数、演示用例及最佳实践,帮助快速落地

Quick Start

请在 AI 流程中加载此技能并按照示例配置 Transfer 组件实现数据双向迁移。

Frequently Asked Questions about cpn-basic-transfer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement a multi-select data transfer component in React?

To implement a multi-select data transfer component in React, use the UDesign Transfer primitive to move list items between sources. It enforces safe, predictable configuration for UI development without external dependencies.

What is the best way to configure list item filtering and data movement in a UI?

The best way to configure data movement and list filtering is using the UDesign Transfer component, which provides built-in search and rendering capabilities for transferring items between two lists in AI workflows.

Can I use the UDesign Transfer component for bidirectional data migration?

Yes, you can use the UDesign Transfer component for bidirectional data migration. It facilitates multi-select data transfer between source and target lists, supporting custom search and rendering for both sides.

Do I need external dependencies to perform multi-select list transfers in React?

No, you do not need external dependencies to perform multi-select list transfers. The UDesign Transfer component operates using approved React-based usage patterns and UDesign primitives exclusively.

How does the Transfer component handle custom search and rendering for list management?

The Transfer component handles custom search and rendering by providing API parameters and implementation points for both left and right list areas, enabling tailored data filtering and list management scenarios.