vxe-pc-ui 4.18.2 → 4.18.4

package/lib/index.umd.js

@@ -4685,7 +4685,7 @@ function checkDynamic() {
 const {
   log: log_log
 } = VxeUI;
-const uiVersion = `ui v${"4.18.2"}`;
+const uiVersion = `ui v${"4.18.3"}`;
 function createComponentLog(name) {
   const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
   const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -4703,7 +4703,7 @@ const errLog = log_log.create('error', uiVersion);
 
 
 
-const ui_version = "4.18.2";
+const ui_version = "4.18.3";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -5216,7 +5216,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
@@ -8161,6 +8162,14 @@ const VxeButtonComponent = defineVxeComponent({
       type: Boolean,
       default: () => getConfig().button.showDropdownIcon
     },
+    dropdownCloseIcon: {
+      type: String,
+      default: () => getConfig().button.dropdownCloseIcon
+    },
+    dropdownOpenIcon: {
+      type: String,
+      default: () => getConfig().button.dropdownOpenIcon
+    },
     /**
      * 在下拉面板关闭时销毁内容
      */
@@ -8682,6 +8691,8 @@ const VxeButtonComponent = defineVxeComponent({
         name,
         loading,
         shadow,
+        dropdownOpenIcon,
+        dropdownCloseIcon,
         showDropdownIcon
       } = props;
       const {
@@ -8752,7 +8763,7 @@ const VxeButtonComponent = defineVxeComponent({
         }, {
           default() {
             return renderContent().concat(showDropdownIcon ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
-              class: `vxe-button--dropdown-arrow ${getIcon().BUTTON_DROPDOWN}`
+              class: `vxe-button--dropdown-icon ${visiblePanel ? dropdownOpenIcon || getIcon().BUTTON_DROPDOWN_OPEN : dropdownCloseIcon || getIcon().BUTTON_DROPDOWN_CLOSE}`
             })] : []);
           }
         }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
@@ -8775,7 +8786,7 @@ const VxeButtonComponent = defineVxeComponent({
           onClick: clickTargetEvent,
           ...btnOns
         }, renderContent().concat(showDropdownIcon ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
-          class: `vxe-button--dropdown-arrow ${getIcon().BUTTON_DROPDOWN}`
+          class: `vxe-button--dropdown-icon ${visiblePanel ? dropdownOpenIcon || getIcon().BUTTON_DROPDOWN_OPEN : dropdownCloseIcon || getIcon().BUTTON_DROPDOWN_CLOSE}`
         })] : [])), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(external_commonjs_vue_commonjs2_vue_root_Vue_.Teleport, {
           to: getPopupContainer(appendTo),
           disabled: btnTransfer ? !initialized : true
@@ -14804,6 +14815,7 @@ const {
     align: String,
     form: String,
     className: String,
+    width: [String, Number],
     inputClassName: {
       type: String,
       default: () => getConfig().input.inputClassName
@@ -15027,6 +15039,16 @@ const {
       }
       return maxLen;
     });
+    const computeCurrStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        width
+      } = props;
+      const stys = {};
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
+      return stys;
+    });
     const computeIsDateTimeType = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         type
@@ -17462,6 +17484,7 @@ const {
           class: ['vxe-input--readonly', `type--${type}`, className]
         }, inputValue);
       }
+      const currStyle = computeCurrStyle.value;
       const isCountError = computeIsCountError.value;
       const inputCount = computeInputCount.value;
       const inputReadonly = computeInputReadonly.value;
@@ -17488,6 +17511,7 @@ const {
           '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,
         spellcheck: false
       }, [prefix || (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-input--wrapper',
@@ -21515,6 +21539,7 @@ const {
       type: String,
       default: () => getConfig().numberInput.inputClassName
     },
+    width: [String, Number],
     size: {
       type: String,
       default: () => getConfig().numberInput.size || getConfig().size
@@ -21814,6 +21839,16 @@ const {
       } = props;
       return 'vxe-number-input--input' + (inputClassName ? ' ' + inputClassName : '');
     });
+    const computeCurrStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        width
+      } = props;
+      const stys = {};
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
+      return stys;
+    });
     const refMaps = {
       refElem,
       refInput: refInputTarget
@@ -22642,6 +22677,7 @@ const {
           class: ['vxe-number-input--readonly', `type--${type}`, className]
         }, numLabel);
       }
