<template>
  <a-input-number
    v-bind="$attrs"
    :min="0"
    :max="100"
    :formatter="(value) => `${value}%`"
    :parser="(value) => value.replace('%', '')"
    v-on="$listeners"
    @change="(value) => $emit('input', value)"
  />
</template>

<script>
import components from './_import-components/xm-percentage-render-import'

export default {
  name: 'XmPercentageRender',
  metaInfo: {
    title: 'XmPercentageRender',
  },
  components,
  data() {
    return {}
  },
  methods: {},
}
</script>

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