vxe-pc-ui 4.19.3 → 4.19.5

package/dist/all.esm.js

@@ -101,7 +101,7 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.19.3"}`;
+const uiVersion = `ui v${"4.19.5"}`;
 function createComponentLog(name) {
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -115,7 +115,7 @@ function createComponentLog(name) {
 const warnLog$i = log.create('warn', uiVersion);
 log.create('error', uiVersion);
 
-const version = "4.19.3";
+const version = "4.19.5";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -26550,7 +26550,7 @@ var VxeFormComponent = defineVxeComponent({
             const { fullItemList } = internalData;
             clearValidate();
             if (readonly) {
-                return nextTick();
+                return Promise.resolve();
             }
             return beginValidate(fullItemList, '', callback).then((params) => {
                 recalculate();
@@ -26560,7 +26560,7 @@ var VxeFormComponent = defineVxeComponent({
         const validateField = (fieldOrItem, callback) => {
             const { readonly } = props;
             if (readonly) {
-                return nextTick();
+                return Promise.resolve();
             }
             let fields = [];
             if (fieldOrItem) {
@@ -28869,6 +28869,10 @@ var VxeScrollbarComponent = defineVxeComponent({
             type: Boolean,
             default: () => getConfig$2().scrollbar.native
         },
+        padding: {
+            type: Boolean,
+            default: () => getConfig$2().scrollbar.padding
+        },
         xConfig: Object,
         yConfig: Object,
         className: {
@@ -28941,17 +28945,22 @@ var VxeScrollbarComponent = defineVxeComponent({
             return stys;
         });
         const computeWrapperClss = computed(() => {
-            const { native, className } = props;
+            const { native, className, padding } = props;
             const { yThumbHeight, xThumbWidth } = reactData;
             const xOpts = computeXOpts.value;
             const yOpts = computeYOpts.value;
+            const xToTop = computeXToTop.value;
+            const yToLeft = computeYToLeft.value;
             return domUtils.buildClass([
                 'vxe-scrollbar',
                 `ov-x--${xOpts.visible || 'visible'}`,
                 `ov-y--${yOpts.visible || 'visible'}`,
+                `sx-pos--${xToTop ? 'top' : 'bottom'}`,
+                `sy-pos--${yToLeft ? 'left' : 'right'}`,
                 native ? 'is--native' : 'is--virtual',
                 className
             ], {
+                'is--padding': padding,
                 'ov-x--auto-hide': xOpts.autoHide,
                 'ov-y--auto-hide': yOpts.autoHide,
                 'overflow-y': yThumbHeight,
@@ -28978,6 +28987,14 @@ var VxeScrollbarComponent = defineVxeComponent({
         const computeYOpts = computed(() => {
             return Object.assign({}, getConfig$2().scrollbar.yConfig, props.yConfig);
         });
+        const computeXToTop = computed(() => {
+            const xOpts = computeXOpts.value;
+            return xOpts.position === 'top';
+        });
+        const computeYToLeft = computed(() => {
+            const yOpts = computeYOpts.value;
+            return yOpts.position === 'left';
+        });
         const refMaps = {
             refElem
         };
@@ -31067,8 +31084,8 @@ var VxeModalComponent = defineVxeComponent({
             if (boxElem) {
                 boxElem.style.width = width ? toCssUnit(width) : '';
                 boxElem.style.height = height ? toCssUnit(height) : '';
-                boxElem.style.minWidth = !isMsg && !isMinimizeStatus && minWidth ? toCssUnit(minWidth) : '';
-                boxElem.style.minHeight = !isMsg && !isMinimizeStatus && minHeight ? toCssUnit(minHeight) : '';
+                boxElem.style.minWidth = !isMsg && !isMinimizeStatus && minWidth ? (isScale(minWidth) ? minWidth : toCssUnit(minWidth)) : '';
+                boxElem.style.minHeight = !isMsg && !isMinimizeStatus && minHeight ? (isScale(minHeight) ? minHeight : toCssUnit(minHeight)) : '';
             }
             return nextTick();
         };
@@ -31776,7 +31793,7 @@ var VxeModalComponent = defineVxeComponent({
         };
         const dragEvent = (evnt) => {
             evnt.preventDefault();
-            const { storage, isWithinAppendTo } = props;
+            const { minWidth, minHeight, storage, isWithinAppendTo } = props;
             const el = refElem.value;
             const parentWrapperEl = getPopupWrapperElement(isWithinAppendTo ? el : document.body);
             if (!parentWrapperEl) {
@@ -31787,8 +31804,8 @@ var VxeModalComponent = defineVxeComponent({
             const marginSize = XEUtils.toNumber(props.marginSize);
             const targetElem = evnt.target;
             const type = targetElem.getAttribute('data-type');
-            const minWidth = XEUtils.toNumber(props.minWidth);
-            const minHeight = XEUtils.toNumber(props.minHeight);
+            const dragMinWidth = isScale(minWidth) ? (XEUtils.toNumber(minWidth) * visibleWidth / 100) : XEUtils.toNumber(minWidth);
+            const dragMinHeight = isScale(minHeight) ? (XEUtils.toNumber(minHeight) * visibleHeight / 100) : XEUtils.toNumber(minHeight);
             const maxWidth = visibleWidth;
             const maxHeight = visibleHeight;
             const boxElem = getBox();
@@ -31810,7 +31827,7 @@ var VxeModalComponent = defineVxeComponent({
                         dragLeft = disX - evnt.clientX;
                         width = dragLeft + clientWidth;
                         if (offsetLeft - dragLeft > marginSize) {
-                            if (width > minWidth) {
+                            if (width > dragMinWidth) {
                                 boxElem.style.width = `${width < maxWidth ? width : maxWidth}px`;
                                 boxElem.style.left = `${offsetLeft - dragLeft}px`;
                             }
@@ -31822,13 +31839,13 @@ var VxeModalComponent = defineVxeComponent({
                         width = dragLeft + clientWidth;
                         height = dragTop + clientHeight;
                         if (offsetLeft - dragLeft > marginSize) {
-                            if (width > minWidth) {
+                            if (width > dragMinWidth) {
                                 boxElem.style.width = `${width < maxWidth ? width : maxWidth}px`;
                                 boxElem.style.left = `${offsetLeft - dragLeft}px`;
                             }
                         }
                         if (offsetTop - dragTop > marginSize) {
-                            if (height > minHeight) {
+                            if (height > dragMinHeight) {
                                 boxElem.style.height = `${height < maxHeight ? height : maxHeight}px`;
                                 boxElem.style.top = `${offsetTop - dragTop}px`;
                             }
@@ -31840,13 +31857,13 @@ var VxeModalComponent = defineVxeComponent({
                         width = dragLeft + clientWidth;
                         height = dragTop + clientHeight;
                         if (offsetLeft - dragLeft > marginSize) {
-                            if (width > minWidth) {
+                            if (width > dragMinWidth) {
                                 boxElem.style.width = `${width < maxWidth ? width : maxWidth}px`;
                                 boxElem.style.left = `${offsetLeft - dragLeft}px`;
                             }
                         }
                         if (offsetTop + height + marginSize < visibleHeight) {
-                            if (height > minHeight) {
+                            if (height > dragMinHeight) {
                                 boxElem.style.height = `${height < maxHeight ? height : maxHeight}px`;
                             }
                         }
@@ -31855,7 +31872,7 @@ var VxeModalComponent = defineVxeComponent({
                         dragTop = disY - evnt.clientY;
                         height = clientHeight + dragTop;
                         if (offsetTop - dragTop > marginSize) {
-                            if (height > minHeight) {
+                            if (height > dragMinHeight) {
                                 boxElem.style.height = `${height < maxHeight ? height : maxHeight}px`;
                                 boxElem.style.top = `${offsetTop - dragTop}px`;
                             }
@@ -31865,7 +31882,7 @@ var VxeModalComponent = defineVxeComponent({
                         dragLeft = evnt.clientX - disX;
                         width = dragLeft + clientWidth;
                         if (offsetLeft + width + marginSize < visibleWidth) {
-                            if (width > minWidth) {
+                            if (width > dragMinWidth) {
                                 boxElem.style.width = `${width < maxWidth ? width : maxWidth}px`;
                             }
                         }
@@ -31876,12 +31893,12 @@ var VxeModalComponent = defineVxeComponent({
                         width = dragLeft + clientWidth;
                         height = dragTop + clientHeight;
                         if (offsetLeft + width + marginSize < visibleWidth) {
-                            if (width > minWidth) {
+                            if (width > dragMinWidth) {
                                 boxElem.style.width = `${width < maxWidth ? width : maxWidth}px`;
                             }
                         }
                         if (offsetTop - dragTop > marginSize) {
-                            if (height > minHeight) {
+                            if (height > dragMinHeight) {
                                 boxElem.style.height = `${height < maxHeight ? height : maxHeight}px`;
                                 boxElem.style.top = `${offsetTop - dragTop}px`;
                             }
@@ -31893,12 +31910,12 @@ var VxeModalComponent = defineVxeComponent({
                         width = dragLeft + clientWidth;
                         height = dragTop + clientHeight;
                         if (offsetLeft + width + marginSize < visibleWidth) {
-                            if (width > minWidth) {
+                            if (width > dragMinWidth) {
                                 boxElem.style.width = `${width < maxWidth ? width : maxWidth}px`;
                             }
                         }
                         if (offsetTop + height + marginSize < visibleHeight) {
-                            if (height > minHeight) {
+                            if (height > dragMinHeight) {
                                 boxElem.style.height = `${height < maxHeight ? height : maxHeight}px`;
                             }
                         }
@@ -31907,7 +31924,7 @@ var VxeModalComponent = defineVxeComponent({
                         dragTop = evnt.clientY - disY;
                         height = dragTop + clientHeight;
                         if (offsetTop + height + marginSize < visibleHeight) {
-                            if (height > minHeight) {
+                            if (height > dragMinHeight) {
                                 boxElem.style.height = `${height < maxHeight ? height : maxHeight}px`;
                             }
                         }