vxe-pc-ui 4.18.3 → 4.18.5

package/es/select/src/select.js

@@ -105,6 +105,7 @@ export default defineVxeComponent({
          * @deprecated
          */
         popupClassName: [String, Function],
+        width: [String, Number],
         max: {
             type: [String, Number],
             default: null
@@ -330,6 +331,14 @@ export default defineVxeComponent({
         const computeMultiMaxCharNum = computed(() => {
             return XEUtils.toNumber(props.multiCharOverflow);
         });
+        const computeCurrStyle = computed(() => {
+            const { width } = props;
+            const stys = {};
+            if (width) {
+                stys.width = toCssUnit(width);
+            }
+            return stys;
+        });
         const computePopupWrapperStyle = computed(() => {
             const popupOpts = computePopupOpts.value;
             const { height, width } = popupOpts;
@@ -1511,14 +1520,7 @@ export default defineVxeComponent({
             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 h('div', {
                     ref: refElem,
@@ -1534,7 +1536,15 @@ export default defineVxeComponent({
                     }, 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 h('div', {
                 ref: refElem,
                 class: ['vxe-select', className ? (XEUtils.isFunction(className) ? className({ $select: $xeSelect }) : className) : '', {
@@ -1544,7 +1554,8 @@ export default defineVxeComponent({
                         'is--filter': filterable,
                         'is--loading': loading,
                         'is--active': isActivated
-                    }]
+                    }],
+                style: currStyle
             }, [
                 h('div', {
                     class: 'vxe-select-slots',

package/es/space/src/space.js

@@ -15,6 +15,7 @@ export default defineVxeComponent({
             type: Boolean,
             default: () => getConfig().space.wrap
         },
+        width: [Number, String],
         gap: {
             type: [Number, String, Array, Object],
             default: () => getConfig().space.gap
@@ -72,8 +73,8 @@ export default defineVxeComponent({
         const refMaps = {
             refElem
         };
-        const computeWrapperStyle = computed(() => {
-            const { align, gap } = props;
+        const computeCurrStyle = computed(() => {
+            const { align, gap, width } = props;
             const stys = {};
             let rowGap = '';
             let columGap = '';
@@ -91,6 +92,9 @@ export default defineVxeComponent({
                     columGap = gap.columGap || '';
                 }
             }
+            if (width) {
+                stys.width = toCssUnit(width);
+            }
             if (align) {
                 stys['align-items'] = align;
             }
@@ -158,7 +162,7 @@ export default defineVxeComponent({
         };
         const renderVN = () => {
             const { vertical, wrap, className, fill, itemWidth, itemMinWidth, itemMaxWidth } = props;
-            const wrapperStyle = computeWrapperStyle.value;
+            const currStyle = computeCurrStyle.value;
             const vSize = computeSize.value;
             return h('div', {
                 ref: refElem,
@@ -169,7 +173,7 @@ export default defineVxeComponent({
                         'is--fill': fill,
                         'is--width': itemWidth || itemMinWidth || itemMaxWidth
                     }],
-                style: wrapperStyle
+                style: currStyle
             }, renderItems());
         };
         $xeSpace.renderVN = renderVN;