<template>
  <div>
    <a-form-model-item label="链接地址">
      <a-input v-model="component.attrFD.formItemProps.inputProps.href"></a-input>
    </a-form-model-item>
    <a-form-model-item label="链接名">
      <a-input v-model="component.attrFD.formItemProps.inputProps.hrefTitle" />
    </a-form-model-item>
  </div>
</template>

<script>
import components from './_import-components/xm-link-import'
export const metaInfo = {
  caption: '链接',
  component: {
    props: ['designerData'],
    render() {
      const { href, hrefTitle } = this.designerData.attrFD.formItemProps.inputProps
      return (
        <A href={href} target={'_blank'}>
          {hrefTitle}
        </A>
      )
    },
  },
  icon: 'link',
  order: 400,
}
export const fieldProps = {
  dataType: 'string',
  attrFD: { href: '111', formItemProps: { inputProps: { href: '', hrefTitle: '' } } },
}
export default {
  name: 'XmLink',
  components,
  data() {
    return {}
  },
  methods: {
    onChange(e, name) {
      this.component.attrFD.formItemProps.inputProps[name] = e.target.value
    },
  },
}
</script>

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