快速开始

安装

安装之前请确保镜像源已切换到私服, 你可以使用以下命令切换源，也可以使用 nrm 管理你的镜像源

npm config set registry https://npm.sinocare.com

推荐使用 pnpm 作为包管理器，其中 ez-ui 依赖 element-plus 。

pnpm add element-plus ez-ui

使用

在入口文件引入样式及多语言配置

App.vue

<template>
  <el-config-provider :locale="locale">...</el-config-provider>
</template>
<script setup lang="ts">
import 'element-plus/dist/index.css'
import 'ez-ui/dist/style.css'
import { ElConfigProvider } from 'element-plus'
import elZhCn from 'element-plus/dist/locale/zh-cn.mjs'
import { zhCn as ezZhCn } from '@sino/i18n'
const locale = { ...elZhCn, ...ezZhCn }
</script>

demo.vue

<template>
  <div>
    <el-button type="primary" @click="flag = !flag">Dialog</el-button>
    <ez-dialog v-model="flag">
      <div>dialog content</div>
    </ez-dialog>
  </div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import { EzDialog } from 'ez-ui'
const flag = ref(false)
</script>