src/components/CompGenericWrapper.vue
@@ -1,14 +1,31 @@
<template>
  <!-- dialog包裹 -->
  <el-dialog v-if="currType == 'dialog'" :title="title" :model-value="visible" @opened="$emit('update:visible', true)"
    @closed="$emit('update:visible', false)" destroy-on-close>
  <el-dialog
    v-if="currType == 'dialog'"
    :title="title"
    :model-value="visible"
    @opened="$emit('update:visible', true)"
    @closed="$emit('update:visible', false)"
    destroy-on-close
    :draggable="draggable"
    :modal="modal"
    :append-to-body="appendToBody"
  >
    <div v-if="visible">
      <slot name="content"></slot>
    </div>
  </el-dialog>
  <!-- drawer包裹 -->
  <el-drawer v-if="currType == 'drawer'" :title="title" size="45%" direction="ltr" :model-value="visible"
    @opened="$emit('update:visible', true)" @closed="$emit('update:visible', false)" destroy-on-close>
  <el-drawer
    v-if="currType == 'drawer'"
    :title="title"
    size="45%"
    direction="ltr"
    :model-value="visible"
    @opened="$emit('update:visible', true)"
    @closed="$emit('update:visible', false)"
    destroy-on-close
  >
    <slot name="content"></slot>
  </el-drawer>
  <!-- 默认无包裹 -->
@@ -24,6 +41,15 @@
  type: {
    type: String,
    default: 'normal'
  },
  draggable: Boolean,
  modal: {
    type: Boolean,
    default: true
  },
  appendToBody: {
    type: Boolean,
    default: true
  }
});
const typeOptions = ref([