fa-el-ui v0.0.1

VUPP

Vue3 + Element Plus + Typescript 疯装的业务组件库. 由 der-cli 保驾护航

开始

快速启动一个 vite 项目:

$ yarn create vite demo --template vue-ts

$ cd demo
$ yarn
$ yarn dev

安装依赖

$ yarn add element-plus @element-plus/icons-vue
$ yarn add vupp

使用

示例请参考examples.

// src/main.ts
import { createApp } from "vue";
import ElementPlus from "element-plus";
import "element-plus/dist/index.css";
import * as Icons from "@element-plus/icons-vue";
import App from "./App.vue";

import vupp from "vupp"; // all in
import "vupp/lib/style.css";

const app = createApp(App);
app.use(router);
app.use(ElementPlus);
app.use(vupp);
app.mount("#app");

使用

<template>
  <v-date-selector
    @startChange="handleStartChange"
    @endChange="handleEndChange"
    :startOptions="startOptions"
  />
  <br />
  <v-date-selector
    :disableBeforeToday="false"
    @startChange="handleStartChange"
    @endChange="handleEndChange"
  />
</template>

<script setup lang="ts">
const handleStartChange = (data: Date) => {
  console.log("startChange", data);
};
const handleEndChange = (data: any) => {
  console.log("startChange", data);
};

// extend
let startOptions = {
  clearable: false,
};
</script>

Licence

GPL