sh-view 2.4.5 → 2.4.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sh-view",
-  "version": "2.4.5",
+  "version": "2.4.7",
   "description": "基于vxe-table二次封装",
   "main": "packages/index.js",
   "scripts": {

package/packages/components/global-components/sh-modal/index.vue

@@ -1,29 +1,7 @@
 <template>
 	<vxe-modal
-		:id="id"
 		ref="modalRef"
-		v-model="modalVisible"
-		:title="title"
-		:size="size"
-		:class-name="className"
-		:width="width"
-		:height="height"
-		:type="type"
-		:status="status"
-		:loading="loading"
-		:destroy-on-close="destroyOnClose"
-		:transfer="transfer"
-		:fullscreen="fullscreen"
-		:show-header="showHeader"
-		:show-zoom="showZoom"
-		:show-close="showClose"
-		:show-footer="showFooter"
-		:resize="resize"
-		:mask="mask"
-		:mask-closable="maskClosable"
-		:esc-closable="escClosable"
-		:position="position"
-		:before-hide-method="beforeHideMethod"
+		v-bind="modalConfig"
 		@show="onModalShow"
 		@hide="onModalHide"
 		@zoom="onModalZoom"
@@ -49,11 +27,11 @@
 </template>
 
 <script>
-import { defineComponent, watch, ref } from 'vue'
+import { defineComponent, watch, ref, computed, getCurrentInstance } from 'vue'
 export default defineComponent({
 	name: 'ShModal',
 	props: {
-		visible: {
+		modelValue: {
 			type: Boolean
 		},
 		id: {
@@ -147,11 +125,17 @@ export default defineComponent({
 			default: '取消'
 		}
 	},
-	emits: ['show', 'hide', 'zoom', 'confirm', 'close', 'update:visible'],
+	emits: ['update:modelValue', 'show', 'hide', 'zoom', 'confirm', 'close'],
 	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+		const { $vUtils } = proxy
 		const { emit, slots } = context
 		const modalRef = ref()
-		const modalVisible = ref(props.visible)
+
+		const modalConfig = computed(() => {
+			let modelProps = $vUtils.omit(props, ['readonly', 'confirmButtonText', 'cancelButtonText'])
+			return $vUtils.omit(modelProps, val => val === undefined)
+		})
 
 		// 弹窗显示回调
 		const onModalShow = () => {
@@ -172,26 +156,20 @@ export default defineComponent({
 		// 取消操作
 		const onModalClose = () => {
 			emit('close')
-			emit('update:visible', false)
+			emit('update:modelValue', false)
 		}
 
 		watch(
-			() => props.visible,
-			value => {
-				modalVisible.value = value
-			}
-		)
-		watch(
-			() => modalVisible.value,
+			() => modalConfig.value.modelValue,
 			value => {
 				if (!value) onModalClose()
 			}
 		)
 
 		return {
-			modalRef,
 			slots,
-			modalVisible,
+			modalRef,
+			modalConfig,
 			onModalShow,
 			onModalHide,
 			onModalZoom,