fix style

packages/custom/src/panel.js

@@ -538,7 +538,7 @@ export default {
       if (prevDropTrEl) {
         // 判断是否有拖动
         if (prevDropTrEl !== trEl) {
-          const dragOffset = prevDropTrEl.getAttribute('dragoffset')
+          const dragOffset = prevDropTrEl.getAttribute('drag-pos')
           const colid = trEl.getAttribute('colid')
           const column = $xetable.getColumnById(colid)
           if (!column) {
@@ -557,12 +557,12 @@ export default {
           customColumnList.splice(tcIndex + (dragOffset === 'bottom' ? 1 : 0), 0, column)
         }
         prevDropTrEl.draggable = false
-        prevDropTrEl.removeAttribute('dragoffset')
+        prevDropTrEl.removeAttribute('drag-pos')
         removeClass(prevDropTrEl, 'active--drag-target')
       }
       this.dragColumn = null
       trEl.draggable = false
-      trEl.removeAttribute('dragoffset')
+      trEl.removeAttribute('drag-pos')
       if (dragHintEl) {
         dragHintEl.style.display = ''
       }
@@ -587,7 +587,7 @@ export default {
         const offsetY = evnt.clientY - trEl.getBoundingClientRect().y
         const dragOffset = offsetY < trEl.clientHeight / 2 ? 'top' : 'bottom'
         addClass(trEl, 'active--drag-target')
-        trEl.setAttribute('dragoffset', dragOffset)
+        trEl.setAttribute('drag-pos', dragOffset)
         this.prevDropTrEl = trEl
       }
       updateDropHint(this, evnt)

packages/table/src/table.js

@@ -1054,7 +1054,7 @@ export default {
     const { leftList, rightList } = columnStore
     return h('div', {
       class: ['vxe-table', 'vxe-table--render-default', `tid_${tId}`, vSize ? `size--${vSize}` : '', `border--${tableBorder}`, {
-        [`vaild-msg--${validOpts.msgMode}`]: !!editRules,
+        [`valid-msg--${validOpts.msgMode}`]: !!editRules,
         'vxe-editable': !!editConfig,
         'old-cell-valid': editRules && GlobalConfig.cellVaildMode === 'obsolete',
         'cell--highlight': highlightCell,

styles/base/common.scss

@@ -65,23 +65,23 @@
   .vxe-filter--btn {
     &:before,
     &:after {
-      @include animatTransition(border);
+      @include createAnimationTransition(border);
     }
   }
   .vxe-input--wrapper {
     .vxe-input {
-      @include animatTransition(border);
+      @include createAnimationTransition(border);
     }
   }
   .vxe-table--expand-btn,
   .vxe-tree--node-btn {
-    @include animatTransition(transform);
+    @include createAnimationTransition(transform);
   }
   .vxe-checkbox,
   .vxe-radio {
     > input {
       &:checked+span {
-        @include animatTransition(background-color);
+        @include createAnimationTransition(background-color);
       }
     }
   }

styles/button.scss

@@ -66,7 +66,7 @@ $btnThemeList: (
   white-space: nowrap;
   user-select: none;
   appearance: none;
-  @include animatTransition(border, .2s);
+  @include createAnimationTransition(border, .2s);
   &:not(.is--disabled) {
     color: $vxe-font-color;
     cursor: pointer;
@@ -306,7 +306,7 @@ $btnThemeList: (
   display: inline-block;
   font-size: 12px;
   margin-left: 4px;
-  @include animatTransition(transform, .2s);
+  @include createAnimationTransition(transform, .2s);
 }
 
 .vxe-button--dropdown-panel {

styles/custom.scss

@@ -205,7 +205,7 @@
 
 .vxe-table-custom-popup--row {
   &.active--drag-target {
-    &[dragoffset="top"] {
+    &[drag-pos="top"] {
       .vxe-table-custom-popup--column-item {
         &::after {
           display: block;
@@ -213,7 +213,7 @@
         }
       }
     }
-    &[dragoffset="bottom"] {
+    &[drag-pos="bottom"] {
       .vxe-table-custom-popup--column-item {
         &::after {
           display: block;
@@ -223,7 +223,7 @@
     }
   }
   &:first-child {
-    &[dragoffset="top"] {
+    &[drag-pos="top"] {
       .vxe-table-custom-popup--column-item {
         &::after {
           top: 0;
@@ -232,7 +232,7 @@
     }
   }
   &:last-child {
-    &[dragoffset="bottom"] {
+    &[drag-pos="bottom"] {
       .vxe-table-custom-popup--column-item {
         &::after {
           bottom: 0;

styles/helpers/mixin.scss

@@ -1,4 +1,4 @@
-@mixin animatTransition ($property, $duration: .1s, $func: ease-in-out) {
+@mixin createAnimationTransition ($property, $duration: .1s, $func: ease-in-out) {
   transition: $property $duration $func;
 }
 

styles/input.scss

@@ -272,7 +272,7 @@ $iconWidth: 1.6em;
     align-items: center;
     justify-content: center;
     .vxe-input--panel-icon {
-      @include animatTransition(transform, .2s);
+      @include createAnimationTransition(transform, .2s);
     }
   }
 

styles/modal.scss

@@ -82,13 +82,13 @@
   &.is--animat {
     &.is--mask {
       &:before {
-        @include animatTransition(background-color, .2s);
+        @include createAnimationTransition(background-color, .2s);
       }
     }
     &.type--message {
       .vxe-modal--box {
         &:not(.is--drag) {
-          @include animatTransition(all, .4s, ease-out);
+          @include createAnimationTransition(all, .4s, ease-out);
         }
       }
     }

styles/select.scss

@@ -30,7 +30,7 @@
     width: 100%;
     .vxe-input--suffix-icon {
       display: inline-block;
-      @include animatTransition(transform, .2s);
+      @include createAnimationTransition(transform, .2s);
     }
   }
   &.is--active {

styles/table.scss

@@ -1211,7 +1211,7 @@
 
     }
   }
-  &.vaild-msg--single {
+  &.valid-msg--single {
     .vxe-body--row {
       &:last-child {
         .vxe-cell--valid-error-hint {
@@ -1225,7 +1225,7 @@
       }
     }
   }
-  &.vaild-msg--full {
+  &.valid-msg--full {
     .vxe-body--row {
       &:last-child {
         .vxe-cell--valid-error-hint {