update

重新封装了表单窗体,支持关闭时变更检测;
优化模版代码及内部注释,更快速开发;
开发文档中的代码片段可以复制成用户片段模版

Web/src/assets/style/lib/form.less

@@ -207,22 +207,34 @@
   }
 }
 .yo-drawer-form {
+  .ant-drawer-wrapper-body {
+    display: flex;
+    flex-direction: column;
+  }
   .ant-drawer-header {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 7;
-
-    width: 100%;
+    flex: 0 0 auto;
   }
   .ant-drawer-body {
-    padding: @padding-lg + 56px @padding-lg;
+    position: relative;
+
+    flex: 1 1 100%;
+
+    padding: 0;
+  }
+  .yo-drawer-form--body {
+    position: absolute;
+    top: 0;
+    bottom: @border-width-base + 20px + @padding-md * 2;
+
+    overflow: auto;
+
+    width: 100%;
+    padding: @padding-lg;
   }
   .ant-drawer-footer {
     position: absolute;
     left: 0;
     bottom: 0;
-    z-index: 7;
 
     width: 100%;
     padding: 10px @padding-md;

Web/src/assets/style/lib/visibility.less

@@ -1,3 +1,4 @@
+@import (reference) '~@/assets/style/extend.less';
 .hide {
   visibility: hidden !important;
 }

Web/src/assets/style/lib/width-height.css

@@ -1,3 +0,0 @@
-.w-100-p {
-  width: 100%;
-}

Web/src/assets/style/lib/width-height.less

@@ -1,3 +1,4 @@
+@import (reference) '~@/assets/style/extend.less';
 .w-100-p {
   width: 100%;
 }