vxe-pc-ui 3.0.1 → 3.0.2

package/es/pager/style.css

@@ -0,0 +1,303 @@
+/*pager*/
+.vxe-pager {
+  position: relative;
+  display: flex;
+  align-items: center;
+  color: var(--vxe-ui-font-color);
+  font-family: var(--vxe-ui-font-family);
+  text-align: right;
+  background-color: var(--vxe-ui-layout-background-color);
+}
+.vxe-pager.is--hidden {
+  display: none;
+}
+.vxe-pager.align--left {
+  text-align: left;
+}
+.vxe-pager.align--center {
+  text-align: center;
+}
+.vxe-pager.is--loading:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 999;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  background-color: var(--vxe-ui-loading-background-color);
+}
+.vxe-pager .vxe-pager--prev-btn,
+.vxe-pager .vxe-pager--next-btn,
+.vxe-pager .vxe-pager--num-btn,
+.vxe-pager .vxe-pager--jump-prev,
+.vxe-pager .vxe-pager--jump-next {
+  color: inherit;
+  outline: 0;
+  padding: 0;
+  border: 1px solid transparent;
+  font-size: inherit;
+}
+.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus,
+.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,
+.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,
+.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,
+.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus {
+  box-shadow: 0 0 0.25em 0 var(--vxe-ui-font-primary-color);
+}
+.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover,
+.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,
+.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,
+.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,
+.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover {
+  color: var(--vxe-ui-font-primary-lighten-color);
+}
+.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active,
+.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,
+.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,
+.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,
+.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active {
+  background-color: #fff;
+}
+.vxe-pager.is--border:not(.is--background) .vxe-pager--prev-btn,
+.vxe-pager.is--border:not(.is--background) .vxe-pager--next-btn,
+.vxe-pager.is--border:not(.is--background) .vxe-pager--num-btn,
+.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-prev,
+.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-next, .vxe-pager.is--perfect:not(.is--background) .vxe-pager--prev-btn,
+.vxe-pager.is--perfect:not(.is--background) .vxe-pager--next-btn,
+.vxe-pager.is--perfect:not(.is--background) .vxe-pager--num-btn,
+.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-prev,
+.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-next {
+  border-color: var(--vxe-ui-input-border-color);
+}
+.vxe-pager.is--background .vxe-pager--prev-btn,
+.vxe-pager.is--background .vxe-pager--next-btn,
+.vxe-pager.is--background .vxe-pager--jump-prev,
+.vxe-pager.is--background .vxe-pager--num-btn,
+.vxe-pager.is--background .vxe-pager--jump-next, .vxe-pager.is--perfect .vxe-pager--prev-btn,
+.vxe-pager.is--perfect .vxe-pager--next-btn,
+.vxe-pager.is--perfect .vxe-pager--jump-prev,
+.vxe-pager.is--perfect .vxe-pager--num-btn,
+.vxe-pager.is--perfect .vxe-pager--jump-next {
+  background-color: var(--vxe-ui-layout-background-color);
+}
+.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active,
+.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active,
+.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active, .vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active,
+.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active,
+.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active {
+  color: #fff;
+  background-color: var(--vxe-ui-font-primary-color);
+}
+.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,
+.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:hover,
+.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:hover, .vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,
+.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:hover,
+.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:hover {
+  background-color: var(--vxe-ui-font-primary-lighten-color);
+}
+.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,
+.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:focus,
+.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:focus, .vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,
+.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:focus,
+.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:focus {
+  border-color: var(--vxe-ui-font-primary-color);
+}
+.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:active,
+.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:active,
+.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:active, .vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:active,
+.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:active,
+.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:active {
+  border-color: var(--vxe-ui-font-primary-darken-color);
+  background-color: var(--vxe-ui-font-primary-darken-color);
+}
+.vxe-pager.is--perfect {
+  border: 1px solid var(--vxe-ui-input-border-color);
+  border-top-width: 0;
+  background-color: var(--vxe-ui-layout-background-color);
+}
+.vxe-pager.is--border .vxe-pager--num-btn.is--active {
+  border-color: var(--vxe-ui-font-primary-color);
+}
+.vxe-pager .vxe-pager--wrapper {
+  flex-grow: 1;
+}
+.vxe-pager .vxe-pager--jump-icon,
+.vxe-pager .vxe-pager--btn-icon {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.vxe-pager .vxe-pager--left-wrapper,
+.vxe-pager .vxe-pager--right-wrapper,
+.vxe-pager .vxe-pager--total,
+.vxe-pager .vxe-pager--prev-btn,
+.vxe-pager .vxe-pager--next-btn,
+.vxe-pager .vxe-pager--jump,
+.vxe-pager .vxe-pager--jump-prev,
+.vxe-pager .vxe-pager--jump-next,
+.vxe-pager .vxe-pager--count,
+.vxe-pager .vxe-pager--sizes {
+  margin: 0 0.4em;
+  vertical-align: middle;
+  display: inline-block;
+}
+.vxe-pager .vxe-pager--prev-btn,
+.vxe-pager .vxe-pager--jump-prev,
+.vxe-pager .vxe-pager--num-btn,
+.vxe-pager .vxe-pager--jump-next,
+.vxe-pager .vxe-pager--next-btn {
+  position: relative;
+  cursor: pointer;
+}
+.vxe-pager .vxe-pager--left-wrapper,
+.vxe-pager .vxe-pager--right-wrapper,
+.vxe-pager .vxe-pager--count,
+.vxe-pager .vxe-pager--prev-btn,
+.vxe-pager .vxe-pager--next-btn,
+.vxe-pager .vxe-pager--jump-prev,
+.vxe-pager .vxe-pager--num-btn,
+.vxe-pager .vxe-pager--jump-next {
+  height: 2.15em;
+  line-height: 2em;
+  display: inline-block;
+}
+.vxe-pager .vxe-pager--sizes > .vxe-select--panel .vxe-select-option {
+  text-align: center;
+}
+.vxe-pager .vxe-pager--jump-prev,
+.vxe-pager .vxe-pager--prev-btn,
+.vxe-pager .vxe-pager--next-btn,
+.vxe-pager .vxe-pager--jump-next,
+.vxe-pager .vxe-pager--num-btn,
+.vxe-pager .vxe-pager--count {
+  min-width: 2.15em;
+}
+.vxe-pager .vxe-pager--btn-wrapper {
+  padding: 0;
+  margin: 0;
+  display: inline-block;
+  text-align: center;
+}
+.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-more-icon,
+.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-more-icon {
+  display: none;
+}
+.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-icon,
+.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-icon {
+  display: inline-block;
+}
+.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-icon {
+  display: none;
+}
+.vxe-pager .vxe-pager--jump-prev,
+.vxe-pager .vxe-pager--prev-btn,
+.vxe-pager .vxe-pager--next-btn,
+.vxe-pager .vxe-pager--jump-next,
+.vxe-pager .vxe-pager--num-btn {
+  text-align: center;
+  border-radius: var(--vxe-ui-base-border-radius);
+  margin: 0 0.25em;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  background-color: var(--vxe-ui-layout-background-color);
+}
+.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,
+.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover,
+.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,
+.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,
+.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover {
+  color: var(--vxe-ui-font-primary-lighten-color);
+}
+.vxe-pager .vxe-pager--jump-prev:not(.is--disabled).is--active, .vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,
+.vxe-pager .vxe-pager--prev-btn:not(.is--disabled).is--active,
+.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus,
+.vxe-pager .vxe-pager--next-btn:not(.is--disabled).is--active,
+.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,
+.vxe-pager .vxe-pager--jump-next:not(.is--disabled).is--active,
+.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,
+.vxe-pager .vxe-pager--num-btn:not(.is--disabled).is--active,
+.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,
+.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active,
+.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,
+.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,
+.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active {
+  color: var(--vxe-ui-font-primary-darken-color);
+}
+.vxe-pager .vxe-pager--jump-prev.is--disabled,
+.vxe-pager .vxe-pager--prev-btn.is--disabled,
+.vxe-pager .vxe-pager--next-btn.is--disabled,
+.vxe-pager .vxe-pager--jump-next.is--disabled,
+.vxe-pager .vxe-pager--num-btn.is--disabled {
+  cursor: no-drop;
+  color: var(--vxe-ui-font-disabled-color);
+}
+.vxe-pager .vxe-pager--jump-prev.is--disabled:hover,
+.vxe-pager .vxe-pager--prev-btn.is--disabled:hover,
+.vxe-pager .vxe-pager--next-btn.is--disabled:hover,
+.vxe-pager .vxe-pager--jump-next.is--disabled:hover,
+.vxe-pager .vxe-pager--num-btn.is--disabled:hover {
+  color: var(--vxe-ui-font-disabled-color);
+}
+.vxe-pager .vxe-pager--num-btn {
+  vertical-align: middle;
+}
+.vxe-pager .vxe-pager--num-btn.is--active {
+  font-weight: 700;
+}
+.vxe-pager .vxe-pager--sizes {
+  width: 7em;
+  text-align: center;
+  cursor: pointer;
+}
+.vxe-pager .vxe-pager--sizes .vxe-input--inner {
+  text-align: center;
+}
+.vxe-pager .vxe-pager--count {
+  text-align: center;
+}
+.vxe-pager .vxe-pager--count > span {
+  vertical-align: middle;
+}
+.vxe-pager .vxe-pager--count .vxe-pager--separator {
+  margin-right: 0.2em;
+}
+.vxe-pager .vxe-pager--count .vxe-pager--separator:before {
+  content: "/";
+}
+.vxe-pager .vxe-pager--jump .vxe-pager--goto-text {
+  margin-right: 0.25em;
+}
+.vxe-pager .vxe-pager--jump .vxe-pager--classifier-text {
+  margin-left: 0.25em;
+}
+.vxe-pager .vxe-pager--jump .vxe-pager--goto {
+  width: 4em;
+}
+
+.vxe-pager {
+  font-size: var(--vxe-ui-font-size-default);
+  height: 48px;
+}
+.vxe-pager.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+  height: 44px;
+}
+.vxe-pager.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+  height: 40px;
+}
+.vxe-pager.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
+  height: 36px;
+}

