vxe-pc-ui 3.18.2 → 3.18.4

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.2");
+var uiVersion = "ui v".concat("3.18.3");
 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.2";
+var ui_version = "3.18.3";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -13820,7 +13820,8 @@ setIcon({
   // loading
   LOADING: iconPrefix + 'spinner roll vxe-loading--default-icon',
   // button
-  BUTTON_DROPDOWN: iconPrefix + 'arrow-down',
+  BUTTON_DROPDOWN_OPEN: iconPrefix + 'arrow-down rotate180',
+  BUTTON_DROPDOWN_CLOSE: iconPrefix + 'arrow-down',
   BUTTON_LOADING: iconPrefix + 'spinner roll',
   BUTTON_TOOLTIP_ICON: iconPrefix + 'question-circle-fill',
   // menu
@@ -17093,6 +17094,18 @@ var _createComponentLog = createComponentLog('button'),
         return getConfig().button.showDropdownIcon;
       }
     },
+    dropdownCloseIcon: {
+      type: String,
+      default: function _default() {
+        return getConfig().button.dropdownCloseIcon;
+      }
+    },
+    dropdownOpenIcon: {
+      type: String,
+      default: function _default() {
+        return getConfig().button.dropdownOpenIcon;
+      }
+    },
     /**
      * 在下拉面板关闭时销毁内容
      */
@@ -17667,6 +17680,8 @@ var _createComponentLog = createComponentLog('button'),
         name = props.name,
         loading = props.loading,
         shadow = props.shadow,
+        dropdownOpenIcon = props.dropdownOpenIcon,
+        dropdownCloseIcon = props.dropdownCloseIcon,
         showDropdownIcon = props.showDropdownIcon;
       var initialized = reactData.initialized,
         isAniVisible = reactData.isAniVisible,
@@ -17722,7 +17737,7 @@ var _createComponentLog = createComponentLog('button'),
             click: $xeButton.clickTargetEvent
           }, btnOns)
         }, $xeButton.renderContent(h).concat(showDropdownIcon ? [h('i', {
-          class: "vxe-button--dropdown-arrow ".concat(getIcon().BUTTON_DROPDOWN)
+          class: "vxe-button--dropdown-icon ".concat(visiblePanel ? dropdownOpenIcon || getIcon().BUTTON_DROPDOWN_OPEN : dropdownCloseIcon || getIcon().BUTTON_DROPDOWN_CLOSE)
         })] : [])) : h('button', {
           ref: 'refButton',
           class: ['vxe-button', "type--".concat(btnMode), btnAlign ? "align--".concat(btnAlign) : '', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
@@ -17738,7 +17753,7 @@ var _createComponentLog = createComponentLog('button'),
             click: $xeButton.clickTargetEvent
           }, btnOns)
         }, $xeButton.renderContent(h).concat(showDropdownIcon ? [h('i', {
-          class: "vxe-button--dropdown-arrow ".concat(getIcon().BUTTON_DROPDOWN)
+          class: "vxe-button--dropdown-icon ".concat(visiblePanel ? dropdownOpenIcon || getIcon().BUTTON_DROPDOWN_OPEN : dropdownCloseIcon || getIcon().BUTTON_DROPDOWN_CLOSE)
         })] : [])), h('div', {
           ref: 'refBtnPanel',
           class: ['vxe-button--dropdown-panel', ppClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(ppClassName) ? ppClassName({
@@ -24220,6 +24235,7 @@ var input_createComponentLog = createComponentLog('input'),
         return getConfig().input.inputClassName;
       }
     },
+    width: [String, Number],
     size: {
       type: String,
       default: function _default() {
@@ -24461,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;
@@ -27111,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;
@@ -27125,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
         }
@@ -31526,6 +31554,7 @@ var handleNumberString = function handleNumberString(val) {
         return getConfig().numberInput.inputClassName;
       }
     },
+    width: [String, Number],
     size: {
       type: String,
       default: function _default() {
@@ -31852,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: {
@@ -32836,6 +32875,7 @@ var NumberInput = VxeNumberInput;
 
 
 
+
 var WinEyeDropper = typeof window !== 'undefined' ? window.EyeDropper : null;
 var typeList = [{
   label: 'HEX',
@@ -32866,6 +32906,7 @@ var typeList = [{
         return getConfig().colorPicker.type;
       }
     },
+    width: [Number, String],
     size: {
       type: String,
       default: function _default() {
@@ -33051,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;
@@ -33919,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',
@@ -37534,6 +37587,7 @@ function date_picker_createInternalData() {
       type: String,
       default: 'date'
     },
+    width: [Number, String],
     clearable: {
       type: Boolean,
       default: function _default() {
@@ -37790,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;
@@ -39243,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;
@@ -39251,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
         }
@@ -39418,6 +39484,7 @@ function date_range_picker_createInternalData() {
       type: Boolean,
       default: true
     },
+    width: [Number, String],
     name: String,
     type: {
       type: String,
@@ -39656,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;
@@ -41005,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);
@@ -41012,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
         }
@@ -45273,6 +45352,7 @@ var FormItem = VxeFormItem;
 
 
 
+
 
 
 function icon_picker_createReactData() {
@@ -45318,6 +45398,7 @@ function icon_picker_createInternalData() {
      * @deprecated
      */
     popupClassName: [String, Function],
+    width: [Number, String],
     showIconTitle: {
       type: Boolean,
       default: function _default() {
@@ -45441,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;
@@ -45964,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',
@@ -45976,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: {
@@ -50065,7 +50158,9 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
       var $xeModal = this;
       var isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
       if (isEsc) {
-        var lastModal = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().max(allActiveModals, function (item) {
+        var lastModal = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().max(allActiveModals.filter(function (item) {
+          return item.reactData.zoomStatus !== 'minimize';
+        }), function (item) {
           return item.reactData.modalZindex;
         });
         // 多个时，只关掉最上层的窗口
@@ -51507,6 +51602,7 @@ function select_createInternalData() {
      * @deprecated
      */
     popupClassName: [String, Function],
+    width: [String, Number],
     max: {
       type: [String, Number],
       default: null
@@ -51793,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;
@@ -53285,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',
@@ -53306,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'
@@ -54482,6 +54590,7 @@ var Pager = VxePager;
 
 
 
+
 /* harmony default export */ var password_input = (/* define-vxe-component start */defineVxeComponent({
   name: 'VxePasswordInput',
   mixins: [globalMixins.sizeMixin],
@@ -54529,6 +54638,7 @@ var Pager = VxePager;
         return getConfig().passwordInput.inputClassName;
       }
     },
+    width: [String, Number],
     size: {
       type: String,
       default: function _default() {
@@ -54643,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: {
@@ -54908,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;
@@ -54919,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
         }
@@ -59610,6 +59732,7 @@ var Slider = VxeSlider;
         return getConfig().space.wrap;
       }
     },
+    width: [Number, String],
     gap: {
       type: [Number, String, Array, Object],
       default: function _default() {
@@ -59688,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 = '';
@@ -59708,6 +59832,9 @@ var Slider = VxeSlider;
           columGap = gap.columGap || '';
         }
       }
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
       if (align) {
         stys['align-items'] = align;
       }
@@ -59788,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));
     }
   },