组件封装的使用

• svg的封装使用

<SvgCom nameStr="ayi-copy-document" style={{ color: "red" }} />

• 使用插件的依赖

pnpm i react react-dom i18next react-i18next @reduxjs/toolkit react-redux react-hook-form

• 使用

# 在入口文件src/main.tsx中引入并挂载
## 引入
import { AyiCrudProvider } from "@yll10243/crud-react"
## 挂载
<AyiCrudProvider>
    <App />
</AyiCrudProvider>
# 在组件中使用
## 引入
import { useAyiCrud } from "@yll10243/crud-react"
## 在组件中使用
const { AyiForm,AyiCrud } = useAyiCrud()

• 国际化处理

# 引入
import { useTranslation } from "react-i18next"
# 使用
const { t } = useTranslation()

• bem的处理

# tsx中
import { bemModify } from "../../utils/bem"
<div className={styles[`${bemModify("table")}`]}>测试内容</div>
# xx.module.scss中
.#{crudMixin.$namespace}-table{
    background-color: red;
}
或
.xxx-table{
    background-color: crudMixin.$red;
}

todo清单

• 表单涉及到的按钮处理
• 表单默认值
• 表单校验规则增加
• 表单的label和项的对齐处理
• 表单和table的打通处理
• 状态的动态配置处理(redux,mobix,zud等)
• col的属性分割字段(变成动态--现在写死的是span)
• 默认值最后处理