vxe-table 4.6.5 → 4.6.6

package/lib/vxe-table-custom-module/style/style.css

@@ -23,6 +23,170 @@
 /*select*/
 /*switch*/
 /*pulldown*/
+[class*=vxe-]:after, [class*=vxe-]:before,
+[class*=vxe-] *:after, [class*=vxe-] *:before, [class*=vxe-] {
+  box-sizing: border-box;
+}
+
+.vxe-table-custom-popup--drag-hint {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+[class*=vxe-] {
+  font-variant: tabular-nums;
+  font-feature-settings: "tnum";
+}
+.vxe-primary-color {
+  color: var(--vxe-primary-color);
+}
+
+.vxe-success-color {
+  color: var(--vxe-success-color);
+}
+
+.vxe-info-color {
+  color: var(--vxe-info-color);
+}
+
+.vxe-warning-color {
+  color: var(--vxe-warning-color);
+}
+
+.vxe-danger-color {
+  color: var(--vxe-danger-color);
+}
+
+.vxe-perfect-color {
+  color: var(--vxe-table-header-background-color);
+}
+
+.vxe-row:after {
+  content: "";
+  display: block;
+  clear: both;
+  height: 0;
+  overflow: hidden;
+  visibility: hidden;
+}
+.vxe-row > .vxe-col--1 {
+  float: left;
+  width: 4.16667%;
+}
+.vxe-row > .vxe-col--2 {
+  float: left;
+  width: 8.33333%;
+}
+.vxe-row > .vxe-col--3 {
+  float: left;
+  width: 12.5%;
+}
+.vxe-row > .vxe-col--4 {
+  float: left;
+  width: 16.66667%;
+}
+.vxe-row > .vxe-col--5 {
+  float: left;
+  width: 20.83333%;
+}
+.vxe-row > .vxe-col--6 {
+  float: left;
+  width: 25%;
+}
+.vxe-row > .vxe-col--7 {
+  float: left;
+  width: 29.16667%;
+}
+.vxe-row > .vxe-col--8 {
+  float: left;
+  width: 33.33333%;
+}
+.vxe-row > .vxe-col--9 {
+  float: left;
+  width: 37.5%;
+}
+.vxe-row > .vxe-col--10 {
+  float: left;
+  width: 41.66667%;
+}
+.vxe-row > .vxe-col--11 {
+  float: left;
+  width: 45.83333%;
+}
+.vxe-row > .vxe-col--12 {
+  float: left;
+  width: 50%;
+}
+.vxe-row > .vxe-col--13 {
+  float: left;
+  width: 54.16667%;
+}
+.vxe-row > .vxe-col--14 {
+  float: left;
+  width: 58.33333%;
+}
+.vxe-row > .vxe-col--15 {
+  float: left;
+  width: 62.5%;
+}
+.vxe-row > .vxe-col--16 {
+  float: left;
+  width: 66.66667%;
+}
+.vxe-row > .vxe-col--17 {
+  float: left;
+  width: 70.83333%;
+}
+.vxe-row > .vxe-col--18 {
+  float: left;
+  width: 75%;
+}
+.vxe-row > .vxe-col--19 {
+  float: left;
+  width: 79.16667%;
+}
+.vxe-row > .vxe-col--20 {
+  float: left;
+  width: 83.33333%;
+}
+.vxe-row > .vxe-col--21 {
+  float: left;
+  width: 87.5%;
+}
+.vxe-row > .vxe-col--22 {
+  float: left;
+  width: 91.66667%;
+}
+.vxe-row > .vxe-col--23 {
+  float: left;
+  width: 95.83333%;
+}
+.vxe-row > .vxe-col--24 {
+  float: left;
+  width: 100%;
+}
+
+/*animat*/
+.is--animat .vxe-sort--asc-btn:before, .is--animat .vxe-sort--asc-btn:after,
+.is--animat .vxe-sort--desc-btn:before,
+.is--animat .vxe-sort--desc-btn:after,
+.is--animat .vxe-filter--btn:before,
+.is--animat .vxe-filter--btn:after {
+  transition: border 0.1s ease-in-out;
+}
+.is--animat .vxe-input--wrapper .vxe-input {
+  transition: border 0.1s ease-in-out;
+}
+.is--animat .vxe-table--expand-btn,
+.is--animat .vxe-tree--node-btn {
+  transition: transform 0.1s ease-in-out;
+}
+.is--animat .vxe-checkbox > input:checked + span,
+.is--animat .vxe-radio > input:checked + span {
+  transition: background-color 0.1s ease-in-out;
+}
+
 .vxe-table-custom--option {
   display: flex;
   flex-direction: row;
@@ -43,8 +207,9 @@
 .vxe-table-custom-wrapper.is--active {
   display: block;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--header,
-.vxe-table-custom-wrapper .vxe-table-custom--body {
+
+.vxe-table-custom--header,
+.vxe-table-custom--body {
   list-style-type: none;
   overflow-x: hidden;
   overflow-y: auto;
@@ -54,85 +219,88 @@
      -moz-user-select: none;
           user-select: none;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--header > li,
-.vxe-table-custom-wrapper .vxe-table-custom--body > li {
+.vxe-table-custom--header > li,
+.vxe-table-custom--body > li {
   max-width: 18em;
   min-width: 14em;
   padding: 0.2em 1em 0.2em 1em;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--header > li.level--2,
-.vxe-table-custom-wrapper .vxe-table-custom--body > li.level--2 {
+.vxe-table-custom--header > li.level--2,
+.vxe-table-custom--body > li.level--2 {
   padding-left: 3.5em;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--header > li.level--2 .vxe-checkbox--icon,
-.vxe-table-custom-wrapper .vxe-table-custom--body > li.level--2 .vxe-checkbox--icon {
+.vxe-table-custom--header > li.level--2 .vxe-checkbox--icon,
+.vxe-table-custom--body > li.level--2 .vxe-checkbox--icon {
   left: 1.8em;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--header > li.level--3,
-.vxe-table-custom-wrapper .vxe-table-custom--body > li.level--3 {
+.vxe-table-custom--header > li.level--3,
+.vxe-table-custom--body > li.level--3 {
   padding-left: 4.5em;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--header > li.level--3 .vxe-checkbox--icon,
-.vxe-table-custom-wrapper .vxe-table-custom--body > li.level--3 .vxe-checkbox--icon {
+.vxe-table-custom--header > li.level--3 .vxe-checkbox--icon,
+.vxe-table-custom--body > li.level--3 .vxe-checkbox--icon {
   left: 2.8em;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--header > li.level--4,
-.vxe-table-custom-wrapper .vxe-table-custom--body > li.level--4 {
+.vxe-table-custom--header > li.level--4,
+.vxe-table-custom--body > li.level--4 {
   padding-left: 5.5em;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--header > li.level--4 .vxe-checkbox--icon,
-.vxe-table-custom-wrapper .vxe-table-custom--body > li.level--4 .vxe-checkbox--icon {
+.vxe-table-custom--header > li.level--4 .vxe-checkbox--icon,
+.vxe-table-custom--body > li.level--4 .vxe-checkbox--icon {
   left: 3.8em;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--header > li.level--5,
-.vxe-table-custom-wrapper .vxe-table-custom--body > li.level--5 {
+.vxe-table-custom--header > li.level--5,
+.vxe-table-custom--body > li.level--5 {
   padding-left: 6.5em;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--header > li.level--5 .vxe-checkbox--icon,
-.vxe-table-custom-wrapper .vxe-table-custom--body > li.level--5 .vxe-checkbox--icon {
+.vxe-table-custom--header > li.level--5 .vxe-checkbox--icon,
+.vxe-table-custom--body > li.level--5 .vxe-checkbox--icon {
   left: 4.8em;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--header > li.level--6,
-.vxe-table-custom-wrapper .vxe-table-custom--body > li.level--6 {
+.vxe-table-custom--header > li.level--6,
+.vxe-table-custom--body > li.level--6 {
   padding-left: 7.5em;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--header > li.level--6 .vxe-checkbox--icon,
-.vxe-table-custom-wrapper .vxe-table-custom--body > li.level--6 .vxe-checkbox--icon {
+.vxe-table-custom--header > li.level--6 .vxe-checkbox--icon,
+.vxe-table-custom--body > li.level--6 .vxe-checkbox--icon {
   left: 5.8em;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--header > li.level--7,
-.vxe-table-custom-wrapper .vxe-table-custom--body > li.level--7 {
+.vxe-table-custom--header > li.level--7,
+.vxe-table-custom--body > li.level--7 {
   padding-left: 8.5em;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--header > li.level--7 .vxe-checkbox--icon,
-.vxe-table-custom-wrapper .vxe-table-custom--body > li.level--7 .vxe-checkbox--icon {
+.vxe-table-custom--header > li.level--7 .vxe-checkbox--icon,
+.vxe-table-custom--body > li.level--7 .vxe-checkbox--icon {
   left: 6.8em;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--header > li.level--8,
-.vxe-table-custom-wrapper .vxe-table-custom--body > li.level--8 {
+.vxe-table-custom--header > li.level--8,
+.vxe-table-custom--body > li.level--8 {
   padding-left: 9.5em;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--header > li.level--8 .vxe-checkbox--icon,
-.vxe-table-custom-wrapper .vxe-table-custom--body > li.level--8 .vxe-checkbox--icon {
+.vxe-table-custom--header > li.level--8 .vxe-checkbox--icon,
+.vxe-table-custom--body > li.level--8 .vxe-checkbox--icon {
   left: 7.8em;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--header {
+
+.vxe-table-custom--header {
   padding: 0.28em 0;
   font-weight: 700;
   border-bottom: 1px solid var(--vxe-table-popup-border-color);
 }
-.vxe-table-custom-wrapper .vxe-table-custom--body {
+
+.vxe-table-custom--body {
   padding: 0.2em 0;
   max-height: 20em;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--body .vxe-table-custom--checkbox-option:hover {
+.vxe-table-custom--body .vxe-table-custom--checkbox-option:hover {
   background-color: var(--vxe-table-row-hover-background-color);
 }
-.vxe-table-custom-wrapper .vxe-table-custom--footer {
+
+.vxe-table-custom--footer {
   border-top: 1px solid var(--vxe-table-popup-border-color);
   text-align: right;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--footer button {
+.vxe-table-custom--footer button {
   background-color: transparent;
   width: 50%;
   height: 2.5em;
@@ -141,10 +309,10 @@
   text-align: center;
   cursor: pointer;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--footer button:focus {
+.vxe-table-custom--footer button:focus {
   outline: none;
 }
-.vxe-table-custom-wrapper .vxe-table-custom--footer button:hover {
+.vxe-table-custom--footer button:hover {
   color: var(--vxe-primary-color);
 }
 
@@ -199,20 +367,21 @@
   flex-direction: row;
   align-items: center;
 }
-.vxe-table-custom--fixed-option .vxe-table-custom--fixed-left-option,
-.vxe-table-custom--fixed-option .vxe-table-custom--fixed-right-option {
+
+.vxe-table-custom--fixed-left-option,
+.vxe-table-custom--fixed-right-option {
   line-height: 1.34em;
   font-size: 1.1em;
   padding: 0 0.2em;
   cursor: pointer;
 }
-.vxe-table-custom--fixed-option .vxe-table-custom--fixed-left-option.is--checked, .vxe-table-custom--fixed-option .vxe-table-custom--fixed-left-option:hover,
-.vxe-table-custom--fixed-option .vxe-table-custom--fixed-right-option.is--checked,
-.vxe-table-custom--fixed-option .vxe-table-custom--fixed-right-option:hover {
+.vxe-table-custom--fixed-left-option.is--checked, .vxe-table-custom--fixed-left-option:hover,
+.vxe-table-custom--fixed-right-option.is--checked,
+.vxe-table-custom--fixed-right-option:hover {
   color: var(--vxe-primary-color);
 }
-.vxe-table-custom--fixed-option .vxe-table-custom--fixed-left-option.is--disabled,
-.vxe-table-custom--fixed-option .vxe-table-custom--fixed-right-option.is--disabled {
+.vxe-table-custom--fixed-left-option.is--disabled,
+.vxe-table-custom--fixed-right-option.is--disabled {
   cursor: no-drop;
   color: var(--vxe-input-disabled-color);
 }
@@ -220,76 +389,153 @@
 .vxe-table-custom-popup--body {
   overflow: auto;
   height: 100%;
-  border: 1px solid var(--vxe-table-border-color);
 }
-.vxe-table-custom-popup--body .vxe-table-custom-popup--name {
+
+.vxe-table-custom-popup--table-wrapper {
+  border-bottom: 1px solid var(--vxe-table-border-color);
+}
+.vxe-table-custom-popup--table-wrapper table {
+  width: 100%;
+  border: 0;
+  border-spacing: 0;
+  border-collapse: separate;
+}
+.vxe-table-custom-popup--table-wrapper table th {
+  position: sticky;
+  top: 0;
+  text-align: left;
+  border-top: 1px solid var(--vxe-table-border-color);
+  border-bottom: 1px solid var(--vxe-table-border-color);
+  border-left: 1px solid var(--vxe-table-border-color);
+  background-color: var(--vxe-table-header-background-color);
+  z-index: 7;
+}
+.vxe-table-custom-popup--table-wrapper table td {
+  border-top: 1px solid var(--vxe-table-border-color);
+  border-left: 1px solid var(--vxe-table-border-color);
+}
+.vxe-table-custom-popup--table-wrapper table tr:first-child td {
+  border-top: 0;
+}
+.vxe-table-custom-popup--table-wrapper table th,
+.vxe-table-custom-popup--table-wrapper table td {
+  height: 44px;
+  padding: 0 0.6em;
+}
+.vxe-table-custom-popup--table-wrapper table th:last-child,
+.vxe-table-custom-popup--table-wrapper table td:last-child {
+  border-right: 1px solid var(--vxe-table-border-color);
+}
+
+.vxe-table-custom-popup--drag-hint {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 0.6em 1em 0.6em 1.8em;
+  max-width: 300px;
+  border-radius: var(--vxe-border-radius);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  pointer-events: none;
+  background-color: var(--vxe-table-body-background-color);
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+  z-index: 33;
+}
+
+.vxe-table-custom-popup--name {
   max-width: 360px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.vxe-table-custom-popup--body .vxe-table-custom-popup--row-level2 .vxe-table-custom-popup--name {
+
+.vxe-table-custom-popup--row.level--2 .vxe-table-custom-popup--name {
   padding-left: 24px;
   max-width: 236px;
 }
-.vxe-table-custom-popup--body .vxe-table-custom-popup--row-level3 .vxe-table-custom-popup--name {
+
+.vxe-table-custom-popup--row.level--3 .vxe-table-custom-popup--name {
   padding-left: 48px;
   max-width: 212px;
 }
-.vxe-table-custom-popup--body .vxe-table-custom-popup--row-level4 .vxe-table-custom-popup--name {
+
+.vxe-table-custom-popup--row.level--4 .vxe-table-custom-popup--name {
   padding-left: 72px;
   max-width: 188px;
 }
-.vxe-table-custom-popup--body .vxe-table-custom-popup--row-level5 .vxe-table-custom-popup--name {
+
+.vxe-table-custom-popup--row.level--5 .vxe-table-custom-popup--name {
   padding-left: 96px;
   max-width: 164px;
 }
-.vxe-table-custom-popup--body .vxe-table-custom-popup--row-level6 .vxe-table-custom-popup--name {
+
+.vxe-table-custom-popup--row.level--6 .vxe-table-custom-popup--name {
   padding-left: 120px;
   max-width: 140px;
 }
-.vxe-table-custom-popup--body .vxe-table-custom-popup--row-level7 .vxe-table-custom-popup--name {
+
+.vxe-table-custom-popup--row.level--7 .vxe-table-custom-popup--name {
   padding-left: 144px;
   max-width: 116px;
 }
-.vxe-table-custom-popup--body .vxe-table-custom-popup--row-level8 .vxe-table-custom-popup--name {
+
+.vxe-table-custom-popup--row.level--8 .vxe-table-custom-popup--name {
   padding-left: 168px;
   max-width: 92px;
 }
-.vxe-table-custom-popup--body .vxe-table-custom-popup--row-level9 .vxe-table-custom-popup--name {
+
+.vxe-table-custom-popup--row.level--9 .vxe-table-custom-popup--name {
   padding-left: 192px;
   max-width: 68px;
 }
-.vxe-table-custom-popup--body .vxe-table-custom-popup--column-visible,
-.vxe-table-custom-popup--body .vxe-table-custom-popup--column-fixed {
+
+.vxe-table-custom-popup--column-item {
+  position: relative;
+}
+.vxe-table-custom-popup--column-item.col--sort, .vxe-table-custom-popup--column-item.col--visible, .vxe-table-custom-popup--column-item.col--fixed {
   text-align: center;
 }
-.vxe-table-custom-popup--body table {
-  width: 100%;
-  border: 0;
-  border-spacing: 0;
-  border-collapse: separate;
+
+.vxe-table-custom-popup--row.active--drag-target[drag-pos=top] .vxe-table-custom-popup--column-item::after {
+  display: block;
+  top: -2px;
 }
-.vxe-table-custom-popup--body table th {
-  position: sticky;
+.vxe-table-custom-popup--row.active--drag-target[drag-pos=bottom] .vxe-table-custom-popup--column-item::after {
+  display: block;
+  bottom: -2px;
+}
+.vxe-table-custom-popup--row:first-child[drag-pos=top] .vxe-table-custom-popup--column-item::after {
   top: 0;
-  text-align: left;
-  border-bottom: 1px solid var(--vxe-table-border-color);
-  border-left: 1px solid var(--vxe-table-border-color);
-  background-color: var(--vxe-table-header-background-color);
 }
-.vxe-table-custom-popup--body table td {
-  border-top: 1px solid var(--vxe-table-border-color);
-  border-left: 1px solid var(--vxe-table-border-color);
+.vxe-table-custom-popup--row:last-child[drag-pos=bottom] .vxe-table-custom-popup--column-item::after {
+  bottom: 0;
 }
-.vxe-table-custom-popup--body table td:nth-child(2) {
-  text-align: center;
+
+.vxe-table-custom-popup--column-item::after {
+  display: none;
+  content: "";
+  position: absolute;
+  left: -1px;
+  width: calc(100% + 1px);
+  height: 3px;
+  background-color: var(--vxe-primary-color);
+  z-index: 12;
 }
-.vxe-table-custom-popup--body table tr:first-child td {
-  border-top: 0;
+.vxe-table-custom-popup--column-item:last-child::after {
+  width: 100%;
 }
-.vxe-table-custom-popup--body table th,
-.vxe-table-custom-popup--body table td {
-  height: 44px;
-  padding: 0 0.6em;
+
+.vxe-table-custom--flip-move {
+  transition: transform 0.35s;
+}
+
+.vxe-table-custom-popup--column-sort-btn {
+  font-size: 1.2em;
+  padding: 0.2em 0.5em;
+  cursor: grab;
+}
+.vxe-table-custom-popup--column-sort-btn:active {
+  cursor: grabbing;
 }

package/lib/vxe-table-custom-module/style/style.min.css

@@ -1 +1 @@
-.vxe-table-custom--option{display:flex;flex-direction:row}.vxe-table-custom-wrapper{display:none;position:absolute;top:-4px;right:2px;text-align:left;background-color:var(--vxe-toolbar-panel-background-color);z-index:19;border:1px solid var(--vxe-table-border-color);border-radius:var(--vxe-border-radius);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-table-custom-wrapper.is--active{display:block}.vxe-table-custom-wrapper .vxe-table-custom--body,.vxe-table-custom-wrapper .vxe-table-custom--header{list-style-type:none;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-table-custom-wrapper .vxe-table-custom--body>li,.vxe-table-custom-wrapper .vxe-table-custom--header>li{max-width:18em;min-width:14em;padding:.2em 1em .2em 1em}.vxe-table-custom-wrapper .vxe-table-custom--body>li.level--2,.vxe-table-custom-wrapper .vxe-table-custom--header>li.level--2{padding-left:3.5em}.vxe-table-custom-wrapper .vxe-table-custom--body>li.level--2 .vxe-checkbox--icon,.vxe-table-custom-wrapper .vxe-table-custom--header>li.level--2 .vxe-checkbox--icon{left:1.8em}.vxe-table-custom-wrapper .vxe-table-custom--body>li.level--3,.vxe-table-custom-wrapper .vxe-table-custom--header>li.level--3{padding-left:4.5em}.vxe-table-custom-wrapper .vxe-table-custom--body>li.level--3 .vxe-checkbox--icon,.vxe-table-custom-wrapper .vxe-table-custom--header>li.level--3 .vxe-checkbox--icon{left:2.8em}.vxe-table-custom-wrapper .vxe-table-custom--body>li.level--4,.vxe-table-custom-wrapper .vxe-table-custom--header>li.level--4{padding-left:5.5em}.vxe-table-custom-wrapper .vxe-table-custom--body>li.level--4 .vxe-checkbox--icon,.vxe-table-custom-wrapper .vxe-table-custom--header>li.level--4 .vxe-checkbox--icon{left:3.8em}.vxe-table-custom-wrapper .vxe-table-custom--body>li.level--5,.vxe-table-custom-wrapper .vxe-table-custom--header>li.level--5{padding-left:6.5em}.vxe-table-custom-wrapper .vxe-table-custom--body>li.level--5 .vxe-checkbox--icon,.vxe-table-custom-wrapper .vxe-table-custom--header>li.level--5 .vxe-checkbox--icon{left:4.8em}.vxe-table-custom-wrapper .vxe-table-custom--body>li.level--6,.vxe-table-custom-wrapper .vxe-table-custom--header>li.level--6{padding-left:7.5em}.vxe-table-custom-wrapper .vxe-table-custom--body>li.level--6 .vxe-checkbox--icon,.vxe-table-custom-wrapper .vxe-table-custom--header>li.level--6 .vxe-checkbox--icon{left:5.8em}.vxe-table-custom-wrapper .vxe-table-custom--body>li.level--7,.vxe-table-custom-wrapper .vxe-table-custom--header>li.level--7{padding-left:8.5em}.vxe-table-custom-wrapper .vxe-table-custom--body>li.level--7 .vxe-checkbox--icon,.vxe-table-custom-wrapper .vxe-table-custom--header>li.level--7 .vxe-checkbox--icon{left:6.8em}.vxe-table-custom-wrapper .vxe-table-custom--body>li.level--8,.vxe-table-custom-wrapper .vxe-table-custom--header>li.level--8{padding-left:9.5em}.vxe-table-custom-wrapper .vxe-table-custom--body>li.level--8 .vxe-checkbox--icon,.vxe-table-custom-wrapper .vxe-table-custom--header>li.level--8 .vxe-checkbox--icon{left:7.8em}.vxe-table-custom-wrapper .vxe-table-custom--header{padding:.28em 0;font-weight:700;border-bottom:1px solid var(--vxe-table-popup-border-color)}.vxe-table-custom-wrapper .vxe-table-custom--body{padding:.2em 0;max-height:20em}.vxe-table-custom-wrapper .vxe-table-custom--body .vxe-table-custom--checkbox-option:hover{background-color:var(--vxe-table-row-hover-background-color)}.vxe-table-custom-wrapper .vxe-table-custom--footer{border-top:1px solid var(--vxe-table-popup-border-color);text-align:right}.vxe-table-custom-wrapper .vxe-table-custom--footer button{background-color:transparent;width:50%;height:2.5em;border:0;color:var(--vxe-font-color);text-align:center;cursor:pointer}.vxe-table-custom-wrapper .vxe-table-custom--footer button:focus{outline:0}.vxe-table-custom-wrapper .vxe-table-custom--footer button:hover{color:var(--vxe-primary-color)}.vxe-table-custom--checkbox-option{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.vxe-table-custom--checkbox-option .vxe-checkbox--icon{font-size:1.34em}.vxe-table-custom--checkbox-option .vxe-checkbox--icon{color:var(--vxe-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-table-custom--checkbox-option.is--checked,.vxe-table-custom--checkbox-option.is--indeterminate{color:var(--vxe-primary-color)}.vxe-table-custom--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-table-custom--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-primary-color)}.vxe-table-custom--checkbox-option:not(.is--disabled){cursor:pointer}.vxe-table-custom--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-primary-color)}.vxe-table-custom--checkbox-option.is--hidden{cursor:default}.vxe-table-custom--checkbox-option.is--disabled{color:var(--vxe-font-disabled-color);cursor:not-allowed}.vxe-table-custom--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-input-disabled-color)}.vxe-table-custom--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-table-custom--fixed-option{flex-shrink:0;padding-left:.5em;display:flex;flex-direction:row;align-items:center}.vxe-table-custom--fixed-option .vxe-table-custom--fixed-left-option,.vxe-table-custom--fixed-option .vxe-table-custom--fixed-right-option{line-height:1.34em;font-size:1.1em;padding:0 .2em;cursor:pointer}.vxe-table-custom--fixed-option .vxe-table-custom--fixed-left-option.is--checked,.vxe-table-custom--fixed-option .vxe-table-custom--fixed-left-option:hover,.vxe-table-custom--fixed-option .vxe-table-custom--fixed-right-option.is--checked,.vxe-table-custom--fixed-option .vxe-table-custom--fixed-right-option:hover{color:var(--vxe-primary-color)}.vxe-table-custom--fixed-option .vxe-table-custom--fixed-left-option.is--disabled,.vxe-table-custom--fixed-option .vxe-table-custom--fixed-right-option.is--disabled{cursor:no-drop;color:var(--vxe-input-disabled-color)}.vxe-table-custom-popup--body{overflow:auto;height:100%;border:1px solid var(--vxe-table-border-color)}.vxe-table-custom-popup--body .vxe-table-custom-popup--name{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-table-custom-popup--body .vxe-table-custom-popup--row-level2 .vxe-table-custom-popup--name{padding-left:24px;max-width:236px}.vxe-table-custom-popup--body .vxe-table-custom-popup--row-level3 .vxe-table-custom-popup--name{padding-left:48px;max-width:212px}.vxe-table-custom-popup--body .vxe-table-custom-popup--row-level4 .vxe-table-custom-popup--name{padding-left:72px;max-width:188px}.vxe-table-custom-popup--body .vxe-table-custom-popup--row-level5 .vxe-table-custom-popup--name{padding-left:96px;max-width:164px}.vxe-table-custom-popup--body .vxe-table-custom-popup--row-level6 .vxe-table-custom-popup--name{padding-left:120px;max-width:140px}.vxe-table-custom-popup--body .vxe-table-custom-popup--row-level7 .vxe-table-custom-popup--name{padding-left:144px;max-width:116px}.vxe-table-custom-popup--body .vxe-table-custom-popup--row-level8 .vxe-table-custom-popup--name{padding-left:168px;max-width:92px}.vxe-table-custom-popup--body .vxe-table-custom-popup--row-level9 .vxe-table-custom-popup--name{padding-left:192px;max-width:68px}.vxe-table-custom-popup--body .vxe-table-custom-popup--column-fixed,.vxe-table-custom-popup--body .vxe-table-custom-popup--column-visible{text-align:center}.vxe-table-custom-popup--body table{width:100%;border:0;border-spacing:0;border-collapse:separate}.vxe-table-custom-popup--body table th{position:sticky;top:0;text-align:left;border-bottom:1px solid var(--vxe-table-border-color);border-left:1px solid var(--vxe-table-border-color);background-color:var(--vxe-table-header-background-color)}.vxe-table-custom-popup--body table td{border-top:1px solid var(--vxe-table-border-color);border-left:1px solid var(--vxe-table-border-color)}.vxe-table-custom-popup--body table td:nth-child(2){text-align:center}.vxe-table-custom-popup--body table tr:first-child td{border-top:0}.vxe-table-custom-popup--body table td,.vxe-table-custom-popup--body table th{height:44px;padding:0 .6em}
+[class*=vxe-],[class*=vxe-] :after,[class*=vxe-] :before,[class*=vxe-]:after,[class*=vxe-]:before{box-sizing:border-box}.vxe-table-custom-popup--drag-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[class*=vxe-]{font-variant:tabular-nums;font-feature-settings:"tnum"}.vxe-primary-color{color:var(--vxe-primary-color)}.vxe-success-color{color:var(--vxe-success-color)}.vxe-info-color{color:var(--vxe-info-color)}.vxe-warning-color{color:var(--vxe-warning-color)}.vxe-danger-color{color:var(--vxe-danger-color)}.vxe-perfect-color{color:var(--vxe-table-header-background-color)}.vxe-row:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-row>.vxe-col--1{float:left;width:4.16667%}.vxe-row>.vxe-col--2{float:left;width:8.33333%}.vxe-row>.vxe-col--3{float:left;width:12.5%}.vxe-row>.vxe-col--4{float:left;width:16.66667%}.vxe-row>.vxe-col--5{float:left;width:20.83333%}.vxe-row>.vxe-col--6{float:left;width:25%}.vxe-row>.vxe-col--7{float:left;width:29.16667%}.vxe-row>.vxe-col--8{float:left;width:33.33333%}.vxe-row>.vxe-col--9{float:left;width:37.5%}.vxe-row>.vxe-col--10{float:left;width:41.66667%}.vxe-row>.vxe-col--11{float:left;width:45.83333%}.vxe-row>.vxe-col--12{float:left;width:50%}.vxe-row>.vxe-col--13{float:left;width:54.16667%}.vxe-row>.vxe-col--14{float:left;width:58.33333%}.vxe-row>.vxe-col--15{float:left;width:62.5%}.vxe-row>.vxe-col--16{float:left;width:66.66667%}.vxe-row>.vxe-col--17{float:left;width:70.83333%}.vxe-row>.vxe-col--18{float:left;width:75%}.vxe-row>.vxe-col--19{float:left;width:79.16667%}.vxe-row>.vxe-col--20{float:left;width:83.33333%}.vxe-row>.vxe-col--21{float:left;width:87.5%}.vxe-row>.vxe-col--22{float:left;width:91.66667%}.vxe-row>.vxe-col--23{float:left;width:95.83333%}.vxe-row>.vxe-col--24{float:left;width:100%}.is--animat .vxe-filter--btn:after,.is--animat .vxe-filter--btn:before,.is--animat .vxe-sort--asc-btn:after,.is--animat .vxe-sort--asc-btn:before,.is--animat .vxe-sort--desc-btn:after,.is--animat .vxe-sort--desc-btn:before{transition:border .1s ease-in-out}.is--animat .vxe-input--wrapper .vxe-input{transition:border .1s ease-in-out}.is--animat .vxe-table--expand-btn,.is--animat .vxe-tree--node-btn{transition:transform .1s ease-in-out}.is--animat .vxe-checkbox>input:checked+span,.is--animat .vxe-radio>input:checked+span{transition:background-color .1s ease-in-out}.vxe-table-custom--option{display:flex;flex-direction:row}.vxe-table-custom-wrapper{display:none;position:absolute;top:-4px;right:2px;text-align:left;background-color:var(--vxe-toolbar-panel-background-color);z-index:19;border:1px solid var(--vxe-table-border-color);border-radius:var(--vxe-border-radius);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-table-custom-wrapper.is--active{display:block}.vxe-table-custom--body,.vxe-table-custom--header{list-style-type:none;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-table-custom--body>li,.vxe-table-custom--header>li{max-width:18em;min-width:14em;padding:.2em 1em .2em 1em}.vxe-table-custom--body>li.level--2,.vxe-table-custom--header>li.level--2{padding-left:3.5em}.vxe-table-custom--body>li.level--2 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--2 .vxe-checkbox--icon{left:1.8em}.vxe-table-custom--body>li.level--3,.vxe-table-custom--header>li.level--3{padding-left:4.5em}.vxe-table-custom--body>li.level--3 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--3 .vxe-checkbox--icon{left:2.8em}.vxe-table-custom--body>li.level--4,.vxe-table-custom--header>li.level--4{padding-left:5.5em}.vxe-table-custom--body>li.level--4 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--4 .vxe-checkbox--icon{left:3.8em}.vxe-table-custom--body>li.level--5,.vxe-table-custom--header>li.level--5{padding-left:6.5em}.vxe-table-custom--body>li.level--5 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--5 .vxe-checkbox--icon{left:4.8em}.vxe-table-custom--body>li.level--6,.vxe-table-custom--header>li.level--6{padding-left:7.5em}.vxe-table-custom--body>li.level--6 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--6 .vxe-checkbox--icon{left:5.8em}.vxe-table-custom--body>li.level--7,.vxe-table-custom--header>li.level--7{padding-left:8.5em}.vxe-table-custom--body>li.level--7 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--7 .vxe-checkbox--icon{left:6.8em}.vxe-table-custom--body>li.level--8,.vxe-table-custom--header>li.level--8{padding-left:9.5em}.vxe-table-custom--body>li.level--8 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--8 .vxe-checkbox--icon{left:7.8em}.vxe-table-custom--header{padding:.28em 0;font-weight:700;border-bottom:1px solid var(--vxe-table-popup-border-color)}.vxe-table-custom--body{padding:.2em 0;max-height:20em}.vxe-table-custom--body .vxe-table-custom--checkbox-option:hover{background-color:var(--vxe-table-row-hover-background-color)}.vxe-table-custom--footer{border-top:1px solid var(--vxe-table-popup-border-color);text-align:right}.vxe-table-custom--footer button{background-color:transparent;width:50%;height:2.5em;border:0;color:var(--vxe-font-color);text-align:center;cursor:pointer}.vxe-table-custom--footer button:focus{outline:0}.vxe-table-custom--footer button:hover{color:var(--vxe-primary-color)}.vxe-table-custom--checkbox-option{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.vxe-table-custom--checkbox-option .vxe-checkbox--icon{font-size:1.34em}.vxe-table-custom--checkbox-option .vxe-checkbox--icon{color:var(--vxe-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-table-custom--checkbox-option.is--checked,.vxe-table-custom--checkbox-option.is--indeterminate{color:var(--vxe-primary-color)}.vxe-table-custom--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-table-custom--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-primary-color)}.vxe-table-custom--checkbox-option:not(.is--disabled){cursor:pointer}.vxe-table-custom--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-primary-color)}.vxe-table-custom--checkbox-option.is--hidden{cursor:default}.vxe-table-custom--checkbox-option.is--disabled{color:var(--vxe-font-disabled-color);cursor:not-allowed}.vxe-table-custom--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-input-disabled-color)}.vxe-table-custom--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-table-custom--fixed-option{flex-shrink:0;padding-left:.5em;display:flex;flex-direction:row;align-items:center}.vxe-table-custom--fixed-left-option,.vxe-table-custom--fixed-right-option{line-height:1.34em;font-size:1.1em;padding:0 .2em;cursor:pointer}.vxe-table-custom--fixed-left-option.is--checked,.vxe-table-custom--fixed-left-option:hover,.vxe-table-custom--fixed-right-option.is--checked,.vxe-table-custom--fixed-right-option:hover{color:var(--vxe-primary-color)}.vxe-table-custom--fixed-left-option.is--disabled,.vxe-table-custom--fixed-right-option.is--disabled{cursor:no-drop;color:var(--vxe-input-disabled-color)}.vxe-table-custom-popup--body{overflow:auto;height:100%}.vxe-table-custom-popup--table-wrapper{border-bottom:1px solid var(--vxe-table-border-color)}.vxe-table-custom-popup--table-wrapper table{width:100%;border:0;border-spacing:0;border-collapse:separate}.vxe-table-custom-popup--table-wrapper table th{position:sticky;top:0;text-align:left;border-top:1px solid var(--vxe-table-border-color);border-bottom:1px solid var(--vxe-table-border-color);border-left:1px solid var(--vxe-table-border-color);background-color:var(--vxe-table-header-background-color);z-index:7}.vxe-table-custom-popup--table-wrapper table td{border-top:1px solid var(--vxe-table-border-color);border-left:1px solid var(--vxe-table-border-color)}.vxe-table-custom-popup--table-wrapper table tr:first-child td{border-top:0}.vxe-table-custom-popup--table-wrapper table td,.vxe-table-custom-popup--table-wrapper table th{height:44px;padding:0 .6em}.vxe-table-custom-popup--table-wrapper table td:last-child,.vxe-table-custom-popup--table-wrapper table th:last-child{border-right:1px solid var(--vxe-table-border-color)}.vxe-table-custom-popup--drag-hint{display:none;position:absolute;top:0;left:0;padding:.6em 1em .6em 1.8em;max-width:300px;border-radius:var(--vxe-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-table-body-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-table-custom-popup--name{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-table-custom-popup--row.level--2 .vxe-table-custom-popup--name{padding-left:24px;max-width:236px}.vxe-table-custom-popup--row.level--3 .vxe-table-custom-popup--name{padding-left:48px;max-width:212px}.vxe-table-custom-popup--row.level--4 .vxe-table-custom-popup--name{padding-left:72px;max-width:188px}.vxe-table-custom-popup--row.level--5 .vxe-table-custom-popup--name{padding-left:96px;max-width:164px}.vxe-table-custom-popup--row.level--6 .vxe-table-custom-popup--name{padding-left:120px;max-width:140px}.vxe-table-custom-popup--row.level--7 .vxe-table-custom-popup--name{padding-left:144px;max-width:116px}.vxe-table-custom-popup--row.level--8 .vxe-table-custom-popup--name{padding-left:168px;max-width:92px}.vxe-table-custom-popup--row.level--9 .vxe-table-custom-popup--name{padding-left:192px;max-width:68px}.vxe-table-custom-popup--column-item{position:relative}.vxe-table-custom-popup--column-item.col--fixed,.vxe-table-custom-popup--column-item.col--sort,.vxe-table-custom-popup--column-item.col--visible{text-align:center}.vxe-table-custom-popup--row.active--drag-target[drag-pos=top] .vxe-table-custom-popup--column-item::after{display:block;top:-2px}.vxe-table-custom-popup--row.active--drag-target[drag-pos=bottom] .vxe-table-custom-popup--column-item::after{display:block;bottom:-2px}.vxe-table-custom-popup--row:first-child[drag-pos=top] .vxe-table-custom-popup--column-item::after{top:0}.vxe-table-custom-popup--row:last-child[drag-pos=bottom] .vxe-table-custom-popup--column-item::after{bottom:0}.vxe-table-custom-popup--column-item::after{display:none;content:"";position:absolute;left:-1px;width:calc(100% + 1px);height:3px;background-color:var(--vxe-primary-color);z-index:12}.vxe-table-custom-popup--column-item:last-child::after{width:100%}.vxe-table-custom--flip-move{transition:transform .35s}.vxe-table-custom-popup--column-sort-btn{font-size:1.2em;padding:.2em .5em;cursor:grab}.vxe-table-custom-popup--column-sort-btn:active{cursor:grabbing}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-table",
-  "version": "4.6.5",
+  "version": "4.6.6",
   "description": "一个基于 vue 的 PC 端表单/表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、JSON 配置式...",
   "scripts": {
     "update": "npm install --legacy-peer-deps",

package/packages/checkbox/src/group.ts

@@ -49,6 +49,11 @@ export default defineComponent({
       return propsOpts.value || 'value'
     })
 
+    const computeDisabledField = computed(() => {
+      const propsOpts = computePropsOpts.value
+      return propsOpts.disabled || 'disabled'
+    })
+
     const computeMaps: CheckboxPrivateComputed = {
       computeIsMaximize
     }
@@ -97,12 +102,14 @@ export default defineComponent({
       const defaultSlot = slots.default
       const valueField = computeValueField.value as 'value'
       const labelField = computeLabelField.value as 'label'
+      const disabledField = computeDisabledField.value as 'disabled'
       return h('div', {
         class: 'vxe-checkbox-group'
       }, defaultSlot ? defaultSlot({}) : (options ? options.map(item => {
         return h(VxeCheckboxComponent, {
           label: item[valueField],
-          content: item[labelField]
+          content: item[labelField],
+          disabled: item[disabledField]
         })
       }) : []))
     }

package/packages/custom/src/hook.ts

@@ -35,6 +35,7 @@ const customHook: VxeGlobalHooksHandles.HookOptions = {
       const { initStore, customStore } = reactData
       customStore.visible = true
       initStore.custom = true
+      reactData.customColumnList = internalData.collectColumn.slice(0)
       checkCustomStatus()
       calcMaxHeight()
       return nextTick().then(() => calcMaxHeight())