style: 表格size=small边距6px/拖拽mask穿透导致滚动失效

src/App.vue

@@ -86,4 +86,10 @@ body .ant-pro-basicLayout {
   opacity: 0;
   transform: translate(-2em, 0);
 }
+
+/**强制改表格边距 */
+.ant-table.ant-table-small .ant-table-tbody > tr > td,
+.ant-table.ant-table-small .ant-table-thead > tr > th {
+  padding: 6px !important;
+}
 </style>

src/components/DraggableModal/index.vue

@@ -123,7 +123,6 @@ watch(
 <template>
   <a-modal
     wrapClassName="draggable-modal"
-    get-container=".ant-pro-page-container"
     :width="props.width"
     :keyboard="props.keyboard"
     :mask="props.mask"
@@ -155,9 +154,12 @@ watch(
 
 <style lang="less">
 .draggable-modal {
-  &.ant-modal-wrap {
+  // 穿透选择文字
-    pointer-events: none;
+  // 给a-modal设置 get-container=".ant-pro-page-container"
-  }
+  // 防止跳转显示
+  // &.ant-modal-wrap {
+  //   pointer-events: none;
+  // }
   &-title {
     width: 100%;
     cursor: move;

src/views/configManage/configParamTreeTable/index.vue

@@ -189,7 +189,7 @@ type ListStateType = {
 
 /**单列表状态 */
 let listState: ListStateType = reactive({
-  size: 'middle',
+  size: 'small',
   columns: [
     {
       title: 'Key',
@@ -294,7 +294,7 @@ type ArrayStateType = {
 
 /**多列列表状态 */
 let arrayState: ArrayStateType = reactive({
-  size: 'middle',
+  size: 'small',
   columns: [],
   columnsDnd: [],
   columnsData: [],
@@ -524,7 +524,7 @@ type ArrayChildStateType = {
 let arrayChildState: ArrayChildStateType = reactive({
   title: '',
   loc: '',
-  size: 'middle',
+  size: 'small',
   columns: [],
   columnsDnd: [],
   columnsData: [],