AddButton 组件封装如下 "react": "^18.2.0", "antd": "^5.15.1", "antd-style": "^3.6.2", SvgIconComp 组件链接 https://www.codefather.cn/essay/1897849299510984706 import { memo } from 'react'; import { Button } from 'antd'; import { createStyles, cx } from 'antd-style'; import SvgIconComp from '@/components/SvgIcon'; const useStyles = createStyles(({ token }) => ({ buttonContent: { display: 'flex', alignItems: 'center', color: token.colorTextLabel, }, text: { marginLeft: 6, }, button: { ':hover': { backgroundColor: `${token.colorPrimaryBgHover} !important`, }, }, })); const AddButton = (props) => { const { styles } = useStyles(); const { disabled, title } = props || {}; return ( <Button size={'small'} type={'text'} {...props} className={styles.button}> <div className={styles.buttonContent}> <SvgIconComp iconName="autamate/addDesc" /> <div className={cx(styles.text, disabled && 'disabledstyle')}>{title || '添加'}</div> </div> </Button> ); }; export default memo(AddButton);

vue-ui-libs

地址：http://www.jiafengfmc.cn/

React Page Transition

地址：https://github.com/Steveeeie/react-page-transition

React Sortable Tree

地址：https://github.com/frontend-collective/react-sortable-tree

react-copy-to-clipboard

地址：https://github.com/nkbt/react-copy-to-clipboard

React-Draggable

地址：https://github.com/react-grid-layout/react-draggable

popular-message

轻量级的信息反馈组件，在顶部居中显示，并自动消失。 有多种不同的提示状态可选择。 地址：https://nihaojob.github.io/popular-message/

React DnD

地址：https://github.com/react-dnd/react-dnd/

Vue Easytable

地址：https://github.com/huangshuwei/vue-easytable

Vue Tables-2

地址：https://github.com/matfish2/vue-tables-2