package/es/pager/style.min.css

@@ -0,0 +1 @@
+.vxe-pager{position:relative;display:flex;align-items:center;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);text-align:right;background-color:var(--vxe-ui-layout-background-color)}.vxe-pager.is--hidden{display:none}.vxe-pager.align--left{text-align:left}.vxe-pager.align--center{text-align:center}.vxe-pager.is--loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{color:inherit;outline:0;padding:0;border:1px solid transparent;font-size:inherit}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{box-shadow:0 0 .25em 0 var(--vxe-ui-font-primary-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{background-color:#fff}.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--border:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--prev-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--prev-btn{border-color:var(--vxe-ui-input-border-color)}.vxe-pager.is--background .vxe-pager--jump-next,.vxe-pager.is--background .vxe-pager--jump-prev,.vxe-pager.is--background .vxe-pager--next-btn,.vxe-pager.is--background .vxe-pager--num-btn,.vxe-pager.is--background .vxe-pager--prev-btn,.vxe-pager.is--perfect .vxe-pager--jump-next,.vxe-pager.is--perfect .vxe-pager--jump-prev,.vxe-pager.is--perfect .vxe-pager--next-btn,.vxe-pager.is--perfect .vxe-pager--num-btn,.vxe-pager.is--perfect .vxe-pager--prev-btn{background-color:var(--vxe-ui-layout-background-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:active{border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-pager.is--perfect{border:1px solid var(--vxe-ui-input-border-color);border-top-width:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-pager.is--border .vxe-pager--num-btn.is--active{border-color:var(--vxe-ui-font-primary-color)}.vxe-pager .vxe-pager--wrapper{flex-grow:1}.vxe-pager .vxe-pager--btn-icon,.vxe-pager .vxe-pager--jump-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper,.vxe-pager .vxe-pager--sizes,.vxe-pager .vxe-pager--total{margin:0 .4em;vertical-align:middle;display:inline-block}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{position:relative;cursor:pointer}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper{height:2.15em;line-height:2em;display:inline-block}.vxe-pager .vxe-pager--sizes>.vxe-select--panel .vxe-select-option{text-align:center}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{min-width:2.15em}.vxe-pager .vxe-pager--btn-wrapper{padding:0;margin:0;display:inline-block;text-align:center}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-more-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-more-icon{display:none}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-icon{display:inline-block}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-icon{display:none}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{text-align:center;border-radius:var(--vxe-ui-base-border-radius);margin:0 .25em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--vxe-ui-layout-background-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-pager .vxe-pager--jump-next.is--disabled,.vxe-pager .vxe-pager--jump-prev.is--disabled,.vxe-pager .vxe-pager--next-btn.is--disabled,.vxe-pager .vxe-pager--num-btn.is--disabled,.vxe-pager .vxe-pager--prev-btn.is--disabled{cursor:no-drop;color:var(--vxe-ui-font-disabled-color)}.vxe-pager .vxe-pager--jump-next.is--disabled:hover,.vxe-pager .vxe-pager--jump-prev.is--disabled:hover,.vxe-pager .vxe-pager--next-btn.is--disabled:hover,.vxe-pager .vxe-pager--num-btn.is--disabled:hover,.vxe-pager .vxe-pager--prev-btn.is--disabled:hover{color:var(--vxe-ui-font-disabled-color)}.vxe-pager .vxe-pager--num-btn{vertical-align:middle}.vxe-pager .vxe-pager--num-btn.is--active{font-weight:700}.vxe-pager .vxe-pager--sizes{width:7em;text-align:center;cursor:pointer}.vxe-pager .vxe-pager--sizes .vxe-input--inner{text-align:center}.vxe-pager .vxe-pager--count{text-align:center}.vxe-pager .vxe-pager--count>span{vertical-align:middle}.vxe-pager .vxe-pager--count .vxe-pager--separator{margin-right:.2em}.vxe-pager .vxe-pager--count .vxe-pager--separator:before{content:"/"}.vxe-pager .vxe-pager--jump .vxe-pager--goto-text{margin-right:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--classifier-text{margin-left:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--goto{width:4em}.vxe-pager{font-size:var(--vxe-ui-font-size-default);height:48px}.vxe-pager.size--medium{font-size:var(--vxe-ui-font-size-medium);height:44px}.vxe-pager.size--small{font-size:var(--vxe-ui-font-size-small);height:40px}.vxe-pager.size--mini{font-size:var(--vxe-ui-font-size-mini);height:36px}

package/es/password-input/src/password-input.js

@@ -93,6 +93,10 @@ export default defineVxeComponent({
             const $xePasswordInput = this;
             $xePasswordInput.$emit(type, createEvent(evnt, { $passwordInput: $xePasswordInput }, params));
         },
+        emitModel(value) {
+            const $xeModal = this;
+            $xeModal.$emit('modelValue', value);
+        },
         focus() {
             const $xePasswordInput = this;
             const reactData = $xePasswordInput.reactData;
@@ -135,14 +139,14 @@ export default defineVxeComponent({
             const value = inputElem.value;
             $xePasswordInput.emitInputEvent(value, evnt);
         },
-        emitModel(value, evnt) {
+        handleChange(value, evnt) {
             const $xePasswordInput = this;
             const props = $xePasswordInput;
             const reactData = $xePasswordInput.reactData;
             const $xeForm = $xePasswordInput.$xeForm;
             const formItemInfo = $xePasswordInput.formItemInfo;
             reactData.inputValue = value;
-            $xePasswordInput.$emit('modelValue', value);
+            $xePasswordInput.emitModel(value);
             $xePasswordInput.dispatchEvent('input', { value }, evnt);
             if (XEUtils.toValueString(props.value) !== value) {
                 $xePasswordInput.dispatchEvent('change', { value }, evnt);
@@ -194,7 +198,7 @@ export default defineVxeComponent({
         clearValueEvent(evnt, value) {
             const $xePasswordInput = this;
             $xePasswordInput.focus();
-            $xePasswordInput.emitModel('', evnt);
+            $xePasswordInput.handleChange('', evnt);
             $xePasswordInput.dispatchEvent('clear', { value }, evnt);
         },
         clickSuffixEvent(evnt) {

package/es/pulldown/src/pulldown.js

@@ -99,6 +99,10 @@ export default defineVxeComponent({
             const $xePulldown = this;
             $xePulldown.$emit(type, createEvent(evnt, { $pulldown: $xePulldown }, params));
         },
+        emitModel(value) {
+            const $xePulldown = this;
+            $xePulldown.$emit('modelValue', value);
+        },
         updateZindex() {
             const $xePulldown = this;
             const reactData = $xePulldown.reactData;
@@ -219,7 +223,7 @@ export default defineVxeComponent({
                     reactData.visibleAnimate = true;
                     setTimeout(() => {
                         reactData.visiblePanel = true;
-                        $xePulldown.$emit('modelValue', true);
+                        $xePulldown.emitModel(true);
                         $xePulldown.updatePlacement();
                         setTimeout(() => {
                             resolve($xePulldown.updatePlacement());
@@ -242,7 +246,7 @@ export default defineVxeComponent({
             const reactData = $xePulldown.reactData;
             const internalData = $xePulldown.internalData;
             reactData.visiblePanel = false;
-            $xePulldown.$emit('modelValue', false);
+            $xePulldown.emitModel(false);
             return new Promise(resolve => {
                 if (reactData.visibleAnimate) {
                     internalData.hpTimeout = window.setTimeout(() => {

package/es/radio/src/button.js

@@ -86,6 +86,11 @@ export default defineVxeComponent({
             const $xeRadioButton = this;
             $xeRadioButton.$emit(type, createEvent(evnt, { $radioButton: $xeRadioButton }, params));
         },
+        emitModel(value) {
+            const $xeRadioButton = this;
+            $xeRadioButton.$emit('input', value);
+            $xeRadioButton.$emit('modelValue', value);
+        },
         handleValue(label, evnt) {
             const $xeRadioButton = this;
             const $xeForm = $xeRadioButton.$xeForm;
@@ -95,8 +100,7 @@ export default defineVxeComponent({
                 $xeRadioGroup.handleChecked({ label }, evnt);
             }
             else {
-                $xeRadioButton.$emit('input', label);
-                $xeRadioButton.$emit('modelValue', label);
+                $xeRadioButton.emitModel(label);
                 $xeRadioButton.dispatchEvent('change', { label }, evnt);
                 // 自动更新校验状态
                 if ($xeForm && formItemInfo) {

package/es/radio/src/group.js

@@ -91,13 +91,17 @@ export default defineVxeComponent({
             const $xeRadioGroup = this;
             $xeRadioGroup.$emit(type, createEvent(evnt, { $radioGroup: $xeRadioGroup }, params));
         },
+        emitModel(value) {
+            const $xeRadioGroup = this;
+            $xeRadioGroup.$emit('input', value);
+            $xeRadioGroup.$emit('modelValue', value);
+        },
         handleChecked(params, evnt) {
             const $xeRadioGroup = this;
             const $xeForm = $xeRadioGroup.$xeForm;
             const formItemInfo = $xeRadioGroup.formItemInfo;
             const value = params.label;
-            $xeRadioGroup.$emit('input', value);
-            $xeRadioGroup.$emit('modelValue', value);
+            $xeRadioGroup.emitModel(value);
             $xeRadioGroup.dispatchEvent('change', params, evnt);
             // 自动更新校验状态
             if ($xeForm && formItemInfo) {

package/es/radio/src/radio.js

@@ -88,6 +88,11 @@ export default defineVxeComponent({
             const $xeRadio = this;
             $xeRadio.$emit(type, createEvent(evnt, { $radio: $xeRadio }, params));
         },
+        emitModel(value) {
+            const $xeRadio = this;
+            $xeRadio.$emit('input', value);
+            $xeRadio.$emit('modelValue', value);
+        },
         handleValue(label, evnt) {
             const $xeRadio = this;
             const formItemInfo = $xeRadio.formItemInfo;
@@ -97,8 +102,7 @@ export default defineVxeComponent({
                 $xeRadioGroup.handleChecked({ label }, evnt);
             }
             else {
-                $xeRadio.$emit('input', label);
-                $xeRadio.$emit('modelValue', label);
+                $xeRadio.emitModel(label);
                 $xeRadio.dispatchEvent('change', { label }, evnt);
                 // 自动更新校验状态
                 if ($xeForm && formItemInfo) {

package/es/select/src/select.js

@@ -270,6 +270,10 @@ export default defineVxeComponent({
             const $xeSelect = this;
             $xeSelect.$emit(type, createEvent(evnt, { $select: $xeSelect }, params));
         },
+        emitModel(value) {
+            const $xeSelect = this;
+            $xeSelect.$emit('modelValue', value);
+        },
         isPanelVisible() {
             const $xeSelect = this;
             const reactData = $xeSelect.reactData;
@@ -591,6 +595,13 @@ export default defineVxeComponent({
                 }
                 if (!reactData.initialized) {
                     reactData.initialized = true;
+                    const btnTransfer = $xeSelect.computeBtnTransfer;
+                    const panelElem = $xeSelect.$refs.refOptionPanel;
+                    if (btnTransfer) {
+                        if (panelElem) {
+                            document.body.appendChild(panelElem);
+                        }
+                    }
                 }
                 reactData.isActivated = true;
                 reactData.isAniVisible = true;
@@ -627,8 +638,8 @@ export default defineVxeComponent({
             const props = $xeSelect;
             const $xeForm = $xeSelect.$xeForm;
             const formItemInfo = $xeSelect.formItemInfo;
+            $xeSelect.emitModel(selectValue);
             if (selectValue !== props.value) {
-                $xeSelect.$emit('modelValue', selectValue);
                 $xeSelect.dispatchEvent('change', { value: selectValue }, evnt);
                 // 自动更新校验状态
                 if ($xeForm && formItemInfo) {
@@ -1258,6 +1269,10 @@ export default defineVxeComponent({
     },
     beforeDestroy() {
         const $xeSelect = this;
+        const panelElem = $xeSelect.$refs.refOptionPanel;
+        if (panelElem && panelElem.parentNode) {
+            panelElem.parentNode.removeChild(panelElem);
+        }
         globalEvents.off($xeSelect, 'mousewheel');
         globalEvents.off($xeSelect, 'mousedown');
         globalEvents.off($xeSelect, 'keydown');

package/es/select/src/util.js

@@ -7,7 +7,8 @@ export function createOption($xeSelect, _vm) {
     return isOption(_vm) ? _vm : new OptionInfo($xeSelect, _vm);
 }
 export function watchOption(_vm, option) {
-    ['value', 'label', 'visible', 'className', 'disabled'].forEach(name => {
+    const optionPropKeys = ['value', 'label', 'visible', 'className', 'disabled'];
+    optionPropKeys.forEach(name => {
         _vm.$watch(name, (val) => {
             option.update(name, val);
         });