arco @tuoyuan/web-plus高阶组件库

安装

pnpm

pnpm add @tuoyuan/web-plus

npm

npm install @tuoyuan/web-plus

yarn

yarn add @tuoyuan/web-plus

引入

import tyWebPlus from "@tuoyuan/web-plus"
import "@tuoyuan/web-plus/ui/es/style.css"

app.use(tyWebPlus)

安装 plus组件之前，应先全量引入arco组件和样式

import ArcoVue from '@arco-design/web-vue';
import '@arco-design/web-vue/dist/arco.css';

如果需要图标，请安装

import ArcoVueIcon from '@arco-design/web-vue/es/icon';
app.use(ArcoVueIcon);

form

组件类型

• [x] 输入框 input-number
• [x] 文本域 textarea
• [x] 选择器 select
• [x] 级联选择器cascader
• [x] 复选框 checkboxGroup
• [x] 单选框 radioGroup
• [x] 开关 switch
• [x] 时间选择器 TimePicker
• [x] 日期选择器 DatePicker
• [x] 评分 rate
• [x] 滑块 slider
• [x] 第三方组件
• [x] 事件/api

更多功能

• [x] 字段校验
• [x] 分组表单
• [x] 第三方组件
• [x] 配置联动修改属性
• [x] 配置联动修改枚举
• [x] events 事件
• [x] 元素插槽,操作栏插槽
• [x] 分步表单(列子)
• [x] 标签增加帮助提醒按钮

table

• [x] 搜索栏

• [x] 表头顶部浮动吸顶

• [x] 排序

• [x] 更多操作 (顶部，menu栏)

• [x] 多选

• [x] 宽度 （width，minWidth）

• [x] 固定栏（左，右）

  ---

• [x] 分页

• [x] 插槽

• [x] 搜索栏 | 继承form。

• [x] 操作栏

  • [x] 操作栏-刷新

  • [x] 操作栏-设置

• [x] 菜单栏