vxe-pc-ui 4.17.21 → 4.17.23

package/lib/number-input/style/style.css

@@ -99,7 +99,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);
@@ -161,6 +160,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);
@@ -234,9 +243,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/lib/number-input/style/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::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;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::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;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/lib/password-input/src/password-input.js

@@ -28,6 +28,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     disabled: Boolean,
     maxLength: [String, Number],
     placeholder: String,
+    floatContent: {
+      type: String,
+      default: () => (0, _ui.getConfig)().passwordInput.floatContent
+    },
     autoComplete: {
       type: String,
       default: 'off'
@@ -366,6 +370,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         inputClassName,
         name,
         readonly,
+        floatContent,
         autocomplete,
         autoComplete,
         maxLength
@@ -389,6 +394,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const inputReadonly = computeInputReadonly.value;
       const prefix = renderPrefixIcon();
       const suffix = renderSuffixIcon();
+      const floatSlot = slots.float;
       return (0, _vue.h)('div', {
         ref: refElem,
         class: ['vxe-password-input', className, {
@@ -418,7 +424,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         onChange: changeEvent,
         onFocus: focusEvent,
         onBlur: blurEvent
-      })]), suffix || (0, _ui.renderEmptyElement)($xePasswordInput)]);
+      })]), suffix || (0, _ui.renderEmptyElement)($xePasswordInput), floatContent || floatSlot ? (0, _vue.h)('span', {
+        class: 'vxe-password-input--float-wrapper'
+      }, floatSlot ? floatSlot({}) : (0, _utils.getText)(floatContent)) : (0, _ui.renderEmptyElement)($xePasswordInput)]);
     };
     (0, _vue.watch)(() => props.modelValue, val => {
       reactData.inputValue = val;

package/lib/password-input/src/password-input.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxePasswordInput",props:{modelValue:String,immediate:{type:Boolean,default:!0},name:String,clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().passwordInput.clearable},readonly:Boolean,disabled:Boolean,maxLength:[String,Number],placeholder:String,autoComplete:{type:String,default:"off"},className:String,inputClassName:{type:String,default:()=>(0,_ui.getConfig)().passwordInput.inputClassName},size:{type:String,default:()=>(0,_ui.getConfig)().passwordInput.size||(0,_ui.getConfig)().size},prefixIcon:String,suffixIcon:String,controls:{type:Boolean,default:()=>(0,_ui.getConfig)().passwordInput.controls},editable:{type:Boolean,default:!0},autocomplete:String},emits:["update:modelValue","input","change","click","focus","blur","clear","lazy-change","toggle-visible","prefix-click","suffix-click"],setup(g,e){let{emit:a,slots:x}=e,t=(0,_vue.inject)("$xeForm",null),l=(0,_vue.inject)("xeFormItemInfo",null);var u=_xeUtils.default.uniqueId();let h=(0,_ui.useSize)(g).computeSize,w=(0,_vue.reactive)({showPwd:!1,isActivated:!1,inputValue:g.modelValue}),I=(0,_vue.ref)(),V=(0,_vue.ref)(),i={refElem:I,refInput:V},y={xID:u,props:g,context:e,reactData:w,getRefMaps:()=>i},C=(0,_vue.computed)(()=>g.clearable),b=(0,_vue.computed)(()=>{var e=g.placeholder;return(e=e||(0,_ui.getConfig)().passwordInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")}),S=(0,_vue.computed)(()=>{var e;return"obsolete"===(0,_ui.getConfig)().inputReadonly||(e=g.readonly,null===e)?!!t&&t.props.readonly:e}),E=(0,_vue.computed)(()=>{var e=g.disabled;return null===e?!!t&&t.props.disabled:e}),N=(0,_vue.computed)(()=>{var e=w.showPwd;return e?"text":"password"}),r=(0,_vue.computed)(()=>{var e=g.immediate;return e}),k=(0,_vue.computed)(()=>{var e=g.editable;return S.value||!e}),n=(0,_vue.computed)(()=>{var e=w.inputValue;return e}),s=(e,u,t)=>{a(e,(0,_ui.createEvent)(t,{$passwordInput:y},u))},o=()=>{var e=n.value,u=V.value;u&&(u.value=_xeUtils.default.eqNull(e)?"":""+e)},v=e=>{var u=w.inputValue;s(e.type,{value:u},e)},p=(e,u)=>{var t=r.value;w.inputValue=e,t?d(e,u):s("input",{value:e},u)},P=e=>{var u=e.target.value;p(u,e)},d=(e,u)=>{w.inputValue=e,a("update:modelValue",e),s("input",{value:e},u),_xeUtils.default.toValueString(g.modelValue)!==e&&(s("change",{value:e},u),t)&&l&&t.triggerItemEvent(u,l.itemConfig.field,e)},q=e=>{v(e),s("lazy-change",{value:w.inputValue},e),t&&l&&t.triggerItemEvent(e,l.itemConfig.field,w.inputValue)},A=e=>{w.isActivated=!0,v(e)},z=e=>{var u=w.inputValue;w.isActivated=!1,s("blur",{value:u},e),t&&l&&t.triggerItemEvent(e,l.itemConfig.field,u)},c=e=>{var u=w.showPwd,t=E.value,a=S.value;t||a||(w.showPwd=!u),s("toggle-visible",{visible:w.showPwd},e)},D=e=>{v(e)},T=(e,u)=>{focus(),d("",e),s("clear",{value:u},e),s("lazy-change",{value:w.inputValue},e)},U=e=>{var u;E.value||(u=w.inputValue,s("suffix-click",{value:u},e))},B=e=>{var u;E.value||(u=w.inputValue,s("prefix-click",{value:u},e))};u={dispatchEvent:s,focus(){var e=V.value;return w.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return V.value.blur(),(w.isActivated=!1,_vue.nextTick)()},select(){return V.value.select(),(w.isActivated=!1,_vue.nextTick)()}};Object.assign(y,u);let R=()=>{var e=w.showPwd;return(0,_vue.h)("div",{class:"vxe-password-input--control-icon",onClick:c},[(0,_vue.h)("i",{class:["vxe-password-input--password-icon",e?(0,_ui.getIcon)().PASSWORD_INPUT_SHOW_PWD:(0,_ui.getIcon)().PASSWORD_INPUT_HIDE_PWD]})])};(0,_vue.watch)(()=>g.modelValue,e=>{w.inputValue=e});let _=(0,_vue.ref)(0);return(0,_vue.watch)(S,()=>{_.value++}),(0,_vue.watch)(n,()=>{_.value++}),(0,_vue.watch)(_,()=>{o(),(0,_vue.nextTick)(()=>{o()})}),(0,_vue.onMounted)(()=>{o()}),y.renderVN=()=>{var e,u,t,a,l,i,r,{className:n,inputClassName:s,name:o,readonly:v,autocomplete:p,autoComplete:d,maxLength:c}=g,{inputValue:_,isActivated:f}=w,m=E.value;return S.value?(0,_vue.h)("div",{ref:I,class:["vxe-password-input--readonly",n]},(0,_utils.getText)(_)):(e=h.value,u=N.value,t=b.value,a=C.value,l=k.value,r=g.prefixIcon,i=(i=x.prefix)||r?(0,_vue.h)("div",{class:"vxe-password-input--prefix",onClick:B},[(0,_vue.h)("div",{class:"vxe-password-input--prefix-icon"},i?(0,_vn.getSlotVNs)(i({})):[(0,_vue.h)("i",{class:r})])]):null,r=(()=>{var{suffixIcon:e,controls:u}=g,t=w.inputValue,a=E.value,l=C.value,i=x.suffix;return l||u||i||e?(0,_vue.h)("div",{class:["vxe-password-input--suffix",{"is--clear":l&&!a&&!(""===t||_xeUtils.default.eqNull(t))}]},[l?(0,_vue.h)("div",{class:"vxe-password-input--clear-icon",onClick:T},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(y),u?R():(0,_ui.renderEmptyElement)(y),i||e?(0,_vue.h)("div",{class:"vxe-password-input--suffix-icon",onClick:U},i?(0,_vn.getSlotVNs)(i({})):[(0,_vue.h)("i",{class:e})]):(0,_ui.renderEmptyElement)(y)]):null})(),(0,_vue.h)("div",{ref:I,class:["vxe-password-input",n,{["size--"+e]:e,"is--prefix":!!i,"is--suffix":!!r,"is--readonly":v,"is--disabled":m,"is--active":f,"show--clear":a&&!m&&!(""===_||_xeUtils.default.eqNull(_))}],spellcheck:!1},[i||(0,_ui.renderEmptyElement)(y),(0,_vue.h)("div",{class:"vxe-password-input--wrapper"},[(0,_vue.h)("input",{ref:V,class:"vxe-password-input--inner"+(s?" "+s:""),name:o,type:u,placeholder:t,readonly:l,disabled:m,autocomplete:p||d,maxlength:c,onClick:D,onInput:P,onChange:q,onFocus:A,onBlur:z})]),r||(0,_ui.renderEmptyElement)(y)]))},y},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxePasswordInput",props:{modelValue:String,immediate:{type:Boolean,default:!0},name:String,clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().passwordInput.clearable},readonly:Boolean,disabled:Boolean,maxLength:[String,Number],placeholder:String,floatContent:{type:String,default:()=>(0,_ui.getConfig)().passwordInput.floatContent},autoComplete:{type:String,default:"off"},className:String,inputClassName:{type:String,default:()=>(0,_ui.getConfig)().passwordInput.inputClassName},size:{type:String,default:()=>(0,_ui.getConfig)().passwordInput.size||(0,_ui.getConfig)().size},prefixIcon:String,suffixIcon:String,controls:{type:Boolean,default:()=>(0,_ui.getConfig)().passwordInput.controls},editable:{type:Boolean,default:!0},autocomplete:String},emits:["update:modelValue","input","change","click","focus","blur","clear","lazy-change","toggle-visible","prefix-click","suffix-click"],setup(h,e){let{emit:a,slots:w}=e,u=(0,_vue.inject)("$xeForm",null),l=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let I=(0,_ui.useSize)(h).computeSize,y=(0,_vue.reactive)({showPwd:!1,isActivated:!1,inputValue:h.modelValue}),C=(0,_vue.ref)(),V=(0,_vue.ref)(),i={refElem:C,refInput:V},b={xID:t,props:h,context:e,reactData:y,getRefMaps:()=>i},S=(0,_vue.computed)(()=>h.clearable),E=(0,_vue.computed)(()=>{var e=h.placeholder;return(e=e||(0,_ui.getConfig)().passwordInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")}),N=(0,_vue.computed)(()=>{var e;return"obsolete"===(0,_ui.getConfig)().inputReadonly||(e=h.readonly,null===e)?!!u&&u.props.readonly:e}),k=(0,_vue.computed)(()=>{var e=h.disabled;return null===e?!!u&&u.props.disabled:e}),P=(0,_vue.computed)(()=>{var e=y.showPwd;return e?"text":"password"}),n=(0,_vue.computed)(()=>{var e=h.immediate;return e}),q=(0,_vue.computed)(()=>{var e=h.editable;return N.value||!e}),r=(0,_vue.computed)(()=>{var e=y.inputValue;return e}),s=(e,t,u)=>{a(e,(0,_ui.createEvent)(u,{$passwordInput:b},t))},o=()=>{var e=r.value,t=V.value;t&&(t.value=_xeUtils.default.eqNull(e)?"":""+e)},v=e=>{var t=y.inputValue;s(e.type,{value:t},e)},p=(e,t)=>{var u=n.value;y.inputValue=e,u?d(e,t):s("input",{value:e},t)},A=e=>{var t=e.target.value;p(t,e)},d=(e,t)=>{y.inputValue=e,a("update:modelValue",e),s("input",{value:e},t),_xeUtils.default.toValueString(h.modelValue)!==e&&(s("change",{value:e},t),u)&&l&&u.triggerItemEvent(t,l.itemConfig.field,e)},T=e=>{v(e),s("lazy-change",{value:y.inputValue},e),u&&l&&u.triggerItemEvent(e,l.itemConfig.field,y.inputValue)},z=e=>{y.isActivated=!0,v(e)},D=e=>{var t=y.inputValue;y.isActivated=!1,s("blur",{value:t},e),u&&l&&u.triggerItemEvent(e,l.itemConfig.field,t)},c=e=>{var t=y.showPwd,u=k.value,a=N.value;u||a||(y.showPwd=!t),s("toggle-visible",{visible:y.showPwd},e)},U=e=>{v(e)},B=(e,t)=>{focus(),d("",e),s("clear",{value:t},e),s("lazy-change",{value:y.inputValue},e)},R=e=>{var t;k.value||(t=y.inputValue,s("suffix-click",{value:t},e))},O=e=>{var t;k.value||(t=y.inputValue,s("prefix-click",{value:t},e))};t={dispatchEvent:s,focus(){var e=V.value;return y.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return V.value.blur(),(y.isActivated=!1,_vue.nextTick)()},select(){return V.value.select(),(y.isActivated=!1,_vue.nextTick)()}};Object.assign(b,t);let W=()=>{var e=y.showPwd;return(0,_vue.h)("div",{class:"vxe-password-input--control-icon",onClick:c},[(0,_vue.h)("i",{class:["vxe-password-input--password-icon",e?(0,_ui.getIcon)().PASSWORD_INPUT_SHOW_PWD:(0,_ui.getIcon)().PASSWORD_INPUT_HIDE_PWD]})])};(0,_vue.watch)(()=>h.modelValue,e=>{y.inputValue=e});let _=(0,_vue.ref)(0);return(0,_vue.watch)(N,()=>{_.value++}),(0,_vue.watch)(r,()=>{_.value++}),(0,_vue.watch)(_,()=>{o(),(0,_vue.nextTick)(()=>{o()})}),(0,_vue.onMounted)(()=>{o()}),b.renderVN=()=>{var e,t,u,a,l,i,n,r,{className:s,inputClassName:o,name:v,readonly:p,floatContent:d,autocomplete:c,autoComplete:_,maxLength:f}=h,{inputValue:m,isActivated:g}=y,x=k.value;return N.value?(0,_vue.h)("div",{ref:C,class:["vxe-password-input--readonly",s]},(0,_utils.getText)(m)):(e=I.value,t=P.value,u=E.value,a=S.value,l=q.value,n=h.prefixIcon,i=(i=w.prefix)||n?(0,_vue.h)("div",{class:"vxe-password-input--prefix",onClick:O},[(0,_vue.h)("div",{class:"vxe-password-input--prefix-icon"},i?(0,_vn.getSlotVNs)(i({})):[(0,_vue.h)("i",{class:n})])]):null,n=(()=>{var{suffixIcon:e,controls:t}=h,u=y.inputValue,a=k.value,l=S.value,i=w.suffix;return l||t||i||e?(0,_vue.h)("div",{class:["vxe-password-input--suffix",{"is--clear":l&&!a&&!(""===u||_xeUtils.default.eqNull(u))}]},[l?(0,_vue.h)("div",{class:"vxe-password-input--clear-icon",onClick:B},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(b),t?W():(0,_ui.renderEmptyElement)(b),i||e?(0,_vue.h)("div",{class:"vxe-password-input--suffix-icon",onClick:R},i?(0,_vn.getSlotVNs)(i({})):[(0,_vue.h)("i",{class:e})]):(0,_ui.renderEmptyElement)(b)]):null})(),r=w.float,(0,_vue.h)("div",{ref:C,class:["vxe-password-input",s,{["size--"+e]:e,"is--prefix":!!i,"is--suffix":!!n,"is--readonly":p,"is--disabled":x,"is--active":g,"show--clear":a&&!x&&!(""===m||_xeUtils.default.eqNull(m))}],spellcheck:!1},[i||(0,_ui.renderEmptyElement)(b),(0,_vue.h)("div",{class:"vxe-password-input--wrapper"},[(0,_vue.h)("input",{ref:V,class:"vxe-password-input--inner"+(o?" "+o:""),name:v,type:t,placeholder:u,readonly:l,disabled:x,autocomplete:c||_,maxlength:f,onClick:U,onInput:A,onChange:T,onFocus:z,onBlur:D})]),n||(0,_ui.renderEmptyElement)(b),d||r?(0,_vue.h)("span",{class:"vxe-password-input--float-wrapper"},r?r({}):(0,_utils.getText)(d)):(0,_ui.renderEmptyElement)(b)]))},b},render(){return this.renderVN()}});

package/lib/password-input/style/style.css

@@ -149,6 +149,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/lib/password-input/style/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::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::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)}