<template>
  <el-form ref="ruleFormRef" :model="newFormInline" label-width="82px">
    <el-row :gutter="30">
      <re-col :value="24" :xm="24" :sm="24">
        <el-form-item label="语言编码" prop="code">
          <el-input
            v-model="newFormInline.code"
            placeholder="请输入语言编码~"
            clearable
            class="w-full"
          />
        </el-form-item>
      </re-col>
      <re-col :value="24" :xm="24" :sm="24">
        <el-form-item label="语言名称" prop="name">
          <el-input
            v-model="newFormInline.name"
            placeholder="请输入语言名称~"
            clearable
            class="w-full"
          />
        </el-form-item>
      </re-col>
    </el-row>
  </el-form>
</template>

<script setup lang="ts">
import { ref } from "vue";
import ReCol from "@/components/ReCol";
const ruleFormRef = ref();
interface PropsInfo {
  title: string;
  code: string;
  name: string;
}

type ProsData = {
  formInline: PropsInfo;
};
const props = withDefaults(defineProps<ProsData>(), {
  formInline: () => ({
    title: "新增",
    code: "",
    name: ""
  })
});
const newFormInline = ref<PropsInfo>(props.formInline);
defineExpose({ newFormInline });
</script>
