vxe-pc-ui 3.17.0 → 3.17.2

package/lib/index.umd.js

@@ -11680,7 +11680,7 @@ var es_regexp_exec = __webpack_require__(7495);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.match.js
 var es_string_match = __webpack_require__(1761);
 ;// ./node_modules/@vxe-ui/core/es/src/core.js
-var coreVersion = "3.4.18";
+var coreVersion = "3.4.20";
 var VxeCore = {
   coreVersion: coreVersion,
   uiVersion: '',
@@ -12057,6 +12057,7 @@ var GLOBAL_EVENT_KEYS = {
   PAGE_DOWN: 'PageDown',
   HOME: 'Home',
   END: 'End',
+  PROCESS: 'Process',
   A: 'A',
   X: 'X',
   C: 'C',
@@ -12440,7 +12441,7 @@ function createLog(type, name) {
     return msg;
   };
 }
-var version = "3.4.18";
+var version = "3.4.20";
 var log = {
   create: createLog,
   warn: createLog('warn', "v".concat(version)),
@@ -13260,7 +13261,7 @@ var es_array_join = __webpack_require__(8598);
 
 
 var log_log = VxeUI.log;
-var uiVersion = "ui v".concat("3.17.0");
+var uiVersion = "ui v".concat("3.17.2");
 function createComponentLog(name) {
   var tableVersion = VxeUI.tableVersion ? "table v".concat(VxeUI.tableVersion) : '';
   var ganttVersion = VxeUI.ganttVersion ? "gantt v".concat(VxeUI.ganttVersion) : '';
@@ -13280,7 +13281,7 @@ var errLog = log_log.create('error', uiVersion);
 
 
 
-var ui_version = "3.17.0";
+var ui_version = "3.17.2";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -24071,6 +24072,12 @@ var input_createComponentLog = createComponentLog('input'),
     align: String,
     form: String,
     className: String,
+    inputClassName: {
+      type: String,
+      default: function _default() {
+        return getConfig().input.inputClassName;
+      }
+    },
     size: {
       type: String,
       default: function _default() {
@@ -24792,9 +24799,9 @@ var input_createComponentLog = createComponentLog('input'),
       var props = $xeInput;
       var type = props.type,
         editable = props.editable,
-        multiple = props.multiple,
-        readonly = props.readonly;
-      return readonly || multiple || !editable || type === 'week' || type === 'quarter';
+        multiple = props.multiple;
+      var formReadonly = $xeInput.computeFormReadonly;
+      return formReadonly || multiple || !editable || type === 'week' || type === 'quarter';
     },
     computeInputType: function computeInputType() {
       var $xeInput = this;
@@ -26933,6 +26940,7 @@ var input_createComponentLog = createComponentLog('input'),
       var props = $xeInput;
       var reactData = $xeInput.reactData;
       var className = props.className,
+        inputClassName = props.inputClassName,
         controls = props.controls,
         type = props.type,
         title = props.title,
@@ -26977,7 +26985,7 @@ var input_createComponentLog = createComponentLog('input'),
         } : undefined
       }, [h('input', {
         ref: 'refInputTarget',
-        class: 'vxe-input--inner',
+        class: 'vxe-input--inner' + (inputClassName ? ' ' + inputClassName : ''),
         domProps: {
           value: inputValue
         },
@@ -31353,6 +31361,12 @@ var handleNumberString = function handleNumberString(val) {
     align: String,
     form: String,
     className: String,
+    inputClassName: {
+      type: String,
+      default: function _default() {
+        return getConfig().numberInput.inputClassName;
+      }
+    },
     size: {
       type: String,
       default: function _default() {
@@ -31655,6 +31669,12 @@ var handleNumberString = function handleNumberString(val) {
         return numValue >= external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(max);
       }
       return false;
+    },
+    computeInpClassNamevalue: function computeInpClassNamevalue() {
+      var $xeNumberInput = this;
+      var props = $xeNumberInput;
+      var inputClassName = props.inputClassName;
+      return 'vxe-number-input--input' + (inputClassName ? ' ' + inputClassName : '');
     }
   }),
   methods: {
@@ -32329,6 +32349,7 @@ var handleNumberString = function handleNumberString(val) {
       var inputReadonly = $xeNumberInput.computeInputReadonly;
       var inpMaxLength = $xeNumberInput.computeInpMaxLength;
       var inpPlaceholder = $xeNumberInput.computeInpPlaceholder;
+      var inpClassName = $xeNumberInput.computeInpClassNamevalue;
       return h('div', {
         key: 'ni',
         class: 'vxe-number-input--input-wrapper'
@@ -32336,7 +32357,7 @@ var handleNumberString = function handleNumberString(val) {
         class: 'vxe-number-input--input-inner'
       }, [h('input', {
         ref: 'refInputTarget',
-        class: 'vxe-number-input--input',
+        class: inpClassName,
         domProps: {
           value: !isFocus && type === 'amount' ? numLabel : inputValue
         },
@@ -37259,6 +37280,12 @@ function date_picker_createInternalData() {
     },
     form: String,
     className: String,
+    inputClassName: {
+      type: String,
+      default: function _default() {
+        return getConfig().datePicker.inputClassName;
+      }
+    },
     zIndex: Number,
     size: {
       type: String,
@@ -38930,6 +38957,7 @@ function date_picker_createInternalData() {
       var reactData = $xeDatePicker.reactData;
       var internalData = $xeDatePicker.internalData;
       var className = props.className,
+        inputClassName = props.inputClassName,
         type = props.type,
         name = props.name,
         autoComplete = props.autoComplete;
@@ -38963,7 +38991,7 @@ function date_picker_createInternalData() {
         class: 'vxe-date-picker--wrapper'
       }, [h('input', {
         ref: 'refInputTarget',
-        class: 'vxe-date-picker--inner',
+        class: 'vxe-date-picker--inner' + (inputClassName ? ' ' + inputClassName : ''),
         domProps: {
           value: labelFlag ? inputLabel : ''
         },
@@ -39155,6 +39183,12 @@ function date_range_picker_createInternalData() {
     },
     form: String,
     className: String,
+    inputClassName: {
+      type: String,
+      default: function _default() {
+        return getConfig().dateRangePicker.inputClassName;
+      }
+    },
     zIndex: Number,
     size: {
       type: String,
@@ -40695,6 +40729,7 @@ function date_range_picker_createInternalData() {
       var props = $xeDateRangePicker;
       var reactData = $xeDateRangePicker.reactData;
       var className = props.className,
+        inputClassName = props.inputClassName,
         type = props.type,
         name = props.name,
         autoComplete = props.autoComplete;
@@ -40726,7 +40761,7 @@ function date_range_picker_createInternalData() {
         class: 'vxe-date-range-picker--wrapper'
       }, [h('input', {
         ref: 'refInputTarget',
-        class: 'vxe-date-range-picker--inner',
+        class: 'vxe-date-range-picker--inner' + (inputClassName ? ' ' + inputClassName : ''),
         domProps: {
           value: inputLabel
         },
@@ -53927,6 +53962,12 @@ var Pager = VxePager;
       default: 'off'
     },
     className: String,
+    inputClassName: {
+      type: String,
+      default: function _default() {
+        return getConfig().passwordInput.inputClassName;
+      }
+    },
     size: {
       type: String,
       default: function _default() {
@@ -53941,6 +53982,10 @@ var Pager = VxePager;
         return getConfig().passwordInput.controls;
       }
     },
+    editable: {
+      type: Boolean,
+      default: true
+    },
     // 已废弃
     autocomplete: String
   },
@@ -53971,12 +54016,6 @@ var Pager = VxePager;
       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;
@@ -53990,6 +54029,38 @@ var Pager = VxePager;
       }
       return getI18n('vxe.base.pleaseInput');
     },
+    computeFormReadonly: function computeFormReadonly() {
+      var $xePasswordInput = this;
+      var props = $xePasswordInput;
+      var $xeForm = $xePasswordInput.$xeForm;
+      if (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;
@@ -54004,6 +54075,13 @@ var Pager = VxePager;
       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: {
@@ -54135,12 +54213,11 @@ var Pager = VxePager;
     },
     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', {
@@ -54164,10 +54241,9 @@ var Pager = VxePager;
     },
     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
@@ -54176,10 +54252,9 @@ var Pager = VxePager;
     },
     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
@@ -54224,15 +54299,15 @@ var Pager = VxePager;
       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 === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(inputValue))
+          'is--clear': isClearable && !isDisabled && !(inputValue === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(inputValue))
         }]
       }, [isClearable ? h('div', {
         class: 'vxe-password-input--clear-icon',
@@ -54255,24 +54330,31 @@ var Pager = VxePager;
       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]
+        }, 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 === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_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 === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(inputValue)))],
         attrs: {
           spellcheck: false
         }
@@ -54280,7 +54362,7 @@ var Pager = VxePager;
         class: 'vxe-password-input--wrapper'
       }, [h('input', {
         ref: 'refInputTarget',
-        class: 'vxe-password-input--inner',
+        class: 'vxe-password-input--inner' + (inputClassName ? ' ' + inputClassName : ''),
         domProps: {
           value: inputValue
         },
@@ -54288,8 +54370,8 @@ var Pager = VxePager;
           name: name,
           type: inputType,
           placeholder: inpPlaceholder,
-          readonly: inpReadonly,
-          disabled: disabled,
+          readonly: inputReadonly,
+          disabled: isDisabled,
           autocomplete: autocomplete || autoComplete,
           maxlength: maxLength
         },
@@ -61723,6 +61805,12 @@ var autoTxtElem;
   props: {
     value: [String, Number],
     className: String,
+    inputClassName: {
+      type: String,
+      default: function _default() {
+        return getConfig().textarea.inputClassName;
+      }
+    },
     immediate: {
       type: Boolean,
       default: true
@@ -62074,6 +62162,7 @@ var autoTxtElem;
       var props = $xeTextarea;
       var reactData = $xeTextarea.reactData;
       var className = props.className,
+        inputClassName = props.inputClassName,
         resize = props.resize,
         autosize = props.autosize,
         autoSize = props.autoSize,
@@ -62107,7 +62196,7 @@ var autoTxtElem;
         }
       }, [h('textarea', {
         ref: 'refTextarea',
-        class: 'vxe-textarea--inner',
+        class: 'vxe-textarea--inner' + (inputClassName ? ' ' + inputClassName : ''),
         domProps: {
           value: inputValue
         },