<template>
  <div class="demo-outside-basic">
    <ui-outside>
      <ui-table
        :data-source="dataSource"
        :columns="colmuns">
        <template
          slot="date"
          slot-scope="{ value }">
          <ui-date-picker
            :value="value"
            type="date"
            style="width: 200px;"></ui-date-picker>
        </template>
      </ui-table>
    </ui-outside>
  </div>
</template>

<script>
import { Outside, DatePicker, Table } from "amumu-ui"

export default {
  components: {
    "ui-outside": Outside,
    "ui-table": Table,
    "ui-date-picker": DatePicker,
  },
  data() {
    return {
      colmuns: [
        {
          title: "ID",
          key: "id",
        },
        {
          title: "日期",
          key: "date",
          slot: "date",
        },
      ],
      dataSource: [{
        id: 1,
        date: "",
      }],
    }
  },
}
</script>

<style lang="scss">
.demo-outside-basic {
}
</style>
