sh-view 2.5.1 → 2.5.2

package/package.json

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

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

@@ -21,6 +21,9 @@
 							<div class="sh-drawer-body" :style="styles">
 								<slot v-if="modelValue || !destroyOnClose"></slot>
 							</div>
+							<div v-if="slots.footer" class="sh-drawer-footer">
+								<slot name="footer"></slot>
+							</div>
 						</div>
 						<div v-if="draggable && (placement === 'left' || placement === 'right')" class="sh-drawer-drag" :class="'sh-drawer-drag-' + placement" @mousedown="handleTriggerMousedown">
 							<slot name="trigger">
@@ -337,6 +340,7 @@ export default defineComponent({
 		})
 
 		return {
+			slots,
 			visible,
 			handleMask,
 			wrapClasses,
@@ -422,9 +426,8 @@ export default defineComponent({
 	&-content {
 		width: 100%;
 		height: 100%;
-		position: absolute;
-		top: 0;
-		bottom: 0;
+		display: flex;
+		flex-direction: column;
 		background-color: var(--vxe-table-body-background-color);
 		border: 0;
 		background-clip: padding-box;
@@ -463,16 +466,19 @@ export default defineComponent({
 	}
 	&-body {
 		width: 100%;
-		height: calc(100% - 51px);
+		flex: 1;
 		padding: 16px;
 		font-size: var(--vxe-font-size);
 		line-height: 1.5;
 		word-wrap: break-word;
-		position: absolute;
+		position: relative;
 		overflow: auto;
 	}
-	&-no-header &-body {
-		height: 100%;
+	&-footer {
+		position: relative;
+		border-top: 1px solid var(--vxe-table-border-color);
+		padding: 14px 16px;
+		line-height: 1;
 	}
 	&-no-mask {
 		pointer-events: none;