什么是Fuse.Design组件库？

Fuse.Design组件库是一个基于Ant-design-vue，进行上层封装的UI组件库

它提供了丰富的UI组件，这包括ant-design-vue自有的基础组件，以及我们根据奇瑞特有的业务实际，基于此开发的大量业务组件，这将会帮助开发者快速构建美观、易用的Web应用程序。

特性

• 提供统一的奇瑞中后台产品交互语言和视觉风格。
• 开箱即用的高质量基础组件 + 提炼自业务实际的业务组件。
• 未来会提供react架构的支持。

支持环境

• 现代浏览器,IE9+
• 支持SSR

IE / Edge	Firefox	Chrome	Safari
9+	31+	49+	10+

版本

• 稳定版：0.0.8

安装

使用 npm 或 yarn 安装

我们推荐使用 npm 或 yarn 的方式进行开发，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。

 // .npmrc
@design-middle-center:registry=https://devsecops.mychery.com:8443/pkg/chery/npm/npm/release/

// terminal
$ npm install @design-middle-center/fuse-design-vue --save
$ yarn add @design-middle-center/fuse-design-vue --save

如果你的网络环境不佳，推荐使用 cnpm。

浏览器引入

在浏览器中使用 script 和 link 标签直接引入文件，并使用全局变量 Fused。 我们在 npm 发布包内的 /dist 目录下提供了 fuse-design-vue-umd.js。可以通过npm下载后再放到项目中使用。

TIP

强烈不推荐使用已构建文件，这样无法按需加载，而且难以获得底层依赖模块的 bug 快速修复支持。

注意：引入 fuse-design-vue-umd.js 前你需要自行引入 vue、dayjs 及其相关插件。

如：

<script src="https://unpkg.com/dayjs/dayjs.min.js"></script>
<script src="https://unpkg.com/dayjs/plugin/customParseFormat.js"></script>
<script src="https://unpkg.com/dayjs/plugin/weekday.js"></script>
<script src="https://unpkg.com/dayjs/plugin/localeData.js"></script>
<script src="https://unpkg.com/dayjs/plugin/weekOfYear.js"></script>
<script src="https://unpkg.com/dayjs/plugin/weekYear.js"></script>
<script src="https://unpkg.com/dayjs/plugin/advancedFormat.js"></script>
<script src="https://unpkg.com/dayjs/plugin/quarterOfYear.js"></script>
<script src="https://unpkg.com/vue.js"></script>
<script src="https://unpkg.com/browse/vue@3.5.0/dist/vue.blobal.js"></script>

按需加载

fuse-design-vue继承了ant-design-vue的按需加载特性，你可以只引入你需要的组件，以达到减小项目体积的目的。

// index.vue
<template>
<DatePicker></DatePicker>
</template>
<script>
import { DatePicker } from '@design-middle-center/fuse-design-vue';
</script>

如何贡献&问题反馈

如果你希望参与贡献或者反馈问题，欢迎加入反馈群

关于 fuse-design-vue

众所周知，Ant Design 作为一门设计语言面世，经历过多年的迭代和积累，它对 UI 的设计思想已经成为一套事实标准，受到众多前端开发者及企业的追捧和喜爱。

fuse-design-vue 是设计中台基于 ant-design-vue，以实际业务场景需求为驱动，从而开发的上层封装组件库， 致力于保持组件的风格与 Ant Design 同步，组件的 html 结构和 css 样式也保持一致，真正做到了样式 0 修改，组件 API 也尽量保持了一致，同时，我们会不断更新迭代，丰富业务组件，为开发者带来更高效率的开发体验。