+      const currStyle = computeCurrStyle.value;
       const inputReadonly = computeInputReadonly.value;
       const isClearable = computeIsClearable.value;
       const isControls = isEnableConf(controlOpts) && (controls === false ? controls : showButton);
@@ -22657,6 +22693,7 @@ const {
           '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,
         spellcheck: false,
         onMouseenter: mouseenterEvent,
         onMouseleave: mouseleaveEvent
@@ -22751,6 +22788,7 @@ const NumberInput = VxeNumberInput;
       type: String,
       default: () => getConfig().colorPicker.type
     },
+    width: [Number, String],
     size: {
       type: String,
       default: () => getConfig().colorPicker.size || getConfig().size
@@ -22912,6 +22950,16 @@ const NumberInput = VxeNumberInput;
       }
       return [];
     });
+    const computeCurrStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        width
+      } = props;
+      const stys = {};
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
+      return stys;
+    });
     const computePopupOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, getConfig().colorPicker.popupConfig, props.popupConfig);
     });
@@ -23684,10 +23732,6 @@ const NumberInput = VxeNumberInput;
       const isDisabled = computeIsDisabled.value;
       const btnTransfer = computeBtnTransfer.value;
       const formReadonly = computeFormReadonly.value;
-      const popupOpts = computePopupOpts.value;
-      const {
-        appendTo
-      } = popupOpts;
       if (formReadonly) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           ref: refElem,
@@ -23703,6 +23747,11 @@ const NumberInput = VxeNumberInput;
           } : undefined
         })]);
       }
+      const currStyle = computeCurrStyle.value;
+      const popupOpts = computePopupOpts.value;
+      const {
+        appendTo
+      } = popupOpts;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.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({
@@ -23713,7 +23762,8 @@ const NumberInput = VxeNumberInput;
           'is--visible': visiblePanel,
           'is--disabled': isDisabled,
           'is--active': isActivated
-        }]
+        }],
+        style: currStyle
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('input', {
         ref: refInputTarget,
         class: 'vxe-color-picker--input',
@@ -27083,6 +27133,7 @@ function date_picker_createInternalData() {
       type: String,
       default: 'date'
     },
+    width: [Number, String],
     clearable: {
       type: Boolean,
       default: () => getConfig().datePicker.clearable
@@ -27302,6 +27353,16 @@ function date_picker_createInternalData() {
       }
       return [];
     });
+    const computeCurrStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        width
+      } = props;
+      const stys = {};
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
+      return stys;
+    });
     const computeDateStartDate = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return props.startDate ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toStringDate(props.startDate) : null;
     });
@@ -28689,6 +28750,7 @@ function date_picker_createInternalData() {
           class: ['vxe-date-picker--readonly', `type--${type}`, className]
         }, panelLabel);
       }
+      const currStyle = computeCurrStyle.value;
       const inputReadonly = computeInputReadonly.value;
       const inpPlaceholder = computeInpPlaceholder.value;
       const isClearable = computeIsClearable.value;
@@ -28705,6 +28767,7 @@ function date_picker_createInternalData() {
           '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,
         spellcheck: false
       }, [prefix || renderEmptyElement($xeDatePicker), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-date-picker--wrapper'
@@ -28838,6 +28901,7 @@ function date_range_picker_createInternalData() {
       type: Boolean,
       default: true
     },
+    width: [Number, String],
     name: String,
     type: {
       type: String,
@@ -29049,6 +29113,16 @@ function date_range_picker_createInternalData() {
       }
       return [];
     });
+    const computeCurrStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        width
+      } = props;
+      const stys = {};
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
+      return stys;
+    });
     const computeMVal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         startValue,
