<template>
  <div class="block">
    <h1>概述</h1>
    <p>导入图像的UI，包含“导入图像”、“导入文件夹”、“导入视频”等。不包含导入的逻辑</p>
  </div>
  
  <div class="block">
    <h1>代码示例</h1>
    <RunCase label="基本用法" file="./import-photos/Basic.vue">
      <template #component>
        <Basic />
      </template>
      <template #description>
        <p>通过<code>on-click</code>事件触发导入的操作，通过事件参数<code>type</code>判断导入图像还是文件夹。</p>
      </template>
    </RunCase>

    <RunCase label="小尺寸" file="./import-photos/Small.vue">
      <template #component>
        <Small />
      </template>
      <template #description>
        <p>通过<code>size</code>可以获得小尺寸按钮</p>
      </template>
    </RunCase>
  </div>

  <div class="block">
    <h1>API</h1>
    <h2>events</h2>
    <EventsTable type="import-photos"/>
  </div>
  
</template>

<script setup>
import Basic from '../components/import-photos/Basic.vue'
import Small from '../components/import-photos/Small.vue'

</script>