教师空间 OKUI公共库

• 暂时不适配vue 3.1.0以上版本
• 此ui库为element-plus基础之上进行封装，适配element-plus功能
• 封装后的功能参考下方说明

ok-button

• 有primary，warning，2种颜色做了修改，正常高度36px,size="small"为32px,size="mini"为28px
• 文字按钮颜色也有修改

<ok-button type="primary">按钮</ok-button>
<ok-button type="warning">按钮</ok-button>

ok-dialog

• 有small，normal，big三种对应标准ui的三种格式，通过设置width设置width=“360“，width=“600“，width=“800“

<ok-dialog
    title="提示"
    width=“320“
    v-model="dialogVisible"
    :before-close="handleClose">

ok-input-limit

<ok-input-limit
    v-model="limitName1"
    type="textarea"
    :maxValue="5"(必须参数)
    :width="200"
    placeholder="test"
    @change="handleChange"
></ok-input-limit>

ok-pagination

• 不加layout的时候是ok-ui标准功能，有新增功能可根据layout添加，参考element-ui文档

<ok-pagination
    background
    @size-change="handleSizeChange"
    @current-change="handleCurrentChange"
    :current-page="currentPage4"
    :page-sizes="[10, 20, 30, 400]"
    layout="total, sizes, prev, pager, next, jumper"
    :page-size="10"
    :total="400"
>
</ok-pagination>          

ok-alert

• 有4种颜色做了修改，自动匹配即可

 <ok-alert
    title="成功提示的文案"
    type="success"
> </ok-alert>
<ok-alert
    title="消息提示的文案"
    type="info"
> </ok-alert>
<ok-alert
    title="警告提示的文案"
    type="warning"
> </ok-alert>
<ok-alert
    title="错误提示的文案"
    type="error"
> </ok-alert>

ok-popover

• popper-class="ruleClass" 添加ruleClass弹出框ui为教师空间标准的黄色边框，浅黄背景

<ok-popover
    placement="top-start"
    title="标题"
    effect="dark"
    popper-class="ruleClass"
    :width="200"
    trigger="hover"
    content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"
>
    <template #reference>
    <ok-button>hover 激活</ok-button>
    </template>
</ok-popover>

NPM化