<template>
  <div v-fragment>
    <template v-for="index in Number(list)">
      <div class="n-form-patch" :key="index" :style="styles"></div>
    </template>
    <div :class="'n-form-patch-' + type"></div>
  </div>
</template>

<script>
import fragment from '@uif/next/lib/directives/fragment'
import {prop} from '@uif/next/lib/utils/tools'

export default {
  directives: {
    fragment
  },
  props: {
    // 类型
    type: prop.inArray(['break', 'line'], 'break'),
    // 最大列数
    list: prop.stringNumber(4),
    styles: prop.object()
  }
}
</script>
