| | |
| | | |
| | | <script lang="ts"> |
| | | import { Vue, Component, Prop,Emit, Watch, PropSync} from 'vue-property-decorator'; |
| | | import { isMobileDevice } from '../assets/ts/device'; |
| | | import { isMobileDevice } from '~/shared/device'; |
| | | @Component |
| | | export default class PopUpFrame extends Vue { |
| | | @PropSync('isOpen',{type:Boolean,default:false}) syncIsOpen!:boolean; |
| | | @Prop({default:'30%'}) drawerSize!:string; // element UI drawer default size |
| | | @Prop({default:'auto'}) drawerSize!:string; // element UI drawer default size |
| | | @Prop({default:'50%'}) dialogWidth!:string; // element UI dialog default width |
| | | |
| | | private get isUseDrawer() : boolean { |
| | |
| | | private get isUseDialog() : boolean { |
| | | return this.syncIsOpen && !isMobileDevice(); |
| | | } |
| | | |
| | | |
| | | private set isUseDialog(value: boolean) { |
| | | this.$emit('update:isOpen',value); |
| | | } |