@@ -30351,6 +30425,7 @@ function date_range_picker_createInternalData() {
           class: ['vxe-date-range-picker--readonly', `type--${type}`, className]
         }, inputLabel);
       }
+      const currStyle = computeCurrStyle.value;
       const inpPlaceholder = computeInpPlaceholder.value;
       const isClearable = computeIsClearable.value;
       const prefix = renderPrefixIcon();
@@ -30366,6 +30441,7 @@ function date_range_picker_createInternalData() {
           'is--active': isActivated,
           'show--clear': isClearable && !isDisabled && (selectStValue || selectEdValue)
         }],
+        style: currStyle,
         spellcheck: false
       }, [prefix || renderEmptyElement($xeDateRangePicker), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-date-range-picker--wrapper'
@@ -34449,6 +34525,7 @@ function icon_picker_createInternalData() {
      * @deprecated
      */
     popupClassName: [String, Function],
+    width: [Number, String],
     showIconTitle: {
       type: Boolean,
       default: () => getConfig().iconPicker.showIconTitle
@@ -34561,6 +34638,16 @@ function icon_picker_createInternalData() {
       }
       return getI18n('vxe.base.pleaseSelect');
     });
+    const computeCurrStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        width
+      } = props;
+      const stys = {};
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
+      return stys;
+    });
     const computeWrapperStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const popupOpts = computePopupOpts.value;
       const {
@@ -35022,13 +35109,6 @@ function icon_picker_createInternalData() {
       const isDisabled = computeIsDisabled.value;
       const btnTransfer = computeBtnTransfer.value;
       const formReadonly = computeFormReadonly.value;
-      const inpPlaceholder = computeInpPlaceholder.value;
-      const wrapperStyle = computeWrapperStyle.value;
-      const popupOpts = computePopupOpts.value;
-      const {
-        appendTo
-      } = popupOpts;
-      const ppClassName = popupOpts.className || props.popupClassName;
       if (formReadonly) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           ref: refElem,
@@ -35037,6 +35117,14 @@ function icon_picker_createInternalData() {
           class: selectIcon
         })]);
       }
+      const currStyle = computeCurrStyle.value;
+      const inpPlaceholder = computeInpPlaceholder.value;
+      const wrapperStyle = computeWrapperStyle.value;
+      const popupOpts = computePopupOpts.value;
+      const {
+        appendTo
+      } = popupOpts;
+      const ppClassName = popupOpts.className || props.popupClassName;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.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({
@@ -35047,7 +35135,8 @@ function icon_picker_createInternalData() {
           'is--visible': visiblePanel,
           'is--disabled': isDisabled,
           'is--active': isActivated
-        }]
+        }],
+        style: currStyle
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-ico-picker--inner',
         onClick: clickEvent
@@ -38721,7 +38810,7 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
     const handleGlobalKeydownEvent = evnt => {
       const isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
       if (isEsc) {
-        const lastModal = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().max(allActiveModals, item => item.reactData.modalZindex);
+        const lastModal = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().max(allActiveModals.filter(item => item.reactData.zoomStatus !== 'minimize'), item => item.reactData.modalZindex);
         // 多个时，只关掉最上层的窗口
         if (lastModal) {
           setTimeout(() => {
@@ -40050,6 +40139,7 @@ function select_createInternalData() {
      * @deprecated
      */
     popupClassName: [String, Function],
+    width: [String, Number],
     max: {
       type: [String, Number],
       default: null
@@ -40277,6 +40367,16 @@ function select_createInternalData() {
     const computeMultiMaxCharNum = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.multiCharOverflow);
     });
+    const computeCurrStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        width
+      } = props;
+      const stys = {};
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
+      return stys;
+    });
     const computePopupWrapperStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const popupOpts = computePopupOpts.value;
       const {
@@ -41664,16 +41764,7 @@ function select_createInternalData() {
       const btnTransfer = computeBtnTransfer.value;
       const formReadonly = computeFormReadonly.value;
       const inpPlaceholder = computeInpPlaceholder.value;
-      const popupWrapperStyle = computePopupWrapperStyle.value;
-      const popupOpts = computePopupOpts.value;
-      const {
-        appendTo
-      } = popupOpts;
       const defaultSlot = slots.default;
-      const headerSlot = slots.header;
-      const footerSlot = slots.footer;
-      const prefixSlot = slots.prefix;
-      const ppClassName = popupOpts.className || props.popupClassName;
       if (formReadonly) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           ref: refElem,
@@ -41686,7 +41777,17 @@ function select_createInternalData() {
           title: fullLabel
         }, selectLabel)]);
       }
