vxe-pc-ui 4.18.3 → 4.18.4

package/lib/index.umd.js

@@ -14815,6 +14815,7 @@ const {
     align: String,
     form: String,
     className: String,
+    width: [String, Number],
     inputClassName: {
       type: String,
       default: () => getConfig().input.inputClassName
@@ -15038,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
@@ -17473,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;
@@ -17499,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',
@@ -21526,6 +21539,7 @@ const {
       type: String,
       default: () => getConfig().numberInput.inputClassName
     },
+    width: [String, Number],
     size: {
       type: String,
       default: () => getConfig().numberInput.size || getConfig().size
@@ -21825,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
@@ -22653,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);
@@ -22668,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
@@ -22762,6 +22788,7 @@ const NumberInput = VxeNumberInput;
       type: String,
       default: () => getConfig().colorPicker.type
     },
+    width: [Number, String],
     size: {
       type: String,
       default: () => getConfig().colorPicker.size || getConfig().size
@@ -22923,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);
     });
@@ -23695,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,
@@ -23714,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({
@@ -23724,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',
@@ -27094,6 +27133,7 @@ function date_picker_createInternalData() {
       type: String,
       default: 'date'
     },
+    width: [Number, String],
     clearable: {
       type: Boolean,
       default: () => getConfig().datePicker.clearable
@@ -27313,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;
     });
@@ -28700,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;
@@ -28716,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'
@@ -28849,6 +28901,7 @@ function date_range_picker_createInternalData() {
       type: Boolean,
       default: true
     },
+    width: [Number, String],
     name: String,
     type: {
       type: String,
@@ -29060,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,
@@ -30362,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();
@@ -30377,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'
@@ -34460,6 +34525,7 @@ function icon_picker_createInternalData() {
      * @deprecated
      */
     popupClassName: [String, Function],
+    width: [Number, String],
     showIconTitle: {
       type: Boolean,
       default: () => getConfig().iconPicker.showIconTitle
@@ -34572,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 {
@@ -35033,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,
@@ -35048,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({
@@ -35058,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
@@ -40061,6 +40139,7 @@ function select_createInternalData() {
      * @deprecated
      */
     popupClassName: [String, Function],
+    width: [String, Number],
     max: {
       type: [String, Number],
       default: null
@@ -40288,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 {
@@ -41675,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,
@@ -41697,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({
@@ -41709,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'
@@ -42723,6 +42814,7 @@ const Pager = VxePager;
 
 
 
+
 /* harmony default export */ var password_input = (defineVxeComponent({
   name: 'VxePasswordInput',
   props: {
@@ -42757,6 +42849,7 @@ const Pager = VxePager;
       type: String,
       default: () => getConfig().passwordInput.inputClassName
     },
+    width: [String, Number],
     size: {
       type: String,
       default: () => getConfig().passwordInput.size || getConfig().size
@@ -42878,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
@@ -43104,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;
@@ -43123,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'
@@ -47442,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
@@ -47504,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 = '';
@@ -47524,6 +47631,9 @@ const Slider = VxeSlider;
           columGap = gap.columGap || '';
         }
       }
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
       if (align) {
         stys['align-items'] = align;
       }
@@ -47610,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,
@@ -47621,7 +47731,7 @@ const Slider = VxeSlider;
           'is--fill': fill,
           'is--width': itemWidth || itemMinWidth || itemMaxWidth
         }],
-        style: wrapperStyle
+        style: currStyle
       }, renderItems());
     };
     $xeSpace.renderVN = renderVN;