编写版本：v1.2.1
适用版本：v1.2.0+
前置条件：使用的工程需在 Webpack5 版本以上，并使用模块联邦（ModuleFederationPlugin）接入 ui-base-core 项目提供的共享组件

共享组件-自定义弹窗

一、 效果图

二、 组件路径

baseCore/core-dialog.vue

源码：ui-base-core/src/components/core-dialog/index.vue

三、 使用举例

template

    <CoreDialog
      :title="title"
      :visible="fieldSettingDialogVisible"
      width="60%"
      @handleToolbar="handleToolbar"
      @close="() => fieldSettingDialogVisible = false"
    >
      <template #header>
          <!-- 这里编写弹窗头部 -->
      </template>
      <!-- 这里编写弹窗内容 -->
      <template #footer>
          <!-- 这里编写弹窗底部 -->
      </template>
    </CoreDialog>

script

<script setup>

import CoreDialog from 'baseCore/core-dialog.vue'
...
</script>

四、 组件API

属性

事件

插槽