vxe-pc-ui 4.15.11 → 4.15.13

package/es/vxe-list/style.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 .vxe-list {
   position: relative;
   display: block;
@@ -24,10 +25,337 @@
   outline: 0;
 }
 
+.vxe-list--header-wrapper {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  min-height: var(--vxe-ui-list-row-height);
+}
+
+.vxe-list--header-left {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.vxe-list--header-content {
+  flex-grow: 1;
+  overflow: auto;
+}
+
+.vxe-list--body.trigger--row > .vxe-list--row:not(.is--drag-disabled):active {
+  cursor: grabbing;
+}
+.vxe-list--body.is--padding > .vxe-list--row {
+  padding: 0 var(--vxe-ui-current-padding);
+}
+.vxe-list--body.checkbox--highlight .vxe-list--row.is-checkbox--checked {
+  background-color: var(--vxe-ui-list-row-checkbox-checked-background-color);
+}
+.vxe-list--body.radio--highlight .vxe-list--row.is-radio--checked {
+  background-color: var(--vxe-ui-list-row-radio-checked-background-color);
+}
+.vxe-list--body.row--hover .vxe-list--row:hover {
+  background-color: var(--vxe-ui-list-row-hover-background-color);
+}
+.vxe-list--body.row--hover .vxe-list--row:hover.is--current {
+  background-color: var(--vxe-ui-list-row-hover-current-background-color);
+}
+.vxe-list--body.row--hover.radio--highlight .vxe-list--row.is-radio--checked:hover {
+  background-color: var(--vxe-ui-list-row-hover-radio-checked-background-color);
+}
+.vxe-list--body.row--hover.checkbox--highlight .vxe-list--row.is-checkbox--checked:hover {
+  background-color: var(--vxe-ui-list-row-hover-checkbox-checked-background-color);
+}
+
+.vxe-list--row.is--current {
+  background-color: var(--vxe-ui-list-row-current-background-color);
+}
+
 .vxe-list--virtual-wrapper {
   height: 100px;
 }
 
+.vxe-list--row {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.vxe-list--row-drag {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-shrink: 0;
+  padding-right: var(--vxe-ui-current-padding);
+}
+
+.vxe-list--row-content {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-grow: 1;
+  height: var(--vxe-ui-list-row-height);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.vxe-list--drag-handle:not(.is--disabled) {
+  cursor: grab;
+}
+.vxe-list--drag-handle:not(.is--disabled):active {
+  cursor: grabbing;
+}
+.vxe-list--drag-handle:not(.is--disabled):hover {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-list--drag-handle.is--disabled {
+  color: var(--vxe-ui-input-disabled-color);
+  cursor: not-allowed;
+}
+
+.vxe-list--row.row--drag-move {
+  transition: transform 0.5s ease;
+}
+.vxe-list--row.row--drag-origin {
+  opacity: 0.3;
+}
+
+/*拖拽行与列*/
+.vxe-list--drag-row-line {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 11;
+  pointer-events: none;
+}
+
+.vxe-list--drag-row-line {
+  width: 100%;
+  height: 1px;
+  border: 2px solid transparent;
+}
+.vxe-list--drag-row-line[drag-pos=top] {
+  border-top-color: var(--vxe-ui-font-primary-color);
+}
+.vxe-list--drag-row-line[drag-pos=bottom] {
+  border-bottom-color: var(--vxe-ui-font-primary-color);
+}
+.vxe-list--drag-row-line[drag-to-child=y] {
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+  border-left-color: var(--vxe-ui-status-success-color);
+}
+.vxe-list--drag-row-line.is--guides {
+  background-color: var(--vxe-ui-list-drag-over-background-color);
+}
+
+.vxe-body--row-list-move {
+  transition-property: transform;
+  transition-duration: 0.35s;
+}
+
+.vxe-list--drag-sort-tip {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 0.6em 1.4em;
+  max-width: 50%;
+  min-width: 100px;
+  border-radius: var(--vxe-ui-border-radius);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  pointer-events: none;
+  background-color: var(--vxe-ui-layout-background-color);
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+  z-index: 33;
+}
+.vxe-list--drag-sort-tip[drag-status=normal] .vxe-list--drag-sort-tip-normal-status {
+  display: block;
+}
+.vxe-list--drag-sort-tip[drag-status=sub] .vxe-list--drag-sort-tip-sub-status {
+  display: block;
+}
+.vxe-list--drag-sort-tip[drag-status=disabled] .vxe-list--drag-sort-tip-disabled-status {
+  display: block;
+}
+
+.vxe-list--drag-sort-tip-wrapper {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.vxe-list--drag-sort-tip-status {
+  padding-right: 0.4em;
+}
+
+.vxe-list--drag-sort-tip-disabled-status {
+  display: none;
+  flex-shrink: 0;
+  color: var(--vxe-ui-status-error-color);
+}
+
+.vxe-list--drag-sort-tip-normal-status,
+.vxe-list--drag-sort-tip-sub-status {
+  display: none;
+}
+
+.vxe-list--drag-sort-tip-content {
+  flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.vxe-list--checkbox-header {
+  padding-right: var(--vxe-ui-current-padding);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.vxe-list--checkbox-header {
+  cursor: pointer;
+}
+.vxe-list--checkbox-header .vxe-checkbox--icon {
+  font-size: 1.22em;
+}
+.vxe-list--checkbox-header .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-border-color);
+  vertical-align: middle;
+  font-weight: 700;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.vxe-list--checkbox-header.is--checked, .vxe-list--checkbox-header.is--indeterminate {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-list--checkbox-header.is--checked .vxe-checkbox--icon, .vxe-list--checkbox-header.is--indeterminate .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-list--checkbox-header:not(.is--disabled):hover .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-list--checkbox-header.is--hidden {
+  cursor: default;
+}
+.vxe-list--checkbox-header.is--readonly {
+  cursor: auto;
+}
+.vxe-list--checkbox-header.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: not-allowed;
+}
+.vxe-list--checkbox-header.is--disabled .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-list--checkbox-header .vxe-checkbox--label {
+  padding-left: 0.5em;
+  vertical-align: middle;
+}
+
+.vxe-list--checkbox-option {
+  padding-right: var(--vxe-ui-current-padding);
+}
+.vxe-list--checkbox-option {
+  cursor: pointer;
+}
+.vxe-list--checkbox-option .vxe-checkbox--icon {
+  font-size: 1.22em;
+}
+.vxe-list--checkbox-option .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-border-color);
+  vertical-align: middle;
+  font-weight: 700;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.vxe-list--checkbox-option.is--checked, .vxe-list--checkbox-option.is--indeterminate {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-list--checkbox-option.is--checked .vxe-checkbox--icon, .vxe-list--checkbox-option.is--indeterminate .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-list--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-list--checkbox-option.is--hidden {
+  cursor: default;
+}
+.vxe-list--checkbox-option.is--readonly {
+  cursor: auto;
+}
+.vxe-list--checkbox-option.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: not-allowed;
+}
+.vxe-list--checkbox-option.is--disabled .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-list--checkbox-option .vxe-checkbox--label {
+  padding-left: 0.5em;
+  vertical-align: middle;
+}
+
+.vxe-list--radio-option {
+  padding-right: var(--vxe-ui-current-padding);
+}
+.vxe-list--radio-option {
+  cursor: pointer;
+}
+.vxe-list--radio-option .vxe-radio--icon {
+  font-size: 1.26em;
+}
+.vxe-list--radio-option .vxe-radio--icon {
+  color: var(--vxe-ui-input-border-color);
+  border-radius: 50%;
+  vertical-align: middle;
+  font-weight: 700;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.vxe-list--radio-option.is--checked {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-list--radio-option.is--checked .vxe-radio--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-list--radio-option:not(.is--disabled):hover .vxe-radio--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-list--radio-option.is--readonly {
+  cursor: auto;
+}
+.vxe-list--radio-option.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: not-allowed;
+}
+.vxe-list--radio-option.is--disabled .vxe-radio--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-list--radio-option .vxe-radio--label {
+  padding-left: 0.5em;
+  vertical-align: middle;
+}
+
+.vxe-list {
+  --vxe-ui-current-padding: var(--vxe-ui-layout-padding-default);
+}
+.vxe-list.size--small, .vxe-list.size--mini {
+  --vxe-ui-current-padding: var(--vxe-ui-layout-padding-half);
+}
+
 .vxe-list {
   font-size: var(--vxe-ui-font-size-default);
 }

package/es/vxe-list/style.min.css

@@ -1 +1 @@
-.vxe-list{position:relative;display:block;padding:0;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);direction:ltr}.vxe-list .vxe-list--virtual-wrapper{position:relative;overflow-x:auto;overflow-y:auto;outline:0}.vxe-list .vxe-list--y-space{width:0;float:left}.vxe-list .vxe-list--body,.vxe-list .vxe-list--virtual-wrapper{padding:0;margin:0;border:0;outline:0}.vxe-list--virtual-wrapper{height:100px}.vxe-list{font-size:var(--vxe-ui-font-size-default)}.vxe-list.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-list.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-list.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+@charset "UTF-8";.vxe-list{position:relative;display:block;padding:0;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);direction:ltr}.vxe-list .vxe-list--virtual-wrapper{position:relative;overflow-x:auto;overflow-y:auto;outline:0}.vxe-list .vxe-list--y-space{width:0;float:left}.vxe-list .vxe-list--body,.vxe-list .vxe-list--virtual-wrapper{padding:0;margin:0;border:0;outline:0}.vxe-list--header-wrapper{display:flex;flex-direction:row;align-items:center;min-height:var(--vxe-ui-list-row-height)}.vxe-list--header-left{display:flex;flex-direction:row;align-items:center;flex-shrink:0}.vxe-list--header-content{flex-grow:1;overflow:auto}.vxe-list--body.trigger--row>.vxe-list--row:not(.is--drag-disabled):active{cursor:grabbing}.vxe-list--body.is--padding>.vxe-list--row{padding:0 var(--vxe-ui-current-padding)}.vxe-list--body.checkbox--highlight .vxe-list--row.is-checkbox--checked{background-color:var(--vxe-ui-list-row-checkbox-checked-background-color)}.vxe-list--body.radio--highlight .vxe-list--row.is-radio--checked{background-color:var(--vxe-ui-list-row-radio-checked-background-color)}.vxe-list--body.row--hover .vxe-list--row:hover{background-color:var(--vxe-ui-list-row-hover-background-color)}.vxe-list--body.row--hover .vxe-list--row:hover.is--current{background-color:var(--vxe-ui-list-row-hover-current-background-color)}.vxe-list--body.row--hover.radio--highlight .vxe-list--row.is-radio--checked:hover{background-color:var(--vxe-ui-list-row-hover-radio-checked-background-color)}.vxe-list--body.row--hover.checkbox--highlight .vxe-list--row.is-checkbox--checked:hover{background-color:var(--vxe-ui-list-row-hover-checkbox-checked-background-color)}.vxe-list--row.is--current{background-color:var(--vxe-ui-list-row-current-background-color)}.vxe-list--virtual-wrapper{height:100px}.vxe-list--row{display:flex;flex-direction:row;align-items:center}.vxe-list--row-drag{display:flex;flex-direction:row;align-items:center;flex-shrink:0;padding-right:var(--vxe-ui-current-padding)}.vxe-list--row-content{display:flex;flex-direction:row;align-items:center;flex-grow:1;height:var(--vxe-ui-list-row-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-list--drag-handle:not(.is--disabled){cursor:grab}.vxe-list--drag-handle:not(.is--disabled):active{cursor:grabbing}.vxe-list--drag-handle:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-list--drag-handle.is--disabled{color:var(--vxe-ui-input-disabled-color);cursor:not-allowed}.vxe-list--row.row--drag-move{transition:transform .5s ease}.vxe-list--row.row--drag-origin{opacity:.3}.vxe-list--drag-row-line{display:none;position:absolute;top:0;left:0;z-index:11;pointer-events:none}.vxe-list--drag-row-line{width:100%;height:1px;border:2px solid transparent}.vxe-list--drag-row-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-list--drag-row-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-list--drag-row-line[drag-to-child=y]{border-top-color:transparent;border-bottom-color:transparent;border-left-color:var(--vxe-ui-status-success-color)}.vxe-list--drag-row-line.is--guides{background-color:var(--vxe-ui-list-drag-over-background-color)}.vxe-body--row-list-move{transition-property:transform;transition-duration:.35s}.vxe-list--drag-sort-tip{display:none;position:absolute;top:0;left:0;padding:.6em 1.4em;max-width:50%;min-width:100px;border-radius:var(--vxe-ui-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-ui-layout-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-list--drag-sort-tip[drag-status=normal] .vxe-list--drag-sort-tip-normal-status{display:block}.vxe-list--drag-sort-tip[drag-status=sub] .vxe-list--drag-sort-tip-sub-status{display:block}.vxe-list--drag-sort-tip[drag-status=disabled] .vxe-list--drag-sort-tip-disabled-status{display:block}.vxe-list--drag-sort-tip-wrapper{display:flex;flex-direction:row;align-items:center}.vxe-list--drag-sort-tip-status{padding-right:.4em}.vxe-list--drag-sort-tip-disabled-status{display:none;flex-shrink:0;color:var(--vxe-ui-status-error-color)}.vxe-list--drag-sort-tip-normal-status,.vxe-list--drag-sort-tip-sub-status{display:none}.vxe-list--drag-sort-tip-content{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-list--checkbox-header{padding-right:var(--vxe-ui-current-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-list--checkbox-header{cursor:pointer}.vxe-list--checkbox-header .vxe-checkbox--icon{font-size:1.22em}.vxe-list--checkbox-header .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-list--checkbox-header.is--checked,.vxe-list--checkbox-header.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-header.is--checked .vxe-checkbox--icon,.vxe-list--checkbox-header.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-header:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-header.is--hidden{cursor:default}.vxe-list--checkbox-header.is--readonly{cursor:auto}.vxe-list--checkbox-header.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list--checkbox-header.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list--checkbox-header .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-list--checkbox-option{padding-right:var(--vxe-ui-current-padding)}.vxe-list--checkbox-option{cursor:pointer}.vxe-list--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-list--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-list--checkbox-option.is--checked,.vxe-list--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-list--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-option.is--hidden{cursor:default}.vxe-list--checkbox-option.is--readonly{cursor:auto}.vxe-list--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-list--radio-option{padding-right:var(--vxe-ui-current-padding)}.vxe-list--radio-option{cursor:pointer}.vxe-list--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-list--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-list--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-list--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--radio-option.is--readonly{cursor:auto}.vxe-list--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list--radio-option .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-list{--vxe-ui-current-padding:var(--vxe-ui-layout-padding-default)}.vxe-list.size--mini,.vxe-list.size--small{--vxe-ui-current-padding:var(--vxe-ui-layout-padding-half)}.vxe-list{font-size:var(--vxe-ui-font-size-default)}.vxe-list.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-list.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-list.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/es/vxe-table-transfer/index.js

@@ -0,0 +1,3 @@
+import VxeTableTransfer from '../table-transfer';
+export * from '../table-transfer';
+export default VxeTableTransfer;

package/es/vxe-transfer/index.js

@@ -0,0 +1,3 @@
+import VxeTransfer from '../transfer';
+export * from '../transfer';
+export default VxeTransfer;

package/es/vxe-transfer/style.css

@@ -0,0 +1,4 @@
+.vxe-transfer--body {
+  display: flex;
+  flex-direction: row;
+}

package/es/vxe-transfer/style.min.css

@@ -0,0 +1 @@
+.vxe-transfer--body{display:flex;flex-direction:row}

package/lib/collapse/src/collapse.js

@@ -14,14 +14,16 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function createReactData() {
   return {
     staticPanes: [],
-    activeNames: [],
-    initNames: [],
-    cachePaneMaps: {}
+    cachePaneMaps: {},
+    activeKeyFlag: 0,
+    openKeyFlag: 0
   };
 }
 function createInternalData() {
   return {
-    // esTime: null
+    // esTime: null,
+    activeKeyMaps: {},
+    openKeyMaps: {}
   };
 }
 var _default = exports.default = (0, _comp.defineVxeComponent)({
@@ -84,6 +86,17 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, (0, _ui.createEvent)(evnt, {
+        $collapse: $xeCollapse
+      }, params));
+    };
+    const collapseMethods = {
+      dispatchEvent
+    };
+    const emitModel = value => {
+      emit('update:modelValue', value);
+    };
     const handleFilterItem = item => {
       const {
         permissionCode
@@ -95,12 +108,32 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }
       return true;
     };
-    const addInitName = name => {
+    const updateModel = () => {
       const {
-        initNames
-      } = reactData;
-      if (name && !initNames.includes(name)) {
-        initNames.push(name);
+        modelValue
+      } = props;
+      const {
+        openKeyMaps
+      } = internalData;
+      const activeMaps = {};
+      if (modelValue) {
+        modelValue.forEach(name => {
+          if (!openKeyMaps[name]) {
+            openKeyMaps[name] = true;
+          }
+          activeMaps[name] = true;
+        });
+      }
+      internalData.activeKeyMaps = activeMaps;
+      reactData.activeKeyFlag++;
+      reactData.openKeyFlag++;
+    };
+    const handleOpen = name => {
+      const {
+        openKeyMaps
+      } = internalData;
+      if (name && !openKeyMaps[name]) {
+        openKeyMaps[name] = true;
         dispatchEvent('load', {
           name
         }, null);
@@ -110,8 +143,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     };
     const initDefaultName = list => {
       const {
-        activeNames
-      } = reactData;
+        activeKeyMaps
+      } = internalData;
       const nameMaps = {};
       if (list && list.length) {
         list.forEach(item => {
@@ -120,32 +153,19 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             preload
           } = item || {};
           if (name) {
-            const isActive = activeNames.includes(name);
-            nameMaps[`${name}`] = {
+            const isActive = activeKeyMaps[name];
+            nameMaps[name] = {
               height: 0,
               loading: false
             };
-            if (isActive) {
-              addInitName(name);
-            }
-            if (preload) {
-              if (!isActive) {
-                activeNames.push(name);
-              }
+            if (isActive || preload) {
+              handleOpen(name);
             }
           }
         });
       }
-      reactData.activeNames = activeNames ? activeNames.slice(0) : [];
       reactData.cachePaneMaps = nameMaps;
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, _ui.createEvent)(evnt, {
-        $collapse: $xeCollapse
-      }, params));
-    };
-    const collapseMethods = {
-      dispatchEvent
+      reactData.openKeyFlag++;
     };
     const callSlot = (slotFunc, params) => {
       if (slotFunc) {
@@ -159,12 +179,16 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       return [];
     };
     const handleClickEvent = (evnt, item) => {
-      const {
-        activeNames
-      } = reactData;
+      let {
+        activeKeyMaps
+      } = internalData;
       const {
         esTime
       } = internalData;
+      const expandOpts = computeExpandOpts.value;
+      const {
+        accordion
+      } = expandOpts;
       const {
         name
       } = item;
@@ -174,13 +198,15 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       if (name) {
         const headEl = evnt.currentTarget;
         const bodyEl = headEl.nextElementSibling;
-        const aIndex = activeNames.indexOf(name);
         let expanded = false;
-        if (aIndex === -1) {
-          expanded = true;
-          activeNames.push(name);
+        if (activeKeyMaps[name]) {
+          delete activeKeyMaps[name];
         } else {
-          activeNames.splice(aIndex, 1);
+          if (accordion) {
+            activeKeyMaps = {};
+          }
+          expanded = true;
+          activeKeyMaps[name] = true;
         }
         const startAnimation = () => {
           const itemEl = bodyEl.firstElementChild;
@@ -200,6 +226,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             }
           }
         };
+        const value = Object.keys(activeKeyMaps);
+        internalData.activeKeyMaps = activeKeyMaps;
+        handleOpen(name);
+        reactData.activeKeyFlag++;
+        reactData.openKeyFlag++;
         if (bodyEl) {
           const itemEl = bodyEl.firstElementChild;
           if (itemEl) {
@@ -209,13 +240,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             (0, _vue.nextTick)(startAnimation);
           }
         }
-        addInitName(name);
+        emitModel(value);
         dispatchEvent('change', {
-          value: activeNames,
+          value,
           name
         }, evnt);
         dispatchEvent('toggle-expand', {
-          value: activeNames,
+          value,
           name,
           expanded
         }, evnt);
@@ -225,9 +256,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     Object.assign($xeCollapse, collapseMethods, collapsePrivateMethods);
     const renderList = itemList => {
       const {
-        activeNames,
-        initNames
+        activeKeyFlag,
+        openKeyFlag
       } = reactData;
+      const {
+        activeKeyMaps,
+        openKeyMaps
+      } = internalData;
       const expandOpts = computeExpandOpts.value;
       return itemList.map(item => {
         const {
@@ -238,7 +273,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         } = item;
         const titleSlot = slots ? slots.title : null;
         const defaultSlot = slots ? slots.default : null;
-        const isActive = name && activeNames.includes(name);
+        const isActive = name && activeKeyFlag && activeKeyMaps[name];
         return (0, _vue.h)('div', {
           class: 'vxe-collapse-item'
         }, [(0, _vue.h)('div', {
@@ -264,7 +299,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             'is--visible': isActive,
             'is--hidden': !isActive
           }]
-        }, [name && initNames.includes(name) ? (0, _vue.h)('div', {
+        }, [name && openKeyFlag && openKeyMaps[name] ? (0, _vue.h)('div', {
           class: 'vxe-collapse--item-inner'
         }, [defaultSlot ? callSlot(defaultSlot, {
           name,
@@ -293,8 +328,15 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         class: 'vxe-collapse-slots'
       }, defaultSlot ? defaultSlot({}) : []), renderList(itemList)]);
     };
-    (0, _vue.watch)(() => props.modelValue, val => {
-      reactData.activeNames = val || [];
+    const valFlag = (0, _vue.ref)(0);
+    (0, _vue.watch)(() => props.modelValue ? props.modelValue.length : -1, () => {
+      valFlag.value++;
+    });
+    (0, _vue.watch)(() => props.modelValue, () => {
+      valFlag.value++;
+    });
+    (0, _vue.watch)(valFlag, () => {
+      updateModel();
     });
     const optsFlag = (0, _vue.ref)(0);
     (0, _vue.watch)(() => props.options ? props.options.length : -1, () => {
@@ -316,7 +358,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     (0, _vue.watch)(stFlag, () => {
       initDefaultName(reactData.staticPanes);
     });
-    reactData.activeNames = props.modelValue || [];
+    updateModel();
     initDefaultName(reactData.staticPanes.length ? reactData.staticPanes : props.options);
     (0, _vue.onUnmounted)(() => {
       const {

package/lib/collapse/src/collapse.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createReactData(){return{staticPanes:[],activeNames:[],initNames:[],cachePaneMaps:{}}}function createInternalData(){return{}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCollapse",props:{modelValue:Array,options:Array,padding:{type:Boolean,default:()=>(0,_ui.getConfig)().collapse.padding},border:{type:Boolean,default:()=>(0,_ui.getConfig)().collapse.border},expandConfig:Object,size:{type:String,default:()=>(0,_ui.getConfig)().collapse.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","load","change","toggle-expand"],setup(n,e){let{emit:i,slots:u}=e;var t=_xeUtils.default.uniqueId();let r=(0,_ui.useSize)(n).computeSize,o=(0,_vue.ref)(),c=(0,_vue.reactive)(createReactData()),v=createInternalData(),a={refElem:o},d=(0,_vue.computed)(()=>{var e=n.options;return(e||[]).filter(e=>l(e))}),p=(0,_vue.computed)(()=>{var e=c.staticPanes;return e.filter(e=>l(e))}),m=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().collapse.expandConfig,n.expandConfig)),s={},_={xID:t,props:n,context:e,reactData:c,internalData:v,getRefMaps:()=>a,getComputeMaps:()=>s},l=e=>{e=e.permissionCode;return!(e&&!_ui.permission.checkVisible(e))},h=e=>{var t=c.initNames;return!(!e||t.includes(e)||(t.push(e),f("load",{name:e},null),0))},g=e=>{let i=c.activeNames,s={};e&&e.length&&e.forEach(e=>{var t,{name:e,preload:a}=e||{};e&&(t=i.includes(e),s[""+e]={height:0,loading:!1},t&&h(e),a)&&!t&&i.push(e)}),c.activeNames=i?i.slice(0):[],c.cachePaneMaps=s},f=(e,t,a)=>{i(e,(0,_ui.createEvent)(a,{$collapse:_},t))};t={dispatchEvent:f};let x=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=u[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],C=(e,i)=>{var s=c.activeNames,l=v.esTime,i=i.name;if(l&&clearTimeout(l),i){let t=e.currentTarget.nextElementSibling;l=s.indexOf(i);let a=!1;-1===l?(a=!0,s.push(i)):s.splice(l,1);l=()=>{var e=t.firstElementChild;e&&(t.style.height=(0,_dom.toCssUnit)(e.scrollHeight),a?v.esTime=setTimeout(()=>{t.style.height="",v.esTime=void 0},200):(0,_vue.nextTick)(()=>{requestAnimationFrame(()=>{t.style.height=""})}))};t&&(t.firstElementChild?l():(t.style.height="0",(0,_vue.nextTick)(l))),h(i),f("change",{value:s,name:i},e),f("toggle-expand",{value:s,name:i,expanded:a},e)}};Object.assign(_,t,{});(0,_vue.watch)(()=>n.modelValue,e=>{c.activeNames=e||[]});let E=(0,_vue.ref)(0),N=((0,_vue.watch)(()=>n.options?n.options.length:-1,()=>{E.value++}),(0,_vue.watch)(()=>n.options,()=>{E.value++}),(0,_vue.watch)(E,()=>{g(n.options)}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>c.staticPanes?c.staticPanes.length:-1,()=>{N.value++}),(0,_vue.watch)(()=>c.staticPanes,()=>{N.value++}),(0,_vue.watch)(N,()=>{g(c.staticPanes)}),c.activeNames=n.modelValue||[],g(c.staticPanes.length?c.staticPanes:n.options),(0,_vue.onUnmounted)(()=>{var e=v.esTime;e&&clearTimeout(e),_xeUtils.default.assign(c,createReactData()),_xeUtils.default.assign(v,createInternalData())}),(0,_vue.provide)("$xeCollapse",_),_.renderVN=()=>{var{padding:e,border:t}=n,a=r.value,i=d.value,s=p.value,l=u.default,s=l?s:i;return(0,_vue.h)("div",{ref:o,class:["vxe-collapse",{["size--"+a]:a,"is--padding":e,"is--border":t}]},[(0,_vue.h)("div",{class:"vxe-collapse-slots"},l?l({}):[]),(e=>{let{activeNames:u,initNames:r}=c,o=m.value;return e.map(t=>{var{icon:e,name:a,title:i,slots:s}=t,l=s?s.title:null,s=s?s.default:null,n=a&&u.includes(a);return(0,_vue.h)("div",{class:"vxe-collapse-item"},[(0,_vue.h)("div",{class:"vxe-collapse--item-header",onClick(e){C(e,t)}},[o.showIcon?(0,_vue.h)("span",{class:"vxe-collapse--item-switch"},[(0,_vue.h)("i",{class:n?(0,_ui.getIcon)().COLLAPSE_OPEN:(0,_ui.getIcon)().COLLAPSE_CLOSE})]):(0,_ui.renderEmptyElement)(_),e?(0,_vue.h)("span",{class:"vxe-collapse--item-icon"},[(0,_vue.h)("i",{class:e})]):(0,_ui.renderEmptyElement)(_),(0,_vue.h)("span",{class:"vxe-collapse--item-name"},l?x(l,{name:a,title:i}):""+i)]),(0,_vue.h)("div",{class:["vxe-collapse--item-content",{"is--visible":n,"is--hidden":!n}]},[a&&r.includes(a)?(0,_vue.h)("div",{class:"vxe-collapse--item-inner"},[s?x(s,{name:a,title:i}):""]):(0,_ui.renderEmptyElement)(_)])])})})(s)])},_},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createReactData(){return{staticPanes:[],cachePaneMaps:{},activeKeyFlag:0,openKeyFlag:0}}function createInternalData(){return{activeKeyMaps:{},openKeyMaps:{}}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCollapse",props:{modelValue:Array,options:Array,padding:{type:Boolean,default:()=>(0,_ui.getConfig)().collapse.padding},border:{type:Boolean,default:()=>(0,_ui.getConfig)().collapse.border},expandConfig:Object,size:{type:String,default:()=>(0,_ui.getConfig)().collapse.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","load","change","toggle-expand"],setup(s,e){let{emit:l,slots:u}=e;var t=_xeUtils.default.uniqueId();let r=(0,_ui.useSize)(s).computeSize,o=(0,_vue.ref)(),p=(0,_vue.reactive)(createReactData()),d=createInternalData(),a={refElem:o},c=(0,_vue.computed)(()=>{var e=s.options;return(e||[]).filter(e=>n(e))}),v=(0,_vue.computed)(()=>{var e=p.staticPanes;return e.filter(e=>n(e))}),_=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().collapse.expandConfig,s.expandConfig)),i={},m={xID:t,props:s,context:e,reactData:p,internalData:d,getRefMaps:()=>a,getComputeMaps:()=>i},g=(e,t,a)=>{l(e,(0,_ui.createEvent)(a,{$collapse:m},t))};t={dispatchEvent:g};let h=e=>{l("update:modelValue",e)},n=e=>{e=e.permissionCode;return!(e&&!_ui.permission.checkVisible(e))},f=()=>{var e=s.modelValue;let t=d.openKeyMaps,a={};e&&e.forEach(e=>{t[e]||(t[e]=!0),a[e]=!0}),d.activeKeyMaps=a,p.activeKeyFlag++,p.openKeyFlag++},x=e=>{var t=d.openKeyMaps;return!(!e||t[e]||(t[e]=!0,g("load",{name:e},null),0))},y=e=>{let l=d.activeKeyMaps,i={};e&&e.length&&e.forEach(e=>{var t,{name:e,preload:a}=e||{};e&&(t=l[e],i[e]={height:0,loading:!1},t||a)&&x(e)}),p.cachePaneMaps=i,p.openKeyFlag++},C=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=u[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],K=(e,l)=>{let i=d.activeKeyMaps;var n=d.esTime,s=_.value.accordion,l=l.name;if(n&&clearTimeout(n),l){let t=e.currentTarget.nextElementSibling,a=!1;i[l]?delete i[l]:(s&&(i={}),a=!0,i[l]=!0);n=()=>{var e=t.firstElementChild;e&&(t.style.height=(0,_dom.toCssUnit)(e.scrollHeight),a?d.esTime=setTimeout(()=>{t.style.height="",d.esTime=void 0},200):(0,_vue.nextTick)(()=>{requestAnimationFrame(()=>{t.style.height=""})}))},s=Object.keys(i);d.activeKeyMaps=i,x(l),p.activeKeyFlag++,p.openKeyFlag++,t&&(t.firstElementChild?n():(t.style.height="0",(0,_vue.nextTick)(n))),h(s),g("change",{value:s,name:l},e),g("toggle-expand",{value:s,name:l,expanded:a},e)}};Object.assign(m,t,{});let E=(0,_vue.ref)(0),M=((0,_vue.watch)(()=>s.modelValue?s.modelValue.length:-1,()=>{E.value++}),(0,_vue.watch)(()=>s.modelValue,()=>{E.value++}),(0,_vue.watch)(E,()=>{f()}),(0,_vue.ref)(0)),P=((0,_vue.watch)(()=>s.options?s.options.length:-1,()=>{M.value++}),(0,_vue.watch)(()=>s.options,()=>{M.value++}),(0,_vue.watch)(M,()=>{y(s.options)}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>p.staticPanes?p.staticPanes.length:-1,()=>{P.value++}),(0,_vue.watch)(()=>p.staticPanes,()=>{P.value++}),(0,_vue.watch)(P,()=>{y(p.staticPanes)}),f(),y(p.staticPanes.length?p.staticPanes:s.options),(0,_vue.onUnmounted)(()=>{var e=d.esTime;e&&clearTimeout(e),_xeUtils.default.assign(p,createReactData()),_xeUtils.default.assign(d,createInternalData())}),(0,_vue.provide)("$xeCollapse",m),m.renderVN=()=>{var{padding:e,border:t}=s,a=r.value,l=c.value,i=v.value,n=u.default,i=n?i:l;return(0,_vue.h)("div",{ref:o,class:["vxe-collapse",{["size--"+a]:a,"is--padding":e,"is--border":t}]},[(0,_vue.h)("div",{class:"vxe-collapse-slots"},n?n({}):[]),(e=>{let{activeKeyFlag:u,openKeyFlag:r}=p,{activeKeyMaps:o,openKeyMaps:c}=d,v=_.value;return e.map(t=>{var{icon:e,name:a,title:l,slots:i}=t,n=i?i.title:null,i=i?i.default:null,s=a&&u&&o[a];return(0,_vue.h)("div",{class:"vxe-collapse-item"},[(0,_vue.h)("div",{class:"vxe-collapse--item-header",onClick(e){K(e,t)}},[v.showIcon?(0,_vue.h)("span",{class:"vxe-collapse--item-switch"},[(0,_vue.h)("i",{class:s?(0,_ui.getIcon)().COLLAPSE_OPEN:(0,_ui.getIcon)().COLLAPSE_CLOSE})]):(0,_ui.renderEmptyElement)(m),e?(0,_vue.h)("span",{class:"vxe-collapse--item-icon"},[(0,_vue.h)("i",{class:e})]):(0,_ui.renderEmptyElement)(m),(0,_vue.h)("span",{class:"vxe-collapse--item-name"},n?C(n,{name:a,title:l}):""+l)]),(0,_vue.h)("div",{class:["vxe-collapse--item-content",{"is--visible":s,"is--hidden":!s}]},[a&&r&&c[a]?(0,_vue.h)("div",{class:"vxe-collapse--item-inner"},[i?C(i,{name:a,title:l}):""]):(0,_ui.renderEmptyElement)(m)])])})})(i)])},m},render(){return this.renderVN()}});