vxe-pc-ui 4.17.27 → 4.17.28

package/dist/all.esm.js

@@ -101,7 +101,7 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.17.27"}`;
+const uiVersion = `ui v${"4.17.28"}`;
 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.17.27";
+const version = "4.17.28";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -253,6 +253,8 @@ setConfig$1({
         // useHtml: false,
         position: 'right',
         showHeader: true,
+        // showTitleBackground: false,
+        border: true,
         lockView: true,
         mask: true,
         showTitleOverflow: true,
@@ -362,6 +364,8 @@ setConfig$1({
         // size: null,
         top: 16,
         showHeader: true,
+        // showTitleBackground: false,
+        border: true,
         // useHtml: false,
         // width: null,
         // height: null,
@@ -17367,13 +17371,19 @@ var VxeColorPickerComponent = defineVxeComponent({
             if (formReadonly) {
                 return h('div', {
                     ref: refElem,
-                    class: ['vxe-color-picker--readonly', className]
+                    class: ['vxe-color-picker--readonly', className, {
+                            [`size--${vSize}`]: vSize
+                        }]
                 }, [
                     h('div', {
-                        class: 'vxe-color-picker--readonly-color',
-                        style: {
-                            backgroundColor: modelValue
-                        }
+                        class: ['vxe-color-picker--readonly-color', {
+                                'is--empty': !modelValue
+                            }],
+                        style: modelValue
+                            ? {
+                                backgroundColor: modelValue
+                            }
+                            : undefined
                     })
                 ]);
             }
@@ -23677,6 +23687,14 @@ var VxeDrawerComponent = defineVxeComponent({
             type: Boolean,
             default: () => getConfig$3().drawer.resize
         },
+        border: {
+            type: Boolean,
+            default: () => getConfig$3().drawer.border
+        },
+        showTitleBackground: {
+            type: Boolean,
+            default: () => getConfig$3().drawer.showTitleBackground
+        },
         zIndex: Number,
         transfer: {
             type: Boolean,
@@ -24108,7 +24126,7 @@ var VxeDrawerComponent = defineVxeComponent({
             return renderEmptyElement($xeDrawer);
         };
         const renderVN = () => {
-            const { slots: propSlots = {}, className, position, loading, lockScroll, padding, lockView, mask, resize, appendTo, destroyOnClose } = props;
+            const { border, showTitleBackground, slots: propSlots = {}, className, position, loading, lockScroll, padding, lockView, mask, resize, appendTo, destroyOnClose } = props;
             const { initialized, contentVisible, visible } = reactData;
             const asideSlot = slots.aside || propSlots.aside;
             const vSize = computeSize.value;
@@ -24123,6 +24141,8 @@ var VxeDrawerComponent = defineVxeComponent({
                     class: ['vxe-drawer--wrapper', `pos--${position}`, className || '', {
                             [`size--${vSize}`]: vSize,
                             'is--padding': padding,
+                            'is--border': border,
+                            'is--title-bg': showTitleBackground,
                             'lock--scroll': lockScroll,
                             'lock--view': lockView,
                             'is--resize': resize,
@@ -29850,6 +29870,14 @@ var VxeModalComponent = defineVxeComponent({
             default: () => getConfig$3().modal.confirmClosable
         },
         resize: Boolean,
+        border: {
+            type: Boolean,
+            default: () => getConfig$3().modal.border
+        },
+        showTitleBackground: {
+            type: Boolean,
+            default: () => getConfig$3().modal.showTitleBackground
+        },
         showHeader: {
             type: Boolean,
             default: () => getConfig$3().modal.showHeader
@@ -30082,13 +30110,12 @@ var VxeModalComponent = defineVxeComponent({
         const updatePosition = () => {
             return nextTick().then(() => {
                 const { position, isWithinAppendTo } = props;
-                const btnTransfer = computeBtnTransfer.value;
                 const el = refElem.value;
                 const boxElem = getBox();
                 if (!boxElem) {
                     return;
                 }
-                const parentWrapperEl = getPopupWrapperElement(isWithinAppendTo && btnTransfer ? el : document.body);
+                const parentWrapperEl = getPopupWrapperElement(isWithinAppendTo ? el : document.body);
                 if (!parentWrapperEl) {
                     return;
                 }
@@ -30274,7 +30301,6 @@ var VxeModalComponent = defineVxeComponent({
         };
         const handleMinimize = () => {
             const { isWithinAppendTo } = props;
-            const btnTransfer = computeBtnTransfer.value;
             const zoomOpts = computeZoomOpts.value;
             const { minimizeLayout, minimizeMaxSize, minimizeHorizontalOffset, minimizeVerticalOffset, minimizeOffsetMethod } = zoomOpts;
             const isHorizontalLayout = minimizeLayout === 'horizontal';
@@ -30321,7 +30347,7 @@ var VxeModalComponent = defineVxeComponent({
                         status: false
                     };
                 }
-                const parentWrapperEl = getPopupWrapperElement(isWithinAppendTo && btnTransfer ? el : document.body);
+                const parentWrapperEl = getPopupWrapperElement(isWithinAppendTo ? el : document.body);
                 if (!parentWrapperEl) {
                     return {
                         status: false
@@ -30384,7 +30410,6 @@ var VxeModalComponent = defineVxeComponent({
         };
         const handleMaximize = () => {
             const { isWithinAppendTo } = props;
-            const btnTransfer = computeBtnTransfer.value;
             const prevZoomStatus = reactData.zoomStatus;
             reactData.prevZoomStatus = prevZoomStatus;
             reactData.zoomStatus = 'maximize';
@@ -30394,7 +30419,7 @@ var VxeModalComponent = defineVxeComponent({
                     // 如果当前处于复原状态
                     if (!prevZoomStatus) {
                         const el = refElem.value;
-                        const parentWrapperEl = getPopupWrapperElement(isWithinAppendTo && btnTransfer ? el : document.body);
+                        const parentWrapperEl = getPopupWrapperElement(isWithinAppendTo ? el : document.body);
                         if (!parentWrapperEl) {
                             return {
                                 status: false
@@ -30677,7 +30702,6 @@ var VxeModalComponent = defineVxeComponent({
         const mousedownEvent = (evnt) => {
             const { resize, storage, isWithinAppendTo } = props;
             const { zoomStatus } = reactData;
-            const btnTransfer = computeBtnTransfer.value;
             const marginSize = XEUtils.toNumber(props.marginSize);
             const boxElem = getBox();
             if (!boxElem) {
@@ -30686,7 +30710,7 @@ var VxeModalComponent = defineVxeComponent({
             if (zoomStatus !== 'maximize' && evnt.button === 0 && !getEventTargetNode(evnt, boxElem, 'trigger--btn').flag) {
                 evnt.preventDefault();
                 const el = refElem.value;
-                const parentWrapperEl = getPopupWrapperElement(isWithinAppendTo && btnTransfer ? el : document.body);
+                const parentWrapperEl = getPopupWrapperElement(isWithinAppendTo ? el : document.body);
                 if (!parentWrapperEl) {
                     return;
                 }
@@ -30740,9 +30764,8 @@ var VxeModalComponent = defineVxeComponent({
         const dragEvent = (evnt) => {
             evnt.preventDefault();
             const { resize, storage, isWithinAppendTo } = props;
-            const btnTransfer = computeBtnTransfer.value;
             const el = refElem.value;
-            const parentWrapperEl = getPopupWrapperElement(isWithinAppendTo && btnTransfer ? el : document.body);
+            const parentWrapperEl = getPopupWrapperElement(isWithinAppendTo ? el : document.body);
             if (!parentWrapperEl) {
                 return;
             }
@@ -31112,7 +31135,7 @@ var VxeModalComponent = defineVxeComponent({
             return renderEmptyElement($xeModal);
         };
         const renderVN = () => {
-            const { slots: propSlots = {}, className, type, animat, draggable, iconStatus, position, loading, destroyOnClose, status, lockScroll, padding, lockView, mask, resize, appendTo, isWithinAppendTo } = props;
+            const { border, showTitleBackground, slots: propSlots = {}, className, type, animat, draggable, iconStatus, position, loading, destroyOnClose, status, lockScroll, padding, lockView, mask, resize, appendTo, isWithinAppendTo } = props;
             const { initialized, modalTop, contentVisible, visible, zoomStatus } = reactData;
             const asideSlot = slots.aside || propSlots.aside;
             const vSize = computeSize.value;
@@ -31132,6 +31155,8 @@ var VxeModalComponent = defineVxeComponent({
                             [`size--${vSize}`]: vSize,
                             [`status--${status}`]: status,
                             'is--padding': padding,
+                            'is--border': border,
+                            'is--title-bg': showTitleBackground,
                             'is--animat': animat,
                             'lock--scroll': lockScroll,
                             'lock--view': lockView,