初始化项目，自 v1.7.1 版本开始

src/components/XModal/index.ts

@@ -0,0 +1,3 @@
+import XModal from './src/XModal.vue'
+
+export { XModal }

src/components/XModal/src/XModal.vue

@@ -0,0 +1,42 @@
+<script setup lang="ts">
+import { propTypes } from '@/utils/propTypes'
+const slots = useSlots()
+
+const props = defineProps({
+  id: propTypes.string.def('model_1'),
+  modelValue: propTypes.bool.def(false),
+  fullscreen: propTypes.bool.def(false),
+  loading: propTypes.bool.def(false),
+  title: propTypes.string.def('弹窗'),
+  width: propTypes.string.def('40%'),
+  height: propTypes.string.def('60%'),
+  minWidth: propTypes.string.def('460'),
+  minHeight: propTypes.string.def('320'),
+  showFooter: propTypes.bool.def(true)
+})
+
+const getBindValue = computed(() => {
+  const attrs = useAttrs()
+  const obj = { ...attrs, ...props }
+  return obj
+})
+</script>
+
+<template>
+  <vxe-modal v-bind="getBindValue" destroy-on-close show-zoom resize transfer>
+    <template v-if="slots.header" #header>
+      <slot name="header"></slot>
+    </template>
+    <ElScrollbar>
+      <template v-if="slots.default" #default>
+        <slot name="default"></slot>
+      </template>
+    </ElScrollbar>
+    <template v-if="slots.corner" #corner>
+      <slot name="corner"></slot>
+    </template>
+    <template v-if="slots.footer" #footer>
+      <slot name="footer"></slot>
+    </template>
+  </vxe-modal>
+</template>