+      const currStyle = computeCurrStyle.value;
       const selectVals = computeSelectVals.value;
+      const popupWrapperStyle = computePopupWrapperStyle.value;
+      const popupOpts = computePopupOpts.value;
+      const headerSlot = slots.header;
+      const footerSlot = slots.footer;
+      const prefixSlot = slots.prefix;
+      const {
+        appendTo
+      } = popupOpts;
+      const ppClassName = popupOpts.className || props.popupClassName;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
         class: ['vxe-select', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
@@ -41698,7 +41799,8 @@ function select_createInternalData() {
           'is--filter': filterable,
           'is--loading': loading,
           'is--active': isActivated
-        }]
+        }],
+        style: currStyle
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-select-slots',
         ref: 'hideOption'
@@ -42712,6 +42814,7 @@ const Pager = VxePager;
 
 
 
+
 /* harmony default export */ var password_input = (defineVxeComponent({
   name: 'VxePasswordInput',
   props: {
@@ -42746,6 +42849,7 @@ const Pager = VxePager;
       type: String,
       default: () => getConfig().passwordInput.inputClassName
     },
+    width: [String, Number],
     size: {
       type: String,
       default: () => getConfig().passwordInput.size || getConfig().size
@@ -42867,6 +42971,16 @@ const Pager = VxePager;
       } = reactData;
       return inputValue;
     });
+    const computeCurrStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        width
+      } = props;
+      const stys = {};
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
+      return stys;
+    });
     const dispatchEvent = (type, params, evnt) => {
       emit(type, createEvent(evnt, {
         $passwordInput: $xePasswordInput
@@ -43093,6 +43207,7 @@ const Pager = VxePager;
           class: ['vxe-password-input--readonly', className]
         }, getText(inputValue));
       }
+      const currStyle = computeCurrStyle.value;
       const vSize = computeSize.value;
       const inputType = computeInputType.value;
       const inpPlaceholder = computeInpPlaceholder.value;
@@ -43112,6 +43227,7 @@ const Pager = VxePager;
           '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,
         spellcheck: false
       }, [prefix || renderEmptyElement($xePasswordInput), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-password-input--wrapper'
@@ -47431,6 +47547,7 @@ const Slider = VxeSlider;
       type: Boolean,
       default: () => getConfig().space.wrap
     },
+    width: [Number, String],
     gap: {
       type: [Number, String, Array, Object],
       default: () => getConfig().space.gap
@@ -47493,10 +47610,11 @@ const Slider = VxeSlider;
     const refMaps = {
       refElem
     };
-    const computeWrapperStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+    const computeCurrStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         align,
-        gap
+        gap,
+        width
       } = props;
       const stys = {};
       let rowGap = '';
@@ -47513,6 +47631,9 @@ const Slider = VxeSlider;
           columGap = gap.columGap || '';
         }
       }
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
       if (align) {
         stys['align-items'] = align;
       }
@@ -47599,7 +47720,7 @@ const Slider = VxeSlider;
         itemMinWidth,
         itemMaxWidth
       } = props;
-      const wrapperStyle = computeWrapperStyle.value;
+      const currStyle = computeCurrStyle.value;
       const vSize = computeSize.value;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
@@ -47610,7 +47731,7 @@ const Slider = VxeSlider;
           'is--fill': fill,
           'is--width': itemWidth || itemMinWidth || itemMaxWidth
         }],
-        style: wrapperStyle
+        style: currStyle
       }, renderItems());
     };
     $xeSpace.renderVN = renderVN;