组件库的介绍：
1、什么是组件：组件可以归结为一些名词的总称，包括部件、元件、构件等
2、分为以下三类：
软件组件：封住好的可复用的程序“零部件” 软件开发=>搭积木
前端UI组件：“按钮”、“输入框”、“下拉选择”都是组建，组件和组件组合就变成了一个更复杂的组
工业品组件：具有标准接口和某种功能且可复用的标准零部件
3、社区组件库：
组件库使用： 主题定制： 1、CSS覆盖:用户可以通过api或者直接通过css覆盖的形式对root上的css变量的进行替换
2、less变量：用户通过less loader修改变量值，比如修改主题颜色
3、暗黑模式-局部应用暗色模式：
核心思路：本质上是控制暗色颜色变量的挂载位置，提高我们所需要的颜色变量的优先级
语言国际化：国际化是组件库中的一个重要特性，可以让组件库支持不同的语言和文化。国际化可以分为语言国际化和视图国际化两种方式。
自定义组件 如果组件库中没有合适的组件，开发者可以自行编写自定义组件，以满足自己的需求。
搭建业务组件库：根据实际业务场景选择合适的架构
单包架构（Arco Design）一个代码仓库里所有组件打包成一个整体，发布出去一个 npm
优点：公共代码易复用✓展示更聚合，便于维护✓引入一个包即可使用全部组件
多包架构（Arco官方物料库）包一个代码仓库包含多个组件代码，会发布出去多个 npm 包。
优点：✓单独发包，升级灵活。✓在同一仓库下，便于代码管理✓使用者无需考虑按需加载
自定义组件—Guide Tip： 功能要点
1.控制引导气泡的出现
2.点击下一步/上一步时切换气泡卡片的内容
3.气泡卡片的位置跟随变动
4.在最后一步时，显示完成按钮
核心逻辑：
1.显示弹出层： Arco Popover 组件
2.步骤切换：状态变量 current 记录当前处于哪一步骤
3.弹出层始终指向对应的 Button：实时获取目标节点的位置，更新弹出层指向。
