vxe-pc-ui 3.17.22 → 3.17.24

package/es/number-input/style.css

@@ -102,7 +102,6 @@
   border-radius: var(--vxe-ui-base-border-radius);
   width: 180px;
   border: 1px solid var(--vxe-ui-input-border-color);
-  overflow: hidden;
 }
 .vxe-number-input.is--active {
   border: 1px solid var(--vxe-ui-font-primary-color);
@@ -164,6 +163,16 @@
   color: var(--vxe-ui-font-primary-color);
 }
 
+.vxe-number-input--float-wrapper {
+  position: absolute;
+  left: 1em;
+  top: -0.5em;
+  line-height: 1;
+  padding: 0 0.2em;
+  color: var(--vxe-ui-input-placeholder-color);
+  background-color: var(--vxe-ui-layout-background-color);
+}
+
 .vxe-number-input--count {
   flex-shrink: 0;
   color: var(--vxe-ui-input-count-color);
@@ -238,9 +247,15 @@
   font-size: 0.72em;
 }
 
-.vxe-number-input.is--controls > .vxe-number-input--input-wrapper .vxe-number-input--input {
+.vxe-number-input.ctl--default > .vxe-number-input--input-wrapper .vxe-number-input--input {
   border-radius: 0;
 }
+.vxe-number-input.ctl--left > .vxe-number-input--input-wrapper .vxe-number-input--input {
+  border-radius: 0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0;
+}
+.vxe-number-input.ctl--right > .vxe-number-input--input-wrapper .vxe-number-input--input {
+  border-radius: var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius);
+}
 .vxe-number-input.ctl--default > .vxe-number-input--minus-btn {
   border-right: 1px solid var(--vxe-ui-input-border-color);
   border-radius: var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius);

package/es/number-input/style.min.css

