<template>
  <cms-form-magnifier
    ref="commonMagnifierRef"
    class="el-modal__magnifier"
    v-on="listeners"
    @zoom="zoomModal"
    @searchMethod="search"
    @ok="confirm"
    @show="show"
    @cell-dblclick="cellDblclick"
    :transfer="true" styles="width: 100%"
    :modal-title="magnifierTitle"
    :query-params="queryParams"
    :destroy-on-close="true"
    :columns="columnConfig"
    :disabled="disabled"
    :value="inputValue"
    :form-model="formModel"
    :multiple="multiple"
    :match-key="matchKey"
    :form-items="formItems"
    :constant-load="initConstantLoad"
    :modal-width="modalWidth"
    :modal-height="modalHeight"
    :placeholder="placeholder"
    :show-footer="showFooter"
    :immediate-load="immediateLoad"
    :init-load-table-data="initLoadTableData"
    :height="height"
    :request-call="requestCall">
    <template v-for="item in formItems" :slot="item.prop">
      <slot :name="item.prop"></slot>
    </template>
  </cms-form-magnifier>
</template>

<script>
import { commonMagnifierMixin } from "./mixins/CmsCommonMagnifier";

export default {
  mixins: [ commonMagnifierMixin ],
  name: "CmsCommonMagnifier"
}
</script>

<style lang="scss">
.el-modal__magnifier {
  .vxe-modal--content {
    overflow: hidden !important;
  }
}
</style>
