vxe-pc-ui 3.17.0 → 3.17.2

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

@@ -43,6 +43,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       default: 'off'
     },
     className: String,
+    inputClassName: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().passwordInput.inputClassName;
+      }
+    },
     size: {
       type: String,
       default: function _default() {
@@ -57,6 +63,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         return (0, _ui.getConfig)().passwordInput.controls;
       }
     },
+    editable: {
+      type: Boolean,
+      default: true
+    },
     // 已废弃
     autocomplete: String
   },
@@ -87,12 +97,6 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xePasswordInput;
       return props.clearable;
     },
-    computeInpReadonly: function computeInpReadonly() {
-      var $xePasswordInput = this;
-      var props = $xePasswordInput;
-      var readonly = props.readonly;
-      return readonly;
-    },
     computeInpPlaceholder: function computeInpPlaceholder() {
       var $xePasswordInput = this;
       var props = $xePasswordInput;
@@ -106,6 +110,38 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       }
       return (0, _ui.getI18n)('vxe.base.pleaseInput');
     },
+    computeFormReadonly: function computeFormReadonly() {
+      var $xePasswordInput = this;
+      var props = $xePasswordInput;
+      var $xeForm = $xePasswordInput.$xeForm;
+      if ((0, _ui.getConfig)().inputReadonly === 'obsolete') {
+        if ($xeForm) {
+          return $xeForm.readonly;
+        }
+        return false;
+      }
+      var readonly = props.readonly;
+      if (readonly === null) {
+        if ($xeForm) {
+          return $xeForm.readonly;
+        }
+        return false;
+      }
+      return readonly;
+    },
+    computeIsDisabled: function computeIsDisabled() {
+      var $xePasswordInput = this;
+      var props = $xePasswordInput;
+      var $xeForm = $xePasswordInput.$xeForm;
+      var disabled = props.disabled;
+      if (disabled === null) {
+        if ($xeForm) {
+          return $xeForm.disabled;
+        }
+        return false;
+      }
+      return disabled;
+    },
     computeInputType: function computeInputType() {
       var $xePasswordInput = this;
       var reactData = $xePasswordInput.reactData;
@@ -120,6 +156,13 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xePasswordInput;
       var immediate = props.immediate;
       return immediate;
+    },
+    computeInputReadonly: function computeInputReadonly() {
+      var $xePasswordInput = this;
+      var props = $xePasswordInput;
+      var editable = props.editable;
+      var formReadonly = $xePasswordInput.computeFormReadonly;
+      return formReadonly || !editable;
     }
   }),
   methods: {
@@ -251,12 +294,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     },
     passwordToggleEvent: function passwordToggleEvent(evnt) {
       var $xePasswordInput = this;
-      var props = $xePasswordInput;
       var reactData = $xePasswordInput.reactData;
-      var readonly = props.readonly,
-        disabled = props.disabled;
       var showPwd = reactData.showPwd;
-      if (!disabled && !readonly) {
+      var isDisabled = $xePasswordInput.computeIsDisabled;
+      var formReadonly = $xePasswordInput.computeFormReadonly;
+      if (!isDisabled && !formReadonly) {
         reactData.showPwd = !showPwd;
       }
       $xePasswordInput.dispatchEvent('toggle-visible', {
@@ -280,10 +322,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     },
     clickSuffixEvent: function clickSuffixEvent(evnt) {
       var $xePasswordInput = this;
-      var props = $xePasswordInput;
       var reactData = $xePasswordInput.reactData;
-      var disabled = props.disabled;
-      if (!disabled) {
+      var isDisabled = $xePasswordInput.computeIsDisabled;
+      if (!isDisabled) {
         var inputValue = reactData.inputValue;
         $xePasswordInput.dispatchEvent('suffix-click', {
           value: inputValue
@@ -292,10 +333,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     },
     clickPrefixEvent: function clickPrefixEvent(evnt) {
       var $xePasswordInput = this;
-      var props = $xePasswordInput;
       var reactData = $xePasswordInput.reactData;
-      var disabled = props.disabled;
-      if (!disabled) {
+      var isDisabled = $xePasswordInput.computeIsDisabled;
+      if (!isDisabled) {
         var inputValue = reactData.inputValue;
         $xePasswordInput.dispatchEvent('prefix-click', {
           value: inputValue
@@ -340,15 +380,15 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xePasswordInput;
       var slots = $xePasswordInput.$scopedSlots;
       var reactData = $xePasswordInput.reactData;
-      var disabled = props.disabled,
-        suffixIcon = props.suffixIcon,
+      var suffixIcon = props.suffixIcon,
         controls = props.controls;
       var inputValue = reactData.inputValue;
-      var suffixSlot = slots.suffix;
+      var isDisabled = $xePasswordInput.computeIsDisabled;
       var isClearable = $xePasswordInput.computeIsClearable;
+      var suffixSlot = slots.suffix;
       return isClearable || controls || suffixSlot || suffixIcon ? h('div', {
         class: ['vxe-password-input--suffix', {
-          'is--clear': isClearable && !disabled && !(inputValue === '' || _xeUtils.default.eqNull(inputValue))
+          'is--clear': isClearable && !isDisabled && !(inputValue === '' || _xeUtils.default.eqNull(inputValue))
         }]
       }, [isClearable ? h('div', {
         class: 'vxe-password-input--clear-icon',
@@ -371,24 +411,31 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xePasswordInput;
       var reactData = $xePasswordInput.reactData;
       var className = props.className,
+        inputClassName = props.inputClassName,
         name = props.name,
-        disabled = props.disabled,
-        readonly = props.readonly,
         autocomplete = props.autocomplete,
         autoComplete = props.autoComplete,
         maxLength = props.maxLength;
       var inputValue = reactData.inputValue,
         isActivated = reactData.isActivated;
+      var isDisabled = $xePasswordInput.computeIsDisabled;
+      var formReadonly = $xePasswordInput.computeFormReadonly;
+      if (formReadonly) {
+        return h('div', {
+          ref: 'refElem',
+          class: ['vxe-password-input--readonly', className]
+        }, (0, _utils.getText)(inputValue));
+      }
       var vSize = $xePasswordInput.computeSize;
-      var inpReadonly = $xePasswordInput.computeInpReadonly;
       var inputType = $xePasswordInput.computeInputType;
       var inpPlaceholder = $xePasswordInput.computeInpPlaceholder;
       var isClearable = $xePasswordInput.computeIsClearable;
+      var inputReadonly = $xePasswordInput.computeInputReadonly;
       var prefix = $xePasswordInput.renderPrefixIcon(h);
       var suffix = $xePasswordInput.renderSuffixIcon(h);
       return h('div', {
         ref: 'refElem',
-        class: ['vxe-password-input', className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--prefix', !!prefix), 'is--suffix', !!suffix), 'is--readonly', readonly), 'is--disabled', disabled), 'is--active', isActivated), 'show--clear', isClearable && !disabled && !(inputValue === '' || _xeUtils.default.eqNull(inputValue)))],
+        class: ['vxe-password-input', className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--prefix', !!prefix), 'is--suffix', !!suffix), 'is--readonly', formReadonly), 'is--disabled', isDisabled), 'is--active', isActivated), 'show--clear', isClearable && !isDisabled && !(inputValue === '' || _xeUtils.default.eqNull(inputValue)))],
         attrs: {
           spellcheck: false
         }
@@ -396,7 +443,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         class: 'vxe-password-input--wrapper'
       }, [h('input', {
         ref: 'refInputTarget',
-        class: 'vxe-password-input--inner',
+        class: 'vxe-password-input--inner' + (inputClassName ? ' ' + inputClassName : ''),
         domProps: {
           value: inputValue
         },
@@ -404,8 +451,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           name: name,
           type: inputType,
           placeholder: inpPlaceholder,
-          readonly: inpReadonly,
-          disabled: disabled,
+          readonly: inputReadonly,
+          disabled: isDisabled,
           autocomplete: autocomplete || autoComplete,
           maxlength: maxLength
         },

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _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}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxePasswordInput",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:String,immediate:{type:Boolean,default:!0},name:String,clearable:{type:Boolean,default:function(){return(0,_ui.getConfig)().passwordInput.clearable}},readonly:Boolean,disabled:Boolean,maxLength:[String,Number],placeholder:String,autoComplete:{type:String,default:"off"},className:String,size:{type:String,default:function(){return(0,_ui.getConfig)().passwordInput.size||(0,_ui.getConfig)().size}},prefixIcon:String,suffixIcon:String,controls:{type:Boolean,default:function(){return(0,_ui.getConfig)().passwordInput.controls}},autocomplete:String},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{showPwd:!1,isActivated:!1,inputValue:""}}},computed:Object.assign(Object.assign({},{}),{computeIsClearable:function(){return this.clearable},computeInpReadonly:function(){return this.readonly},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().passwordInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")},computeInputType:function(){return this.reactData.showPwd?"text":"password"},computeInpImmediate:function(){return this.immediate}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$passwordInput:this},t))},emitModel:function(e){var t=this,i=t._events;i&&i.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},focus:function(){var e=this,t=e.reactData,i=e.$refs.refInputTarget;return t.isActivated=!0,i.focus(),e.$nextTick()},blur:function(){var e=this,t=e.reactData;return e.$refs.refInputTarget.blur(),t.isActivated=!1,e.$nextTick()},select:function(){var e=this.reactData;return this.$refs.refInputTarget.select(),e.isActivated=!1,this.$nextTick()},triggerEvent:function(e){var t=this.reactData.inputValue;this.dispatchEvent(e.type,{value:t},e)},emitInputEvent:function(e,t){var i=this.reactData,n=this.computeInpImmediate;i.inputValue=e,n?this.handleChange(e,t):this.dispatchEvent("input",{value:e},t)},inputEvent:function(e){var t=e.target.value;this.emitInputEvent(t,e)},handleChange:function(e,t){var i=this,n=i,r=i.reactData,a=i.$xeForm,o=i.formItemInfo;r.inputValue=e,i.emitModel(e),i.dispatchEvent("input",{value:e},t),_xeUtils.default.toValueString(n.value)!==e&&(i.dispatchEvent("change",{value:e},t),a)&&o&&a.triggerItemEvent(t,o.itemConfig.field,e)},changeEvent:function(e){var t=this,i=t.reactData,n=t.$xeForm,r=t.formItemInfo;t.triggerEvent(e),t.dispatchEvent("lazy-change",{value:i.inputValue},e),n&&r&&n.triggerItemEvent(e,r.itemConfig.field,i.inputValue)},focusEvent:function(e){this.reactData.isActivated=!0,this.triggerEvent(e)},blurEvent:function(e){var t=this.reactData,i=this.$xeForm,n=this.formItemInfo,r=t.inputValue;t.isActivated=!1,this.dispatchEvent("blur",{value:r},e),i&&n&&i.triggerItemEvent(e,n.itemConfig.field,r)},passwordToggleEvent:function(e){var t=this.reactData,i=this.readonly,n=this.disabled,r=t.showPwd;n||i||(t.showPwd=!r),this.dispatchEvent("toggle-visible",{visible:t.showPwd},e)},clickEvent:function(e){this.triggerEvent(e)},clearValueEvent:function(e,t){this.focus(),this.handleChange("",e),this.dispatchEvent("clear",{value:t},e),this.dispatchEvent("lazy-change",{value:t},e)},clickSuffixEvent:function(e){var t=this.reactData;this.disabled||(t=t.inputValue,this.dispatchEvent("suffix-click",{value:t},e))},clickPrefixEvent:function(e){var t=this.reactData;this.disabled||(t=t.inputValue,this.dispatchEvent("prefix-click",{value:t},e))},renderPasswordIcon:function(e){var t=this.reactData.showPwd;return e("div",{class:"vxe-password-input--control-icon",on:{click:this.passwordToggleEvent}},[e("i",{class:["vxe-password-input--password-icon",t?(0,_ui.getIcon)().PASSWORD_INPUT_SHOW_PWD:(0,_ui.getIcon)().PASSWORD_INPUT_HIDE_PWD]})])},renderPrefixIcon:function(e){var t=this.$scopedSlots,i=this.prefixIcon,t=t.prefix;return t||i?e("div",{class:"vxe-password-input--prefix",on:{click:this.clickPrefixEvent}},[e("div",{class:"vxe-password-input--prefix-icon"},t?(0,_vn.getSlotVNs)(t({})):[e("i",{class:i})])]):null},renderSuffixIcon:function(e){var t=this,i=t.$scopedSlots,n=t.disabled,r=t.suffixIcon,a=t.controls,o=t.reactData.inputValue,i=i.suffix,u=t.computeIsClearable;return u||a||i||r?e("div",{class:["vxe-password-input--suffix",{"is--clear":u&&!n&&!(""===o||_xeUtils.default.eqNull(o))}]},[u?e("div",{class:"vxe-password-input--clear-icon",on:{click:t.clearValueEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(t),a?t.renderPasswordIcon(e):(0,_ui.renderEmptyElement)(t),i||r?e("div",{class:"vxe-password-input--suffix-icon",on:{click:t.clickSuffixEvent}},i?(0,_vn.getSlotVNs)(i({})):[e("i",{class:r})]):(0,_ui.renderEmptyElement)(t)]):null},renderVN:function(e){var t=this,i=t.reactData,n=t.className,r=t.name,a=t.disabled,o=t.readonly,u=t.autocomplete,s=t.autoComplete,l=t.maxLength,c=i.inputValue,i=i.isActivated,p=t.computeSize,f=t.computeInpReadonly,d=t.computeInputType,v=t.computeInpPlaceholder,m=t.computeIsClearable,h=t.renderPrefixIcon(e),g=t.renderSuffixIcon(e);return e("div",{ref:"refElem",class:["vxe-password-input",n,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(p),p),"is--prefix",!!h),"is--suffix",!!g),"is--readonly",o),"is--disabled",a),"is--active",i),"show--clear",m&&!a&&!(""===c||_xeUtils.default.eqNull(c)))],attrs:{spellcheck:!1}},[h||(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-password-input--wrapper"},[e("input",{ref:"refInputTarget",class:"vxe-password-input--inner",domProps:{value:c},attrs:{name:r,type:d,placeholder:v,readonly:f,disabled:a,autocomplete:u||s,maxlength:l},on:{click:t.clickEvent,input:t.inputEvent,change:t.changeEvent,focus:t.focusEvent,blur:t.blurEvent}})]),g||(0,_ui.renderEmptyElement)(t)])}},watch:{value:function(e){this.reactData.inputValue=e}},created:function(){this.reactData.inputValue=this.value},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _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}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxePasswordInput",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:String,immediate:{type:Boolean,default:!0},name:String,clearable:{type:Boolean,default:function(){return(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:function(){return(0,_ui.getConfig)().passwordInput.inputClassName}},size:{type:String,default:function(){return(0,_ui.getConfig)().passwordInput.size||(0,_ui.getConfig)().size}},prefixIcon:String,suffixIcon:String,controls:{type:Boolean,default:function(){return(0,_ui.getConfig)().passwordInput.controls}},editable:{type:Boolean,default:!0},autocomplete:String},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{showPwd:!1,isActivated:!1,inputValue:""}}},computed:Object.assign(Object.assign({},{}),{computeIsClearable:function(){return this.clearable},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().passwordInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")},computeFormReadonly:function(){var e,t=this.$xeForm;return"obsolete"===(0,_ui.getConfig)().inputReadonly||null===(e=this.readonly)?!!t&&t.readonly:e},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeInputType:function(){return this.reactData.showPwd?"text":"password"},computeInpImmediate:function(){return this.immediate},computeInputReadonly:function(){var e=this.editable;return this.computeFormReadonly||!e}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$passwordInput:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},focus:function(){var e=this.reactData,t=this.$refs.refInputTarget;return e.isActivated=!0,t.focus(),this.$nextTick()},blur:function(){var e=this.reactData;return this.$refs.refInputTarget.blur(),e.isActivated=!1,this.$nextTick()},select:function(){var e=this.reactData;return this.$refs.refInputTarget.select(),e.isActivated=!1,this.$nextTick()},triggerEvent:function(e){var t=this.reactData.inputValue;this.dispatchEvent(e.type,{value:t},e)},emitInputEvent:function(e,t){var i=this.reactData,n=this.computeInpImmediate;i.inputValue=e,n?this.handleChange(e,t):this.dispatchEvent("input",{value:e},t)},inputEvent:function(e){var t=e.target.value;this.emitInputEvent(t,e)},handleChange:function(e,t){var i=this,n=i,r=i.reactData,a=i.$xeForm,o=i.formItemInfo;r.inputValue=e,i.emitModel(e),i.dispatchEvent("input",{value:e},t),_xeUtils.default.toValueString(n.value)!==e&&(i.dispatchEvent("change",{value:e},t),a)&&o&&a.triggerItemEvent(t,o.itemConfig.field,e)},changeEvent:function(e){var t=this,i=t.reactData,n=t.$xeForm,r=t.formItemInfo;t.triggerEvent(e),t.dispatchEvent("lazy-change",{value:i.inputValue},e),n&&r&&n.triggerItemEvent(e,r.itemConfig.field,i.inputValue)},focusEvent:function(e){this.reactData.isActivated=!0,this.triggerEvent(e)},blurEvent:function(e){var t=this.reactData,i=this.$xeForm,n=this.formItemInfo,r=t.inputValue;t.isActivated=!1,this.dispatchEvent("blur",{value:r},e),i&&n&&i.triggerItemEvent(e,n.itemConfig.field,r)},passwordToggleEvent:function(e){var t=this.reactData,i=t.showPwd,n=this.computeIsDisabled,r=this.computeFormReadonly;n||r||(t.showPwd=!i),this.dispatchEvent("toggle-visible",{visible:t.showPwd},e)},clickEvent:function(e){this.triggerEvent(e)},clearValueEvent:function(e,t){this.focus(),this.handleChange("",e),this.dispatchEvent("clear",{value:t},e),this.dispatchEvent("lazy-change",{value:t},e)},clickSuffixEvent:function(e){var t=this.reactData;this.computeIsDisabled||(t=t.inputValue,this.dispatchEvent("suffix-click",{value:t},e))},clickPrefixEvent:function(e){var t=this.reactData;this.computeIsDisabled||(t=t.inputValue,this.dispatchEvent("prefix-click",{value:t},e))},renderPasswordIcon:function(e){var t=this.reactData.showPwd;return e("div",{class:"vxe-password-input--control-icon",on:{click:this.passwordToggleEvent}},[e("i",{class:["vxe-password-input--password-icon",t?(0,_ui.getIcon)().PASSWORD_INPUT_SHOW_PWD:(0,_ui.getIcon)().PASSWORD_INPUT_HIDE_PWD]})])},renderPrefixIcon:function(e){var t=this.$scopedSlots,i=this.prefixIcon,t=t.prefix;return t||i?e("div",{class:"vxe-password-input--prefix",on:{click:this.clickPrefixEvent}},[e("div",{class:"vxe-password-input--prefix-icon"},t?(0,_vn.getSlotVNs)(t({})):[e("i",{class:i})])]):null},renderSuffixIcon:function(e){var t=this,i=t.$scopedSlots,n=t.suffixIcon,r=t.controls,a=t.reactData.inputValue,o=t.computeIsClearable,i=i.suffix;return o||r||i||n?e("div",{class:["vxe-password-input--suffix",{"is--clear":o&&!t.computeIsDisabled&&!(""===a||_xeUtils.default.eqNull(a))}]},[o?e("div",{class:"vxe-password-input--clear-icon",on:{click:t.clearValueEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(t),r?t.renderPasswordIcon(e):(0,_ui.renderEmptyElement)(t),i||n?e("div",{class:"vxe-password-input--suffix-icon",on:{click:t.clickSuffixEvent}},i?(0,_vn.getSlotVNs)(i({})):[e("i",{class:n})]):(0,_ui.renderEmptyElement)(t)]):null},renderVN:function(e){var t,i,n,r,a,o,u,s=this,l=s.reactData,c=s.className,p=s.inputClassName,d=s.name,f=s.autocomplete,v=s.autoComplete,m=s.maxLength,h=l.inputValue,l=l.isActivated,g=s.computeIsDisabled,y=s.computeFormReadonly;return y?e("div",{ref:"refElem",class:["vxe-password-input--readonly",c]},(0,_utils.getText)(h)):(t=s.computeSize,i=s.computeInputType,n=s.computeInpPlaceholder,r=s.computeIsClearable,a=s.computeInputReadonly,o=s.renderPrefixIcon(e),u=s.renderSuffixIcon(e),e("div",{ref:"refElem",class:["vxe-password-input",c,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(t),t),"is--prefix",!!o),"is--suffix",!!u),"is--readonly",y),"is--disabled",g),"is--active",l),"show--clear",r&&!g&&!(""===h||_xeUtils.default.eqNull(h)))],attrs:{spellcheck:!1}},[o||(0,_ui.renderEmptyElement)(s),e("div",{class:"vxe-password-input--wrapper"},[e("input",{ref:"refInputTarget",class:"vxe-password-input--inner"+(p?" "+p:""),domProps:{value:h},attrs:{name:d,type:i,placeholder:n,readonly:a,disabled:g,autocomplete:f||v,maxlength:m},on:{click:s.clickEvent,input:s.inputEvent,change:s.changeEvent,focus:s.focusEvent,blur:s.blurEvent}})]),u||(0,_ui.renderEmptyElement)(s)]))}},watch:{value:function(e){this.reactData.inputValue=e}},created:function(){this.reactData.inputValue=this.value},render:function(e){return this.renderVN(e)}});

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

@@ -23,6 +23,11 @@
   --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;

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--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}.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}.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)}