vxe-pc-ui 4.19.3 → 4.19.5

package/lib/index.umd.js

@@ -4745,7 +4745,7 @@ function checkDynamic() {
 const {
   log: log_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}` : '';
@@ -4763,7 +4763,7 @@ const errLog = log_log.create('error', uiVersion);
 
 
 
-const ui_version = "4.19.3";
+const ui_version = "4.19.5";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -34116,7 +34116,7 @@ function form_createInternalData() {
       } = internalData;
       clearValidate();
       if (readonly) {
-        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+        return Promise.resolve();
       }
       return beginValidate(fullItemList, '', callback).then(params => {
         recalculate();
@@ -34128,7 +34128,7 @@ function form_createInternalData() {
         readonly
       } = props;
       if (readonly) {
-        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+        return Promise.resolve();
       }
       let fields = [];
       if (fieldOrItem) {
@@ -36648,6 +36648,10 @@ function scrollbar_createInternalData() {
       type: Boolean,
       default: () => scrollbar_getConfig().scrollbar.native
     },
+    padding: {
+      type: Boolean,
+      default: () => scrollbar_getConfig().scrollbar.padding
+    },
     xConfig: Object,
     yConfig: Object,
     className: {
@@ -36729,7 +36733,8 @@ function scrollbar_createInternalData() {
     const computeWrapperClss = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         native,
-        className
+        className,
+        padding
       } = props;
       const {
         yThumbHeight,
@@ -36737,7 +36742,10 @@ function scrollbar_createInternalData() {
       } = reactData;
       const xOpts = computeXOpts.value;
       const yOpts = computeYOpts.value;
-      return scrollbar_domUtils.buildClass(['vxe-scrollbar', `ov-x--${xOpts.visible || 'visible'}`, `ov-y--${yOpts.visible || 'visible'}`, native ? 'is--native' : 'is--virtual', className], {
+      const xToTop = computeXToTop.value;
+      const yToLeft = computeYToLeft.value;
+      return scrollbar_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,
@@ -36762,6 +36770,14 @@ function scrollbar_createInternalData() {
     const computeYOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, scrollbar_getConfig().scrollbar.yConfig, props.yConfig);
     });
+    const computeXToTop = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const xOpts = computeXOpts.value;
+      return xOpts.position === 'top';
+    });
+    const computeYToLeft = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const yOpts = computeYOpts.value;
+      return yOpts.position === 'left';
+    });
     const refMaps = {
       refElem
     };
@@ -39157,8 +39173,8 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
       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 (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
     };
@@ -39947,6 +39963,8 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
     const dragEvent = evnt => {
       evnt.preventDefault();
       const {
+        minWidth,
+        minHeight,
         storage,
         isWithinAppendTo
       } = props;
@@ -39960,8 +39978,8 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
       const marginSize = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.marginSize);
       const targetElem = evnt.target;
       const type = targetElem.getAttribute('data-type');
-      const minWidth = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.minWidth);
-      const minHeight = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.minHeight);
+      const dragMinWidth = isScale(minWidth) ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(minWidth) * visibleWidth / 100 : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(minWidth);
+      const dragMinHeight = isScale(minHeight) ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(minHeight) * visibleHeight / 100 : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(minHeight);
       const maxWidth = visibleWidth;
       const maxHeight = visibleHeight;
       const boxElem = getBox();
@@ -39985,7 +40003,7 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
             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`;
               }
@@ -39997,13 +40015,13 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
             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`;
               }
@@ -40015,13 +40033,13 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
             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`;
               }
             }
@@ -40030,7 +40048,7 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
             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`;
               }
@@ -40040,7 +40058,7 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
             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`;
               }
             }
@@ -40051,12 +40069,12 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
             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`;
               }
@@ -40068,12 +40086,12 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
             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`;
               }
             }
@@ -40082,7 +40100,7 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
             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`;
               }
             }