<template>
  <view>
    <up-checkbox-group
      v-model="useType"
      placement="row"
      shape="square"
      size="28rpx"
    >
      <up-checkbox
        v-for="item in dinetyps"
        :key="item.value"
        :name="item.value"
        :label="item.label"
        :customStyle="radioCustomStyle"
      ></up-checkbox>
    </up-checkbox-group>
  </view>
</template>
<script setup>
import { ref } from "vue";



// 可使用类型：dine堂食/pickup自取/deliv配送/express快递
const dinetyps = [
  {
    value: "dine-in",
    label: "堂食",
  },
  {
    value: "take-out",
    label: "自取",
  },
  {
    value: "post",
    label: "配送",
  },
  {
    value: "take-away",
    label: "快递",
  },
];

const props = defineProps({
  radioCustomStyle: {
    type: Object,
    default: () => {
      return { marginRight: "15px" };
    },
  },
});

const useType = defineModel({
  default: () => [],
  type: Array,
});
</script>
