UI组件库

Giraffe是基于原生JS开发的，支持JSX语法，支持双向数据绑定的组件化前端库，兼容IE7+，Chrome，Safari，Firefox。

项目目录结构说明

• dist

  UI组件库的发布版本，其中包括了ucsmy-ui.js未压缩版和ucsmy-ui.min.js压缩版，生产上建议使用压缩版来提高加载效率。

• doc

  UI组件的API说明文档。

• examples

  UI组件的使用示例，包括可运行示例及示例源码，每一个组件都有一个示例。

• sass

  UI组件示例所用到的css样式源码。

• src

  UI组件的组件源码

使用说明

UI组件库在运行时，会创建一个全局对象，对象名称为UcsmyUI，所有的组件都包含在此对象中。

引用：

1.在页面引用基础类库文件。

<script type="text/javascript" src="../../dist/libs/u-eventhub.js"></script>
<script type="text/javascript" src="../../dist/libs/engine.min.js"></script>

2.如果使用UMD的方式，则需引入ucsmy-ui.min.js这个组件库，才可以JavaScript脚本中使用UI组件。使用UMD的方式的优点在于组件全量更新，缺点是全量加载。

<script type="text/javascript" src="../../dist/ucsmy-ui.min.js"></script>

使用示例：

var Input = UcsmyUI.Input;
...

3.如果使用commonJS的方式，则无需引入ucsmy-ui.min.js这个组件库，在javascript中，直接通过require的方式引用组件。使用此种方式引用组件，可以实现组件按需加载，缺点是组件的更新需要同步编译生成所有有引用的页面。

var Input = require('./src/libs/input');

API文档

API Website

问题及支持

如果在使用的过程中，发现有问题或者希望我们提供新的组件时，请在ISSUE面板提交ISSUE，我们会在ISSUE上进行咨询答复，请按格式要求提交，谢谢。

• 问题

  【问题】xxx组件在xxx情况下有xxx问题

• 需求

  【需求】增加XXX功能组件

  【需求】XXX组件增加XXX功能

  【需求】XXX组件修改XXX功能

  【需求】XXX组件删除XXX功能

  【需求】删除XXX功能组件