<script setup lang="ts">
import EventRule from './EventRule.vue'
import UserRule from './UserRule.vue'
import UserActionRule from './UserActionRule.vue'

const form = defineModel<any>()
onMounted(() => {
  form.value = Object.assign(
    {
      user_attr_rule: { current_logic_operate: 'and', items: [] },
      event_attr_rule: { current_logic_operate: 'and', items: [] },
      user_action_rule: { current_logic_operate: 'and', items: [] }
    },
    form.value
  )
})
</script>

<template>
  <UserRule v-model="form.user_attr_rule" style="margin-top: 20px"></UserRule>
  <EventRule v-model="form.event_attr_rule" style="margin-top: 20px"></EventRule>
  <UserActionRule v-model="form.user_action_rule" style="margin-top: 20px"></UserActionRule>
</template>

<style src="@/assets/styles/rule.scss"></style>
