vxe-pc-ui 3.18.3 → 3.18.5

package/lib/index.umd.js

@@ -13288,7 +13288,7 @@ var es_array_join = __webpack_require__(8598);
 
 
 var log_log = VxeUI.log;
-var uiVersion = "ui v".concat("3.18.3");
+var uiVersion = "ui v".concat("3.18.5");
 function createComponentLog(name) {
   var tableVersion = VxeUI.tableVersion ? "table v".concat(VxeUI.tableVersion) : '';
   var ganttVersion = VxeUI.ganttVersion ? "gantt v".concat(VxeUI.ganttVersion) : '';
@@ -13308,7 +13308,7 @@ var errLog = log_log.create('error', uiVersion);
 
 
 
-var ui_version = "3.18.3";
+var ui_version = "3.18.5";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -14684,7 +14684,7 @@ setIcon({
           mergeErr: '无法对合并单元格进行该操作',
           multiErr: '无法对多重选择区域进行该操作',
           selectErr: '无法操作指定区域的单元格',
-          extendErr: '如果延伸的区域包含被合并的单元格，所有合并的单元格需大小相同',
+          extendErr: '若要执行此操作，所有合并的单元格需大小相同',
           pasteMultiErr: '无法粘贴，需要相同大小的复制的区域和粘贴的区域才能执行此操作',
           cpInvalidErr: '该操作无法进行，您选择的区域中存在被禁止的列（{0}）'
         },
@@ -14836,7 +14836,7 @@ setIcon({
       area: {
         mergeErr: '无法对合并单元格进行该操作',
         multiErr: '无法对多重选择区域进行该操作',
-        extendErr: '如果延伸的区域包含被合并的单元格，所有合并的单元格需大小相同',
+        extendErr: '若要执行此操作，所有合并的单元格需大小相同',
         pasteMultiErr: '无法粘贴，需要相同大小的复制的区域和粘贴的区域才能执行此操作'
       },
       fnr: {
@@ -24235,6 +24235,7 @@ var input_createComponentLog = createComponentLog('input'),
         return getConfig().input.inputClassName;
       }
     },
+    width: [String, Number],
     size: {
       type: String,
       default: function _default() {
@@ -24476,6 +24477,16 @@ var input_createComponentLog = createComponentLog('input'),
       }
       return maxLen;
     },
+    computeCurrStyle: function computeCurrStyle() {
+      var $xeInput = this;
+      var props = $xeInput;
+      var width = props.width;
+      var stys = {};
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
+      return stys;
+    },
     computeIsDateTimeType: function computeIsDateTimeType() {
       var $xeInput = this;
       var props = $xeInput;
@@ -27126,6 +27137,7 @@ var input_createComponentLog = createComponentLog('input'),
           class: ['vxe-input--readonly', "type--".concat(type), className]
         }, inputValue);
       }
+      var currStyle = $xeInput.computeCurrStyle;
       var isCountError = $xeInput.computeIsCountError;
       var inputCount = $xeInput.computeInputCount;
       var inputReadonly = $xeInput.computeInputReadonly;
@@ -27140,6 +27152,7 @@ var input_createComponentLog = createComponentLog('input'),
       return h('div', {
         ref: 'refElem',
         class: ['vxe-input', "type--".concat(type), floatContent ? "fla--".concat(floatAlign || 'center') : '', className, (_ref2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "size--".concat(vSize), vSize), "is--".concat(align), align), 'is--controls', controls), 'is--prefix', !!prefix), 'is--suffix', !!suffix), 'is--visible', visiblePanel), 'is--clear', isClearable), 'is--count', isWordCount), 'is--disabled', isDisabled), 'is--active', isActivated), _defineProperty(_ref2, 'show--clear', isClearable && !isDisabled && !(inputValue === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(inputValue))))],
+        style: currStyle,
         attrs: {
           spellcheck: false
         }
@@ -31541,6 +31554,7 @@ var handleNumberString = function handleNumberString(val) {
         return getConfig().numberInput.inputClassName;
       }
     },
