@king-one-user-center/antdv

开发指南

安装

pnpm add @king-one-user-center/antdv

快速上手

在 main.ts中写入以下内容：

@king-one-user-center/antdv内部使用了 ant-design-vue 相关组件，所有在使用时需要全局引入或者引入 a-button、a-modal、a-input、a-input-search、a-tree、a-checkbox-group、a-checkbox、a-radio-group、a-radio

import { createApp } from 'vue'
import 'ant-design-vue/dist/reset.css'
import Antd from 'ant-design-vue'
import KingUI from '@king-one-user-center/antdv'
import '@king-one-user-center/antdv/theme-chalk/index.css'

const app = createApp()
app.use(Antd).use(KingUI, { prefix: '/api/' }).mount('#app')

组件

k-select-user

属性

• v-model 数组 id

<template>
  <k-select-user v-model="value"></k-select-user>
</template>

<script>
import { ref } from "vue";
const value = ref(['1701235707748147200']);
</script>

k-select-role

属性

• multiple 是否多选 默认 false
• v-model false 时 id 字符串 true 时 id 数组

<template>
  <k-select-role v-model="roleValue" :multiple="false"></k-select-role>
</template>

<script>
import { ref } from "vue";
const roleValue = ref(["1656565820576624640"]);
</script>

k-select-department

属性

• v-model 数组 id

<template>
  <k-select-department v-model="deptIds"></k-select-department>
</template>

<script>
import { ref } from "vue";
const deptIds = ref(["1768085220990676992"])
</script>