@@ -1 +1 @@
-.vxe-number-input{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-default)}.vxe-number-input.size--xlarge{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-xlarge)}.vxe-number-input.size--large{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-large)}.vxe-number-input.size--medium{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-medium)}.vxe-number-input.size--small{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-small)}.vxe-number-input.size--mini{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-mini)}.vxe-number-input--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-number-input--input-inner{flex-grow:1;overflow:hidden}.vxe-number-input--input{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);box-shadow:none}.vxe-number-input--input::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--input:-ms-input-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--input::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--input::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-number-input--input[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.vxe-number-input--input[type=number]::-webkit-inner-spin-button,.vxe-number-input--input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.vxe-number-input--input[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-number-input--input-wrapper{display:flex;flex-grow:1;overflow:hidden}.vxe-number-input.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-number-input.is--disabled .vxe-number-input--clear-icon,.vxe-number-input.is--disabled .vxe-number-input--prefix,.vxe-number-input.is--disabled .vxe-number-input--suffix{cursor:not-allowed}.vxe-number-input.is--disabled .vxe-number-input--prefix,.vxe-number-input.is--disabled .vxe-number-input--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-number-input{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:180px;border:1px solid var(--vxe-ui-input-border-color);overflow:hidden}.vxe-number-input.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-number-input.show--clear:hover .vxe-number-input--clear-icon{display:block}.vxe-number-input--prefix,.vxe-number-input--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-number-input--prefix{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input--suffix{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-number-input--clear-icon,.vxe-number-input--control-icon,.vxe-number-input--prefix-icon,.vxe-number-input--suffix-icon{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--prefix-icon{padding-left:.5em}.vxe-number-input--prefix-text,.vxe-number-input--suffix-text{padding:0 .5em}.vxe-number-input--clear-icon,.vxe-number-input--suffix-icon{padding-right:.5em}.vxe-number-input--clear-icon{height:100%;cursor:pointer}.vxe-number-input--clear-icon{display:none}.vxe-number-input--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-number-input--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-number-input--count{flex-shrink:0;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color);padding-right:.6em}.vxe-number-input--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-number-input.is--left .vxe-number-input--input{text-align:left}.vxe-number-input.is--center .vxe-number-input--input{text-align:center}.vxe-number-input.is--right .vxe-number-input--input{text-align:right}.vxe-number-input--minus-btn,.vxe-number-input--plus-btn{border:0;outline:0;width:2.8em;flex-shrink:0;font-family:inherit;color:var(--vxe-ui-font-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:var(--vxe-ui-number-input-control-button-color);transform:scale(1);transition:transform .1s ease-in-out}.vxe-number-input--minus-btn:focus,.vxe-number-input--minus-btn:hover,.vxe-number-input--plus-btn:focus,.vxe-number-input--plus-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-number-input--minus-btn:active,.vxe-number-input--plus-btn:active{transform:scale(.9)}.vxe-number-input--minus-btn.is--disabled,.vxe-number-input--plus-btn.is--disabled{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color)}.vxe-number-input--side-control{display:inline-flex;flex-direction:column;flex-shrink:0;height:100%}.vxe-number-input--side-control>.vxe-number-input--plus-btn{border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input--side-control>.vxe-number-input--minus-btn,.vxe-number-input--side-control>.vxe-number-input--plus-btn{display:flex;align-items:center;justify-content:center;height:50%}.vxe-number-input--side-control>.vxe-number-input--minus-btn i,.vxe-number-input--side-control>.vxe-number-input--plus-btn i{font-size:.72em}.vxe-number-input.is--controls>.vxe-number-input--input-wrapper .vxe-number-input--input{border-radius:0}.vxe-number-input.ctl--default>.vxe-number-input--minus-btn{border-right:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input.ctl--default>.vxe-number-input--plus-btn{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-number-input.ctl--left .vxe-number-input--side-control{border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input.ctl--left .vxe-number-input--side-control>.vxe-number-input--plus-btn{border-radius:var(--vxe-ui-base-border-radius) 0 0 0}.vxe-number-input.ctl--left .vxe-number-input--side-control>.vxe-number-input--minus-btn{border-radius:0 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input.ctl--right .vxe-number-input--side-control{border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input.ctl--right .vxe-number-input--side-control>.vxe-number-input--plus-btn{border-radius:0 var(--vxe-ui-base-border-radius) 0 0}.vxe-number-input.ctl--right .vxe-number-input--side-control>.vxe-number-input--minus-btn{border-radius:0 0 var(--vxe-ui-base-border-radius) 0}.vxe-number-input>.vxe-number-input--minus-btn,.vxe-number-input>.vxe-number-input--plus-btn{height:100%}.vxe-number-input>.vxe-number-input--minus-btn i,.vxe-number-input>.vxe-number-input--plus-btn i{font-size:.84em}.vxe-number-input{font-size:var(--vxe-ui-number-input-current-font-size);height:var(--vxe-ui-number-input-current-height);line-height:var(--vxe-ui-number-input-current-height)}
+.vxe-number-input{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-default)}.vxe-number-input.size--xlarge{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-xlarge)}.vxe-number-input.size--large{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-large)}.vxe-number-input.size--medium{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-medium)}.vxe-number-input.size--small{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-small)}.vxe-number-input.size--mini{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-mini)}.vxe-number-input--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-number-input--input-inner{flex-grow:1;overflow:hidden}.vxe-number-input--input{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);box-shadow:none}.vxe-number-input--input::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--input:-ms-input-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--input::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--input::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-number-input--input[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.vxe-number-input--input[type=number]::-webkit-inner-spin-button,.vxe-number-input--input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.vxe-number-input--input[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-number-input--input-wrapper{display:flex;flex-grow:1;overflow:hidden}.vxe-number-input.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-number-input.is--disabled .vxe-number-input--clear-icon,.vxe-number-input.is--disabled .vxe-number-input--prefix,.vxe-number-input.is--disabled .vxe-number-input--suffix{cursor:not-allowed}.vxe-number-input.is--disabled .vxe-number-input--prefix,.vxe-number-input.is--disabled .vxe-number-input--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-number-input{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:180px;border:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-number-input.show--clear:hover .vxe-number-input--clear-icon{display:block}.vxe-number-input--prefix,.vxe-number-input--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-number-input--prefix{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input--suffix{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-number-input--clear-icon,.vxe-number-input--control-icon,.vxe-number-input--prefix-icon,.vxe-number-input--suffix-icon{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--prefix-icon{padding-left:.5em}.vxe-number-input--prefix-text,.vxe-number-input--suffix-text{padding:0 .5em}.vxe-number-input--clear-icon,.vxe-number-input--suffix-icon{padding-right:.5em}.vxe-number-input--clear-icon{height:100%;cursor:pointer}.vxe-number-input--clear-icon{display:none}.vxe-number-input--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-number-input--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-number-input--float-wrapper{position:absolute;left:1em;top:-.5em;line-height:1;padding:0 .2em;color:var(--vxe-ui-input-placeholder-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-number-input--count{flex-shrink:0;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color);padding-right:.6em}.vxe-number-input--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-number-input.is--left .vxe-number-input--input{text-align:left}.vxe-number-input.is--center .vxe-number-input--input{text-align:center}.vxe-number-input.is--right .vxe-number-input--input{text-align:right}.vxe-number-input--minus-btn,.vxe-number-input--plus-btn{border:0;outline:0;width:2.8em;flex-shrink:0;font-family:inherit;color:var(--vxe-ui-font-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:var(--vxe-ui-number-input-control-button-color);transform:scale(1);transition:transform .1s ease-in-out}.vxe-number-input--minus-btn:focus,.vxe-number-input--minus-btn:hover,.vxe-number-input--plus-btn:focus,.vxe-number-input--plus-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-number-input--minus-btn:active,.vxe-number-input--plus-btn:active{transform:scale(.9)}.vxe-number-input--minus-btn.is--disabled,.vxe-number-input--plus-btn.is--disabled{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color)}.vxe-number-input--side-control{display:inline-flex;flex-direction:column;flex-shrink:0;height:100%}.vxe-number-input--side-control>.vxe-number-input--plus-btn{border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input--side-control>.vxe-number-input--minus-btn,.vxe-number-input--side-control>.vxe-number-input--plus-btn{display:flex;align-items:center;justify-content:center;height:50%}.vxe-number-input--side-control>.vxe-number-input--minus-btn i,.vxe-number-input--side-control>.vxe-number-input--plus-btn i{font-size:.72em}.vxe-number-input.ctl--default>.vxe-number-input--input-wrapper .vxe-number-input--input{border-radius:0}.vxe-number-input.ctl--left>.vxe-number-input--input-wrapper .vxe-number-input--input{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-number-input.ctl--right>.vxe-number-input--input-wrapper .vxe-number-input--input{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input.ctl--default>.vxe-number-input--minus-btn{border-right:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input.ctl--default>.vxe-number-input--plus-btn{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-number-input.ctl--left .vxe-number-input--side-control{border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input.ctl--left .vxe-number-input--side-control>.vxe-number-input--plus-btn{border-radius:var(--vxe-ui-base-border-radius) 0 0 0}.vxe-number-input.ctl--left .vxe-number-input--side-control>.vxe-number-input--minus-btn{border-radius:0 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input.ctl--right .vxe-number-input--side-control{border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input.ctl--right .vxe-number-input--side-control>.vxe-number-input--plus-btn{border-radius:0 var(--vxe-ui-base-border-radius) 0 0}.vxe-number-input.ctl--right .vxe-number-input--side-control>.vxe-number-input--minus-btn{border-radius:0 0 var(--vxe-ui-base-border-radius) 0}.vxe-number-input>.vxe-number-input--minus-btn,.vxe-number-input>.vxe-number-input--plus-btn{height:100%}.vxe-number-input>.vxe-number-input--minus-btn i,.vxe-number-input>.vxe-number-input--plus-btn i{font-size:.84em}.vxe-number-input{font-size:var(--vxe-ui-number-input-current-font-size);height:var(--vxe-ui-number-input-current-height);line-height:var(--vxe-ui-number-input-current-height)}

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

@@ -27,6 +27,10 @@ export default {
         disabled: Boolean,
         maxLength: [String, Number],
         placeholder: String,
+        floatContent: {
+            type: String,
+            default: () => getConfig().passwordInput.floatContent
+        },
         autoComplete: {
             type: String,
             default: 'off'
@@ -394,7 +398,8 @@ export default {
             const $xePasswordInput = this;
             const props = $xePasswordInput;
             const reactData = $xePasswordInput.reactData;
-            const { className, inputClassName, name, autocomplete, autoComplete, maxLength } = props;
+            const slots = $xePasswordInput.$scopedSlots;
+            const { className, inputClassName, name, floatContent, autocomplete, autoComplete, maxLength } = props;
             const { inputValue, isActivated } = reactData;
             const isDisabled = $xePasswordInput.computeIsDisabled;
             const formReadonly = $xePasswordInput.computeFormReadonly;
@@ -411,6 +416,7 @@ export default {
             const inputReadonly = $xePasswordInput.computeInputReadonly;
             const prefix = $xePasswordInput.renderPrefixIcon(h);
             const suffix = $xePasswordInput.renderSuffixIcon(h);
+            const floatSlot = slots.float;
             return h('div', {
                 ref: 'refElem',
                 class: ['vxe-password-input', className, {
@@ -454,7 +460,12 @@ export default {
                         }
                     })
                 ]),
-                suffix || renderEmptyElement($xePasswordInput)
+                suffix || renderEmptyElement($xePasswordInput),
+                floatContent || floatSlot
+                    ? h('span', {
+                        class: 'vxe-password-input--float-wrapper'
+                    }, floatSlot ? floatSlot({}) : getText(floatContent))
+                    : renderEmptyElement($xePasswordInput)
             ]);
         }
     },

package/es/password-input/style.css

@@ -153,6 +153,16 @@
   color: var(--vxe-ui-font-primary-color);
 }
 
+.vxe-password-input--float-wrapper {
+  position: absolute;
+  left: 1em;
+  top: -0.5em;
+  line-height: 1;
+  padding: 0 0.2em;
+  color: var(--vxe-ui-input-placeholder-color);
+  background-color: var(--vxe-ui-layout-background-color);
+}
+
 .vxe-password-input--number-btn {
   height: 50%;
   display: flex;

package/es/password-input/style.min.css

@@ -1 +1 @@
-.vxe-password-input{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-default)}.vxe-password-input.size--xlarge{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-xlarge)}.vxe-password-input.size--large{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-large)}.vxe-password-input.size--medium{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-medium)}.vxe-password-input.size--small{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-small)}.vxe-password-input.size--mini{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-mini)}.vxe-password-input--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-password-input--wrapper{flex-grow:1;overflow:hidden}.vxe-password-input--inner{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-password-input--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-password-input--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-password-input--inner:-ms-input-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-password-input--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-password-input--inner::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-password-input.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-password-input.is--disabled .vxe-password-input--clear-icon,.vxe-password-input.is--disabled .vxe-password-input--control-icon,.vxe-password-input.is--disabled .vxe-password-input--prefix,.vxe-password-input.is--disabled .vxe-password-input--suffix{cursor:not-allowed}.vxe-password-input.is--disabled .vxe-password-input--prefix,.vxe-password-input.is--disabled .vxe-password-input--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-password-input{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:180px;border:1px solid var(--vxe-ui-input-border-color)}.vxe-password-input.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-password-input.show--clear:hover .vxe-password-input--clear-icon{display:block}.vxe-password-input--prefix,.vxe-password-input--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-password-input--prefix{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-password-input--suffix{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-password-input--clear-icon,.vxe-password-input--control-icon,.vxe-password-input--prefix-icon,.vxe-password-input--suffix-icon{color:var(--vxe-ui-input-placeholder-color)}.vxe-password-input--prefix-icon{padding-left:.5em}.vxe-password-input--clear-icon,.vxe-password-input--control-icon,.vxe-password-input--suffix-icon{padding-right:.5em}.vxe-password-input--clear-icon,.vxe-password-input--control-icon{height:100%;cursor:pointer}.vxe-password-input--clear-icon{display:none}.vxe-password-input--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-password-input--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-password-input--number-btn{height:50%;display:flex;align-items:center;justify-content:center}.vxe-password-input--number-btn:hover{color:var(--vxe-ui-font-color)}.vxe-password-input--number-btn:active{color:var(--vxe-ui-font-primary-color)}.vxe-password-input--number-icon{display:flex;flex-direction:column;height:100%}.vxe-password-input--number-icon .vxe-password-input--number-btn.is--disabled{cursor:no-drop;color:var(--vxe-ui-font-disabled-color)}.vxe-password-input--count{flex-shrink:0;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color);padding-right:.6em}.vxe-password-input--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-password-input.is--left .vxe-password-input--inner{text-align:left}.vxe-password-input.is--center .vxe-password-input--inner{text-align:center}.vxe-password-input.is--right .vxe-password-input--inner{text-align:right}.vxe-password-input--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);font-size:var(--vxe-ui-font-size-default);text-align:left}.vxe-password-input--panel:not(.is--transfer){min-width:100%}.vxe-password-input--panel.is--transfer{position:fixed}.vxe-password-input--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-password-input--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-password-input--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-password-input{font-size:var(--vxe-ui-password-input-current-font-size);height:var(--vxe-ui-password-input-current-height);line-height:var(--vxe-ui-password-input-current-height)}
+.vxe-password-input{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-default)}.vxe-password-input.size--xlarge{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-xlarge)}.vxe-password-input.size--large{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-large)}.vxe-password-input.size--medium{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-medium)}.vxe-password-input.size--small{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-small)}.vxe-password-input.size--mini{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-mini)}.vxe-password-input--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-password-input--wrapper{flex-grow:1;overflow:hidden}.vxe-password-input--inner{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-password-input--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-password-input--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-password-input--inner:-ms-input-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-password-input--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-password-input--inner::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-password-input.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-password-input.is--disabled .vxe-password-input--clear-icon,.vxe-password-input.is--disabled .vxe-password-input--control-icon,.vxe-password-input.is--disabled .vxe-password-input--prefix,.vxe-password-input.is--disabled .vxe-password-input--suffix{cursor:not-allowed}.vxe-password-input.is--disabled .vxe-password-input--prefix,.vxe-password-input.is--disabled .vxe-password-input--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-password-input{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:180px;border:1px solid var(--vxe-ui-input-border-color)}.vxe-password-input.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-password-input.show--clear:hover .vxe-password-input--clear-icon{display:block}.vxe-password-input--prefix,.vxe-password-input--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-password-input--prefix{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-password-input--suffix{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-password-input--clear-icon,.vxe-password-input--control-icon,.vxe-password-input--prefix-icon,.vxe-password-input--suffix-icon{color:var(--vxe-ui-input-placeholder-color)}.vxe-password-input--prefix-icon{padding-left:.5em}.vxe-password-input--clear-icon,.vxe-password-input--control-icon,.vxe-password-input--suffix-icon{padding-right:.5em}.vxe-password-input--clear-icon,.vxe-password-input--control-icon{height:100%;cursor:pointer}.vxe-password-input--clear-icon{display:none}.vxe-password-input--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-password-input--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-password-input--float-wrapper{position:absolute;left:1em;top:-.5em;line-height:1;padding:0 .2em;color:var(--vxe-ui-input-placeholder-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-password-input--number-btn{height:50%;display:flex;align-items:center;justify-content:center}.vxe-password-input--number-btn:hover{color:var(--vxe-ui-font-color)}.vxe-password-input--number-btn:active{color:var(--vxe-ui-font-primary-color)}.vxe-password-input--number-icon{display:flex;flex-direction:column;height:100%}.vxe-password-input--number-icon .vxe-password-input--number-btn.is--disabled{cursor:no-drop;color:var(--vxe-ui-font-disabled-color)}.vxe-password-input--count{flex-shrink:0;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color);padding-right:.6em}.vxe-password-input--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-password-input.is--left .vxe-password-input--inner{text-align:left}.vxe-password-input.is--center .vxe-password-input--inner{text-align:center}.vxe-password-input.is--right .vxe-password-input--inner{text-align:right}.vxe-password-input--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);font-size:var(--vxe-ui-font-size-default);text-align:left}.vxe-password-input--panel:not(.is--transfer){min-width:100%}.vxe-password-input--panel.is--transfer{position:fixed}.vxe-password-input--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-password-input--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-password-input--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-password-input{font-size:var(--vxe-ui-password-input-current-font-size);height:var(--vxe-ui-password-input-current-height);line-height:var(--vxe-ui-password-input-current-height)}