+    width: [String, Number],
     size: {
       type: String,
       default: function _default() {
@@ -31867,6 +31881,16 @@ var handleNumberString = function handleNumberString(val) {
       var props = $xeNumberInput;
       var inputClassName = props.inputClassName;
       return 'vxe-number-input--input' + (inputClassName ? ' ' + inputClassName : '');
+    },
+    computeCurrStyle: function computeCurrStyle() {
+      var $xeNumberInput = this;
+      var props = $xeNumberInput;
+      var width = props.width;
+      var stys = {};
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
+      return stys;
     }
   }),
   methods: {
@@ -32851,6 +32875,7 @@ var NumberInput = VxeNumberInput;
 
 
 
+
 var WinEyeDropper = typeof window !== 'undefined' ? window.EyeDropper : null;
 var typeList = [{
   label: 'HEX',
@@ -32881,6 +32906,7 @@ var typeList = [{
         return getConfig().colorPicker.type;
       }
     },
+    width: [Number, String],
     size: {
       type: String,
       default: function _default() {
@@ -33066,6 +33092,16 @@ var typeList = [{
       }
       return [];
     },
+    computeCurrStyle: function computeCurrStyle() {
+      var $xeColorPicker = this;
+      var props = $xeColorPicker;
+      var width = props.width;
+      var stys = {};
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
+      return stys;
+    },
     computePopupOpts: function computePopupOpts() {
       var $xeColorPicker = this;
       var props = $xeColorPicker;
@@ -33934,11 +33970,13 @@ var typeList = [{
           } : undefined
         })]);
       }
+      var currStyle = $xeColorPicker.computeCurrStyle;
       return h('div', {
         ref: 'refElem',
         class: ['vxe-color-picker', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
           $colorPicker: $xeColorPicker
-        }) : className : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--selected', !!modelValue), 'is--visible', visiblePanel), 'is--disabled', isDisabled), 'is--active', isActivated)]
+        }) : className : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--selected', !!modelValue), 'is--visible', visiblePanel), 'is--disabled', isDisabled), 'is--active', isActivated)],
+        style: currStyle
       }, [h('input', {
         ref: 'refInputTarget',
         class: 'vxe-color-picker--input',
@@ -37549,6 +37587,7 @@ function date_picker_createInternalData() {
       type: String,
       default: 'date'
     },
+    width: [Number, String],
     clearable: {
       type: Boolean,
       default: function _default() {
@@ -37805,6 +37844,16 @@ function date_picker_createInternalData() {
       }
       return [];
     },
+    computeCurrStyle: function computeCurrStyle() {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      var width = props.width;
+      var stys = {};
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
+      return stys;
+    },
     computeDateStartDate: function computeDateStartDate() {
       var $xeDatePicker = this;
       var props = $xeDatePicker;
@@ -39258,6 +39307,7 @@ function date_picker_createInternalData() {
           class: ['vxe-date-picker--readonly', "type--".concat(type), className]
         }, panelLabel);
       }
+      var currStyle = $xeDatePicker.computeCurrStyle;
       var inputReadonly = $xeDatePicker.computeInputReadonly;
       var inpPlaceholder = $xeDatePicker.computeInpPlaceholder;
       var isClearable = $xeDatePicker.computeIsClearable;
@@ -39266,6 +39316,7 @@ function date_picker_createInternalData() {
       return h('div', {
         ref: 'refElem',
         class: ['vxe-date-picker', "type--".concat(type), className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--prefix', !!prefix), 'is--suffix', !!suffix), 'is--visible', visiblePanel), '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)))],
+        style: currStyle,
         attrs: {
           spellcheck: false
         }
@@ -39433,6 +39484,7 @@ function date_range_picker_createInternalData() {
       type: Boolean,
       default: true
     },
+    width: [Number, String],
     name: String,
     type: {
       type: String,
@@ -39671,6 +39723,16 @@ function date_range_picker_createInternalData() {
       }
       return [];
     },
+    computeCurrStyle: function computeCurrStyle() {
+      var $xeDateRangePicker = this;
+      var props = $xeDateRangePicker;
+      var width = props.width;
+      var stys = {};
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
+      return stys;
+    },
     computeMVal: function computeMVal() {
       var $xeDateRangePicker = this;
       var props = $xeDateRangePicker;
@@ -41020,6 +41082,7 @@ function date_range_picker_createInternalData() {
           class: ['vxe-date-range-picker--readonly', "type--".concat(type), className]
         }, inputLabel);
       }
+      var currStyle = $xeDateRangePicker.computeCurrStyle;
       var inpPlaceholder = $xeDateRangePicker.computeInpPlaceholder;
       var isClearable = $xeDateRangePicker.computeIsClearable;
       var prefix = $xeDateRangePicker.renderPrefixIcon(h);
@@ -41027,6 +41090,7 @@ function date_range_picker_createInternalData() {
       return h('div', {
         ref: 'refElem',
         class: ['vxe-date-range-picker', "type--".concat(type), className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--prefix', !!prefix), 'is--suffix', !!suffix), 'is--visible', visiblePanel), 'is--disabled', isDisabled), 'is--active', isActivated), 'show--clear', isClearable && !isDisabled && (selectStValue || selectEdValue))],
+        style: currStyle,
         attrs: {
           spellcheck: false
         }
@@ -45288,6 +45352,7 @@ var FormItem = VxeFormItem;
 
 
 
+
 
 
 function icon_picker_createReactData() {
@@ -45333,6 +45398,7 @@ function icon_picker_createInternalData() {
      * @deprecated
      */
     popupClassName: [String, Function],
+    width: [Number, String],
     showIconTitle: {
       type: Boolean,
       default: function _default() {
@@ -45456,6 +45522,16 @@ function icon_picker_createInternalData() {
       }
       return getI18n('vxe.base.pleaseSelect');
     },
+    computeCurrStyle: function computeCurrStyle() {
+      var $xeIconPicker = this;
+      var props = $xeIconPicker;
+      var width = props.width;
+      var stys = {};
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
+      return stys;
+    },
     computeWrapperStyle: function computeWrapperStyle() {
       var $xeIconPicker = this;
       var popupOpts = $xeIconPicker.computePopupOpts;
@@ -45979,10 +46055,6 @@ function icon_picker_createInternalData() {
       var isDisabled = $xeIconPicker.computeIsDisabled;
       var btnTransfer = $xeIconPicker.computeBtnTransfer;
       var formReadonly = $xeIconPicker.computeFormReadonly;
-      var inpPlaceholder = $xeIconPicker.computeInpPlaceholder;
-      var wrapperStyle = $xeIconPicker.computeWrapperStyle;
-      var popupOpts = $xeIconPicker.computePopupOpts;
-      var ppClassName = popupOpts.className || props.popupClassName;
       if (formReadonly) {
         return h('div', {
           ref: 'refElem',
@@ -45991,11 +46063,17 @@ function icon_picker_createInternalData() {
           class: selectIcon
         })]);
       }
+      var currStyle = $xeIconPicker.computeCurrStyle;
+      var inpPlaceholder = $xeIconPicker.computeInpPlaceholder;
+      var wrapperStyle = $xeIconPicker.computeWrapperStyle;
+      var popupOpts = $xeIconPicker.computePopupOpts;
+      var ppClassName = popupOpts.className || props.popupClassName;
       return h('div', {
         ref: 'refElem',
         class: ['vxe-ico-picker', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
           $iconPicker: $xeIconPicker
-        }) : className : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'show--clear', clearable && !isDisabled && !!selectIcon), 'is--visible', visiblePanel), 'is--disabled', isDisabled), 'is--active', isActivated)]
+        }) : className : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'show--clear', clearable && !isDisabled && !!selectIcon), 'is--visible', visiblePanel), 'is--disabled', isDisabled), 'is--active', isActivated)],
+        style: currStyle
       }, [h('div', {
         class: 'vxe-ico-picker--inner',
         on: {
@@ -51524,6 +51602,7 @@ function select_createInternalData() {
      * @deprecated
      */
     popupClassName: [String, Function],
+    width: [String, Number],
     max: {
       type: [String, Number],
       default: null
@@ -51810,6 +51889,16 @@ function select_createInternalData() {
       var props = $xeSelect;
       return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.multiCharOverflow);
     },
+    computeCurrStyle: function computeCurrStyle() {
+      var $xeSelect = this;
+      var props = $xeSelect;
+      var width = props.width;
+      var stys = {};
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
+      return stys;
+    },
     computePopupWrapperStyle: function computePopupWrapperStyle() {
       var $xeSelect = this;
       var popupOpts = $xeSelect.computePopupOpts;
@@ -53302,13 +53391,7 @@ function select_createInternalData() {
       var btnTransfer = $xeSelect.computeBtnTransfer;
       var formReadonly = $xeSelect.computeFormReadonly;
       var inpPlaceholder = $xeSelect.computeInpPlaceholder;
-      var popupOpts = $xeSelect.computePopupOpts;
-      var popupWrapperStyle = $xeSelect.computePopupWrapperStyle;
       var defaultSlot = slots.default;
-      var headerSlot = slots.header;
-      var footerSlot = slots.footer;
-      var prefixSlot = slots.prefix;
-      var ppClassName = popupOpts.className || props.popupClassName;
       if (formReadonly) {
         return h('div', {
           ref: 'refElem',
@@ -53323,12 +53406,20 @@ function select_createInternalData() {
           }
         }, selectLabel)]);
       }
+      var currStyle = $xeSelect.computeCurrStyle;
       var selectVals = $xeSelect.computeSelectVals;
+      var popupOpts = $xeSelect.computePopupOpts;
+      var popupWrapperStyle = $xeSelect.computePopupWrapperStyle;
+      var headerSlot = slots.header;
+      var footerSlot = slots.footer;
+      var prefixSlot = slots.prefix;
+      var ppClassName = popupOpts.className || props.popupClassName;
       return h('div', {
         ref: 'refElem',
         class: ['vxe-select', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
           $select: $xeSelect
-        }) : className : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--visible', visiblePanel), 'is--disabled', isDisabled), 'is--filter', filterable), 'is--loading', loading), 'is--active', isActivated)]
+        }) : className : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--visible', visiblePanel), 'is--disabled', isDisabled), 'is--filter', filterable), 'is--loading', loading), 'is--active', isActivated)],
+        style: currStyle
       }, [h('div', {
         class: 'vxe-select-slots',
         ref: 'hideOption'
@@ -54499,6 +54590,7 @@ var Pager = VxePager;
 
 
 
+
 /* harmony default export */ var password_input = (/* define-vxe-component start */defineVxeComponent({
   name: 'VxePasswordInput',
   mixins: [globalMixins.sizeMixin],
@@ -54546,6 +54638,7 @@ var Pager = VxePager;
         return getConfig().passwordInput.inputClassName;
       }
     },
+    width: [String, Number],
     size: {
       type: String,
       default: function _default() {
@@ -54660,6 +54753,16 @@ var Pager = VxePager;
       var editable = props.editable;
       var formReadonly = $xePasswordInput.computeFormReadonly;
       return formReadonly || !editable;
+    },
+    computeCurrStyle: function computeCurrStyle() {
+      var $xePasswordInput = this;
+      var props = $xePasswordInput;
+      var width = props.width;
+      var stys = {};
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
+      return stys;
     }
   }),
   methods: {
@@ -54925,6 +55028,7 @@ var Pager = VxePager;
           class: ['vxe-password-input--readonly', className]
         }, getText(inputValue));
       }
+      var currStyle = $xePasswordInput.computeCurrStyle;
       var vSize = $xePasswordInput.computeSize;
       var inputType = $xePasswordInput.computeInputType;
       var inpPlaceholder = $xePasswordInput.computeInpPlaceholder;
@@ -54936,6 +55040,7 @@ var Pager = VxePager;
       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', 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)))],
+        style: currStyle,
         attrs: {
           spellcheck: false
         }
@@ -59627,6 +59732,7 @@ var Slider = VxeSlider;
         return getConfig().space.wrap;
       }
     },
+    width: [Number, String],
     gap: {
       type: [Number, String, Array, Object],
       default: function _default() {
@@ -59705,11 +59811,12 @@ var Slider = VxeSlider;
     };
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
-    computeWrapperStyle: function computeWrapperStyle() {
+    computeCurrStyle: function computeCurrStyle() {
       var $xeSpace = this;
       var props = $xeSpace;
       var align = props.align,
-        gap = props.gap;
+        gap = props.gap,
+        width = props.width;
       var stys = {};
       var rowGap = '';
       var columGap = '';
@@ -59725,6 +59832,9 @@ var Slider = VxeSlider;
           columGap = gap.columGap || '';
         }
       }
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
       if (align) {
         stys['align-items'] = align;
       }
@@ -59805,12 +59915,12 @@ var Slider = VxeSlider;
         itemWidth = props.itemWidth,
         itemMinWidth = props.itemMinWidth,
         itemMaxWidth = props.itemMaxWidth;
-      var wrapperStyle = $xeSpace.computeWrapperStyle;
+      var currStyle = $xeSpace.computeCurrStyle;
       var vSize = $xeSpace.computeSize;
       return h('div', {
         ref: 'refElem',
         class: ['vxe-space', getPropClass(className, {}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--wrap', wrap), 'is--vertical', vertical), 'is--fill', fill), 'is--width', itemWidth || itemMinWidth || itemMaxWidth)],
-        style: wrapperStyle
+        style: currStyle
       }, $xeSpace.renderItems(h));
     }
   },