Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>patd-react-helperNew to Visual Studio Code? Get it now.
patd-react-helper

patd-react-helper

PatSecFE

|
498 installs
| (1) | Free
前端开发者更加方便使用patd组件库
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Patd-React-Helper

A vscode extension for PAT Design of React.

PAT Design 平安首套企业级设计体系,服务于平安集团产品的设计体系与组件库。 为了帮助React开发者更加方便的使用,Patd-React-Helper应运而生。

Feature

  • Autocomplete 自动完成

  • Snippets 代码片段

Autocomplete

autocomplete

  • 自动完成patd标签的属性和方法

  • 属性值会提示一些特殊的类型,如布尔、选项

Snippets

Trigger Description
Pay__Grid Row
Pay__Button Button
Pay__Button IconButton
Pay__Button-Group ButtonGroup
Pay__Radio Radio
Pay__Radio-Button Radio.Button
Pay__Radio-Group Radio.Group > Radio
Pay__Radio-Button-Group Radio.Group > Radio.Button
Pay__Checkbox Checkbox
Pay__Input Input
Pay__Input-Icon 带icon的输入框
Pay__Input-Group-Label 复合型输入框Label
Pay__Input-Group-Button 复合型输入框Button
Pay__Input-Group-Select 复合型输入框Select
Pay__Input-Number Input Number计数器
Pay__Textarea Textarea文本框
Pay__Select Select选择框
Pay__Switch Switch开关
Pay__Slider Slider滑块
Pay__Slider-Range Range Slider双范围选择器
Pay__TimePicker TimePicker时间选择器
Pay__DateTimePicker DateTimePicker日期时间选择器
Pay__Upload Upload上传
Pay__Transfer Transfer穿梭框
Pay__FormField Form表单
Pay__Table Table表格
Pay__Label Label标签
Pay__LinearProgress Progress进度条
Pay__Tree Tree树形控件
Pay__Pagination Pagination页码
Pay__Badge Badge徽章
Pay__Alert Alert通知警告条
Pay__Toast Toast消息弹框
Pay__Message Message消息提示
Pay__Popconfirm Popconfirm浮层
Pay__Tabs Tabs标签页
Pay__Breadcrumb Breadcrumb面包屑
Pay__Dropdown Dropdown下拉菜单
Pay__Steps Steps步骤指示
Pay__Modal Modal模态对话框
Pay__Tooltip Tooltip工具提示
Pay__Popover Popover浮层
Pay__Card Card卡片

LICENSE

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft