[comp: Skeleton] add Skeleton component

• I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

在需要等待加载内容的位置提供一个占位图形组合。

• 适用于图文列表信息比较多的场景
• 可以被 Spin 完全代替，但是在可用的场景下可以比 Spin 提供更好的视觉效果和用户体验。
• 提供预设模板，自由组合

What does the proposed API look like?

API

Ix-skeleton

Props

名称	说明	类型	默认值	全局配置	备注
animation	是否展示动画效果	boolean	false	-	-
width	设置组件宽度	number | string	100%	-	-
height	设置组件高度	number| string	100%	-	-
loading	是否开启占位图	boolean	false	-	false的值只有在 default 槽中有内容时才会工作。
type	字符串分隔要创建的骨架组件列表	string	undefined	-	required骨架组件列表，例如 type="text@3" 和 type="card, list-item"。将根据提供的字符串递归生成相应的框架。 还支持多个元素的简写，例如 article@3和 paragraph@2 ，它们将生成 3 article skeletons and 2 paragraph 骨架。具体的预设列表会根据后续具体业务场景来建立。
types	将与预定义选项结合使用的自定义类型对象。 有关可用的预定义选项的列表	object	{}	-	与type搭配使用，建立自定义的骨架模板。

名称	说明
default	默认插槽，放置骨架屏子组件

[ssccchh]

最终方案：

1. 采用搭积木的方式，单元组件提供上述 api 除 types 外的全部功能。
2. types额外提供预设模板的功能放到pro中实现。
3. types采用配置项形式注入模板。

DEMO

<ix-skeleton type="card"></ix-skeleton>
<ix-skeleton-pro type="custom" types="{custom: [name: 'card', length: 2']}"></ix-skeleton-pro>

Type SkeletonType = 'card' | 'avator' | 'list-item';

Interface Types {
  [key: string]: {name: SkeletonType, length: number}[];
}

[ssccchh]

重新设计Skeleton组件，这个issue关闭