0.0.2 • Published 10 months ago
@moment-design/choose-radar-material v0.0.2
选择雷达素材组件
使用组件
安装依赖
npm install @moment-design/choose-radar-material --save使用组件
<template>
<!-- 按钮 -->
<m-space>
<m-button type="primary" @click="open">选择雷达素材</m-button>
</m-space>
<!-- 组件 -->
<ChooseRadarMaterial
ref="refChooseRadarMaterial"
:config="config"
@choose="(v) => (data = v)"
></ChooseRadarMaterial>
<!-- 数据 -->
<div style="margin-top: 16px">
已选数据:
{{ data }}
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import ChooseRadarMaterial from '@moment-design/choose-radar-material';
import '@moment-design/choose-radar-material/dist/css/index.css';
import { queryGroup, queryList } from './api';
const refChooseRadarMaterial = ref();
const config = {
title: '选择雷达素材',
apis: {
queryList,
queryGroup,
},
params: {},
};
const data = ref();
const open = () => {
refChooseRadarMaterial.value.open(data.value);
};
</script>API
Props
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| title | 弹出框标题 | string | 选择雷达素材 |
| apis | 请求接口 | Object<queryList, queryGroup> | {} |
| params | 扩展列表接口参数 | Object | - |
Events
| 事件名 | 描述 | 参数 |
|---|---|---|
| choose | 选中的数据 | (datas: any[]) |
Expose
| 事件名 | 描述 | 参数 |
|---|---|---|
| open | 主动触发打开弹出框 | 默认数据:(datas: any[]) |