<template>
  <div>
    <a-form-model-item label="提示标题(必填)">
      <a-input v-model="component.attrFD.formItemProps.inputProps.modalTitle"></a-input>
    </a-form-model-item>
    <a-form-model-item label="提示内容">
      <a-input v-model="component.attrFD.formItemProps.inputProps.modalContent"></a-input>
    </a-form-model-item>
    <a-form-model-item label="提示类型">
      <a-select
        v-model="component.attrFD.formItemProps.inputProps.modalType"
        :options="options"
      ></a-select>
    </a-form-model-item>
  </div>
</template>

<script>
import components from './_import-components/xm-flow-modal-import'
export const metaInfo = {
  caption: '全局提示框',
  hiddenProps: [
    'readonly',
    'required',
    'name',
    'caption',
    'description',
    'displayExpr',
    'mobileVisible',
  ],
  component: {
    render() {
      return <span>建议此控件单独放在1x1的无边框表格中</span>
    },
  },
  icon: 'link',
}
export const fieldProps = {
  dataType: 'string',
  attrFD: {
    hideLabel: true,
    transient: true,
    formItemProps: { inputProps: { modalTitle: '', modalContent: '', modalType: 'info' } },
  },
}
export default {
  name: 'XmFlowModal',
  metaInfo: {
    title: 'XmFlowModal',
  },
  components,
  data() {
    return {
      options: [
        { label: '普通提示', value: 'info' },
        { label: '警告', value: 'warn' },
      ],
    }
  },
}
</script>

<style module lang="scss">
@use '@/common/design' as *;
</style>
