# @eciol/share-ui

用于存放通用组件

## Usage

```vue
<template>
  <PageWrapper contentFullHeight title="文本组件" content="用于文本元素，便于设置文本属性">
    <div class="space-x-2 space-y-sm">
      <Text color="primary">我是主题色的文字</Text>
      <Text color="success">我是成功色的文字</Text>
      <Text color="warning">我是警告色的文字</Text>
      <Text color="info">我是信息色的文字</Text>
      <Text color="paragraph">我是第一级文字</Text>
      <Text color="secondary">我是第二级文字</Text>
      <Text color="description">我是第三级文字</Text>
      <Text color="placeholder">我是第四级文字</Text>

      <Text color="inverse">我是反转颜色的文字</Text>
      <Text color="current">我是继承上级元素颜色的文字</Text>
      <Text italic>我是斜体文字</Text>

      <Text truncate>我是长度超出宽度会自动隐藏的文字</Text>
      <Text block>我是块级元素的文字</Text>
      <Text bold>我是加粗的文字</Text>
      <Text uppercase>我是大写的文字uppercase</Text>
      <Text underline>我是下划线的文字</Text>
      <Text block preIcon="ant-design:aliwangwang-outlined">我是有前置图标的文字</Text>
      <Text block postIcon="ant-design:aliwangwang-outlined">我是有后置图标的文字</Text>
      <Text block preIcon="moon" isSvgIcon>我是有前置SVG图标的文字</Text>
      <Text block postIcon="sun" isSvgIcon>我是有后置SVG图标的文字</Text>

      <Text block postIcon="ant-design:aliwangwang-outlined" hoverable>我是鼠标划过高亮的文字</Text>
    </div>
  </PageWrapper>
</template>
<script setup lang="ts">
  import { PageWrapper } from '@eciol/ant-ui';
  import { Text } from '@eciol/share-ui';
</script>

```

## Export

```ts
/**
 * @description 通用组件
 */
export {
  Text,
  ...
};
```