0.0.2 • Published 10 months ago

@moment-design/choose-radar-material v0.0.2

Weekly downloads
-
License
MIT
Repository
-
Last release
10 months ago

选择雷达素材组件

使用组件

安装依赖

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[])
0.0.2

10 months ago

0.0.1

10 months ago