vxe-pc-ui 3.17.30 → 3.18.1

package/es/button/src/button.js

@@ -156,6 +156,7 @@ export default {
     computed: Object.assign(Object.assign({}, {}), { computeBtnTransfer() {
             const $xeButton = this;
             const props = $xeButton;
+            const $xeGrid = $xeButton.$xeGrid;
             const $xeTable = $xeButton.$xeTable;
             const $xeTree = $xeButton.$xeTree;
             const $xeModal = $xeButton.$xeModal;
@@ -171,7 +172,7 @@ export default {
                 if (XEUtils.isBoolean(globalTransfer)) {
                     return globalTransfer;
                 }
-                if ($xeTable || $xeTree || $xeModal || $xeDrawer || $xeForm) {
+                if ($xeGrid || $xeTable || $xeTree || $xeModal || $xeDrawer || $xeForm) {
                     return true;
                 }
             }
@@ -516,14 +517,6 @@ export default {
             const $xeButton = this;
             $xeButton.hidePanel();
         },
-        handleGlobalMousewheelEvent(evnt) {
-            const $xeButton = this;
-            const reactData = $xeButton.reactData;
-            const panelElem = $xeButton.$refs.refBtnPanel;
-            if (reactData.visiblePanel && !getEventTargetNode(evnt, panelElem).flag) {
-                $xeButton.hidePanel();
-            }
-        },
         handleGlobalMousedownEvent(evnt) {
             const $xeButton = this;
             const reactData = $xeButton.reactData;
@@ -546,6 +539,14 @@ export default {
                 $xeButton.updatePlacement();
             }
         },
+        handleGlobalScrollEvent() {
+            const $xeButton = this;
+            const reactData = $xeButton.reactData;
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                $xeButton.updatePlacement();
+            }
+        },
         //
         // Render
         //
@@ -854,9 +855,9 @@ export default {
         if (props.type === 'text') {
             warnLog('vxe.error.delProp', ['type=text', 'mode=text']);
         }
-        globalEvents.on($xeButton, 'mousewheel', $xeButton.handleGlobalMousewheelEvent);
         globalEvents.on($xeButton, 'mousedown', $xeButton.handleGlobalMousedownEvent);
         globalEvents.on($xeButton, 'resize', $xeButton.handleGlobalResizeEvent);
+        globalEvents.on($xeButton, 'scroll', $xeButton.handleGlobalScrollEvent);
     },
     beforeDestroy() {
         const $xeButton = this;
@@ -870,6 +871,7 @@ export default {
         globalEvents.off($xeButton, 'mousewheel');
         globalEvents.off($xeButton, 'mousedown');
         globalEvents.off($xeButton, 'resize');
+        globalEvents.off($xeButton, 'scroll');
     },
     render(h) {
         return this.renderVN(h);

package/es/cascader/src/cascader.js

@@ -1022,23 +1022,6 @@ export default {
             const { $event } = params;
             $xeCascader.hideOptionPanel($event);
         },
-        handleGlobalMousewheelEvent(evnt) {
-            const $xeCascader = this;
-            const reactData = $xeCascader.reactData;
-            const { visiblePanel } = reactData;
-            const isDisabled = $xeCascader.computeIsDisabled;
-            if (!isDisabled) {
-                if (visiblePanel) {
-                    const panelElem = $xeCascader.$refs.refOptionPanel;
-                    if (getEventTargetNode(evnt, panelElem).flag) {
-                        $xeCascader.updatePlacement();
-                    }
-                    else {
-                        $xeCascader.hideOptionPanel(evnt);
-                    }
-                }
-            }
-        },
         handleGlobalMousedownEvent(evnt) {
             const $xeCascader = this;
             const reactData = $xeCascader.reactData;
@@ -1078,6 +1061,14 @@ export default {
                 $xeCascader.updatePlacement();
             }
         },
+        handleGlobalScrollEvent() {
+            const $xeCascader = this;
+            const reactData = $xeCascader.reactData;
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                $xeCascader.updatePlacement();
+            }
+        },
         handleFocusSearch() {
             const $xeCascader = this;
             const props = $xeCascader;
@@ -2001,10 +1992,10 @@ export default {
     },
     mounted() {
         const $xeCascader = this;
-        globalEvents.on($xeCascader, 'mousewheel', $xeCascader.handleGlobalMousewheelEvent);
         globalEvents.on($xeCascader, 'mousedown', $xeCascader.handleGlobalMousedownEvent);
         globalEvents.on($xeCascader, 'blur', $xeCascader.handleGlobalBlurEvent);
         globalEvents.on($xeCascader, 'resize', $xeCascader.handleGlobalResizeEvent);
+        globalEvents.on($xeCascader, 'scroll', $xeCascader.handleGlobalScrollEvent);
     },
     beforeDestroy() {
         const $xeCascader = this;
@@ -2014,10 +2005,10 @@ export default {
         if (panelElem && panelElem.parentNode) {
             panelElem.parentNode.removeChild(panelElem);
         }
-        globalEvents.off($xeCascader, 'mousewheel');
         globalEvents.off($xeCascader, 'mousedown');
         globalEvents.off($xeCascader, 'blur');
         globalEvents.off($xeCascader, 'resize');
+        globalEvents.off($xeCascader, 'scroll');
         XEUtils.assign(reactData, createReactData());
         XEUtils.assign(internalData, createInternalData());
     },

package/es/color-picker/src/color-picker.js

@@ -699,23 +699,6 @@ export default {
                 }
             }
         },
-        handleGlobalMousewheelEvent(evnt) {
-            const $xeColorPicker = this;
-            const reactData = $xeColorPicker.reactData;
-            const { visiblePanel } = reactData;
-            const isDisabled = $xeColorPicker.computeIsDisabled;
-            if (!isDisabled) {
-                if (visiblePanel) {
-                    const panelElem = $xeColorPicker.$refs.refOptionPanel;
-                    if (getEventTargetNode(evnt, panelElem).flag) {
-                        $xeColorPicker.updatePlacement();
-                    }
-                    else {
-                        $xeColorPicker.hideOptionPanel();
-                    }
-                }
-            }
-        },
         handleGlobalMousedownEvent(evnt) {
             const $xeColorPicker = this;
             const reactData = $xeColorPicker.reactData;
@@ -755,6 +738,14 @@ export default {
                 $xeColorPicker.updatePlacement();
             }
         },
+        handleGlobalScrollEvent() {
+            const $xeColorPicker = this;
+            const reactData = $xeColorPicker.reactData;
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                $xeColorPicker.updatePlacement();
+            }
+        },
         //
         // Render
         //
@@ -1225,10 +1216,10 @@ export default {
         const reactData = $xeColorPicker.reactData;
         reactData.selectColor = `${props.value || ''}`;
         $xeColorPicker.updateType();
-        globalEvents.on($xeColorPicker, 'mousewheel', $xeColorPicker.handleGlobalMousewheelEvent);
         globalEvents.on($xeColorPicker, 'mousedown', $xeColorPicker.handleGlobalMousedownEvent);
         globalEvents.on($xeColorPicker, 'blur', $xeColorPicker.handleGlobalBlurEvent);
         globalEvents.on($xeColorPicker, 'resize', $xeColorPicker.handleGlobalResizeEvent);
+        globalEvents.on($xeColorPicker, 'scroll', $xeColorPicker.handleGlobalScrollEvent);
     },
     beforeDestroy() {
         const $xeColorPicker = this;
@@ -1236,10 +1227,10 @@ export default {
         if (panelElem && panelElem.parentNode) {
             panelElem.parentNode.removeChild(panelElem);
         }
-        globalEvents.off($xeColorPicker, 'mousewheel');
         globalEvents.off($xeColorPicker, 'mousedown');
         globalEvents.off($xeColorPicker, 'blur');
         globalEvents.off($xeColorPicker, 'resize');
+        globalEvents.off($xeColorPicker, 'scroll');
     },
     render(h) {
         return this.renderVN(h);

package/es/components.js

@@ -27,6 +27,7 @@ import VxeCountdown from './countdown';
 import VxeDatePanel from './date-panel';
 import VxeDatePicker from './date-picker';
 import VxeDateRangePicker from './date-range-picker';
+import VxeDivider from './divider';
 import VxeDrawer, { DrawerController } from './drawer';
 import VxeEmpty from './empty';
 import VxeForm from './form';
@@ -123,6 +124,7 @@ const components = [
     VxeDatePanel,
     VxeDatePicker,
     VxeDateRangePicker,
+    VxeDivider,
     VxeDrawer,
     VxeEmpty,
     VxeForm,
@@ -262,6 +264,7 @@ export * from './countdown';
 export * from './date-panel';
 export * from './date-picker';
 export * from './date-range-picker';
+export * from './divider';
 export * from './drawer';
 export * from './empty';
 export * from './form';

package/es/date-picker/src/date-picker.js

@@ -1212,23 +1212,6 @@ export default {
                 }
             }
         },
-        handleGlobalMousewheelEvent(evnt) {
-            const $xeDatePicker = this;
-            const reactData = $xeDatePicker.reactData;
-            const { visiblePanel } = reactData;
-            const isDisabled = $xeDatePicker.computeIsDisabled;
-            if (!isDisabled) {
-                if (visiblePanel) {
-                    const panelWrapperElem = $xeDatePicker.$refs.refPanelWrapper;
-                    if (getEventTargetNode(evnt, panelWrapperElem).flag) {
-                        $xeDatePicker.updatePlacement();
-                    }
-                    else {
-                        $xeDatePicker.hidePanel();
-                    }
-                }
-            }
-        },
         handleGlobalBlurEvent() {
             const $xeDatePicker = this;
             const reactData = $xeDatePicker.reactData;
@@ -1256,6 +1239,14 @@ export default {
                 $xeDatePicker.updatePlacement();
             }
         },
+        handleGlobalScrollEvent() {
+            const $xeDatePicker = this;
+            const reactData = $xeDatePicker.reactData;
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                $xeDatePicker.updatePlacement();
+            }
+        },
         // 弹出面板
         updateZindex() {
             const $xeDatePicker = this;
@@ -1812,11 +1803,11 @@ export default {
             }
         }
         $xeDatePicker.updateModelValue();
-        globalEvents.on($xeDatePicker, 'mousewheel', $xeDatePicker.handleGlobalMousewheelEvent);
         globalEvents.on($xeDatePicker, 'mousedown', $xeDatePicker.handleGlobalMousedownEvent);
         globalEvents.on($xeDatePicker, 'keydown', $xeDatePicker.handleGlobalKeydownEvent);
         globalEvents.on($xeDatePicker, 'blur', $xeDatePicker.handleGlobalBlurEvent);
         globalEvents.on($xeDatePicker, 'resize', $xeDatePicker.handleGlobalResizeEvent);
+        globalEvents.on($xeDatePicker, 'scroll', $xeDatePicker.handleGlobalScrollEvent);
     },
     beforeDestroy() {
         const $xeDatePicker = this;
@@ -1826,11 +1817,11 @@ export default {
         if (panelElem && panelElem.parentNode) {
             panelElem.parentNode.removeChild(panelElem);
         }
-        globalEvents.off($xeDatePicker, 'mousewheel');
         globalEvents.off($xeDatePicker, 'mousedown');
         globalEvents.off($xeDatePicker, 'keydown');
         globalEvents.off($xeDatePicker, 'blur');
         globalEvents.off($xeDatePicker, 'resize');
+        globalEvents.off($xeDatePicker, 'scroll');
         XEUtils.assign(reactData, createReactData());
         XEUtils.assign(internalData, createInternalData());
     },

package/es/date-range-picker/src/date-range-picker.js

@@ -1022,24 +1022,6 @@ export default {
                 }
             }
         },
-        handleGlobalMousewheelEvent(evnt) {
-            const $xeDateRangePicker = this;
-            const reactData = $xeDateRangePicker.reactData;
-            const { visiblePanel } = reactData;
-            const isDisabled = $xeDateRangePicker.computeIsDisabled;
-            if (!isDisabled) {
-                if (visiblePanel) {
-                    const panelWrapperElem = $xeDateRangePicker.$refs.refPanelWrapper;
-                    if (getEventTargetNode(evnt, panelWrapperElem).flag) {
-                        $xeDateRangePicker.updatePlacement();
-                    }
-                    else {
-                        $xeDateRangePicker.checkValue();
-                        $xeDateRangePicker.hidePanel();
-                    }
-                }
-            }
-        },
         handleGlobalBlurEvent() {
             const $xeDateRangePicker = this;
             const reactData = $xeDateRangePicker.reactData;
@@ -1066,6 +1048,14 @@ export default {
                 $xeDateRangePicker.updatePlacement();
             }
         },
+        handleGlobalScrollEvent() {
+            const $xeDateRangePicker = this;
+            const reactData = $xeDateRangePicker.reactData;
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                $xeDateRangePicker.updatePlacement();
+            }
+        },
         // 弹出面板
         updateZindex() {
             const $xeDateRangePicker = this;
@@ -1670,11 +1660,11 @@ export default {
         const $xeDateRangePicker = this;
         $xeDateRangePicker.internalData = createInternalData();
         $xeDateRangePicker.updateModelValue(true);
-        globalEvents.on($xeDateRangePicker, 'mousewheel', $xeDateRangePicker.handleGlobalMousewheelEvent);
         globalEvents.on($xeDateRangePicker, 'mousedown', $xeDateRangePicker.handleGlobalMousedownEvent);
         globalEvents.on($xeDateRangePicker, 'keydown', $xeDateRangePicker.handleGlobalKeydownEvent);
         globalEvents.on($xeDateRangePicker, 'blur', $xeDateRangePicker.handleGlobalBlurEvent);
         globalEvents.on($xeDateRangePicker, 'resize', $xeDateRangePicker.handleGlobalResizeEvent);
+        globalEvents.on($xeDateRangePicker, 'scroll', $xeDateRangePicker.handleGlobalScrollEvent);
     },
     deactivated() {
         const $xeDateRangePicker = this;
@@ -1689,10 +1679,11 @@ export default {
             panelElem.parentNode.removeChild(panelElem);
         }
         $xeDateRangePicker.checkValue();
-        globalEvents.off($xeDateRangePicker, 'mousewheel');
         globalEvents.off($xeDateRangePicker, 'mousedown');
+        globalEvents.off($xeDateRangePicker, 'keydown');
         globalEvents.off($xeDateRangePicker, 'blur');
         globalEvents.off($xeDateRangePicker, 'resize');
+        globalEvents.off($xeDateRangePicker, 'scroll');
         XEUtils.assign(reactData, createReactData());
         XEUtils.assign(internalData, createInternalData());
     },

package/es/divider/index.js

@@ -0,0 +1,12 @@
+import { VxeUI } from '@vxe-ui/core';
+import VxeDividerComponent from './src/divider';
+import { dynamicApp } from '../dynamics';
+export const VxeDivider = Object.assign({}, VxeDividerComponent, {
+    install(app) {
+        app.component(VxeDividerComponent.name, VxeDividerComponent);
+    }
+});
+dynamicApp.use(VxeDivider);
+VxeUI.component(VxeDividerComponent);
+export const Divider = VxeDivider;
+export default VxeDivider;

package/es/divider/src/divider.js

@@ -0,0 +1,69 @@
+import { defineVxeComponent } from '../../ui/src/comp';
+import XEUtils from 'xe-utils';
+import { getConfig, createEvent, globalMixins } from '../../ui';
+export default {
+    name: 'VxeDivider',
+    mixins: [
+        globalMixins.sizeMixin
+    ],
+    props: {
+        vertical: {
+            type: Boolean,
+            default: () => getConfig().divider.vertical
+        },
+        titleContent: {
+            type: String,
+            default: () => getConfig().divider.titleContent
+        },
+        titleAlign: {
+            type: String,
+            default: () => getConfig().divider.titleAlign
+        },
+        size: {
+            type: String,
+            default: () => getConfig().divider.size || getConfig().size
+        }
+    },
+    data() {
+        const xID = XEUtils.uniqueId();
+        return {
+            xID
+        };
+    },
+    computed: Object.assign({}, {}),
+    methods: {
+        //
+        // Method
+        //
+        dispatchEvent(type, params, evnt) {
+            const $xeDivider = this;
+            $xeDivider.$emit(type, createEvent(evnt, { $divider: $xeDivider }, params));
+        },
+        //
+        // Render
+        //
+        renderVN(h) {
+            const $xeDivider = this;
+            const props = $xeDivider;
+            const slots = $xeDivider.$scopedSlots;
+            const { vertical, titleContent, titleAlign } = props;
+            const vSize = $xeDivider.computeSize;
+            const titleSlot = slots.title;
+            return h('div', {
+                ref: 'refElem',
+                class: ['vxe-divider', vertical ? 'is--vertical' : 'is--horizontal', `t--align-${titleAlign || 'center'}`, {
+                        [`size--${vSize}`]: vSize
+                    }]
+            }, titleContent && !vertical
+                ? [
+                    h('span', {
+                        class: 'vxe-divider--content'
+                    }, titleSlot ? titleSlot({}) : titleContent)
+                ]
+                : []);
+        }
+    },
+    render(h) {
+        return this.renderVN(h);
+    }
+};

package/es/divider/style.css

@@ -0,0 +1,83 @@
+.vxe-divider {
+  --vxe-ui-divider-current-font-size: inherit;
+  --vxe-ui-divider-padding: var(--vxe-ui-layout-padding-default);
+  --vxe-ui-divider-current-horizontal-margin: var(--vxe-ui-divider-horizontal-margin-default);
+  --vxe-ui-divider-current-vertical-margin: var(--vxe-ui-divider-vertical-margin-default);
+}
+.vxe-divider.size--xlarge {
+  --vxe-ui-divider-current-font-size: var(--vxe-ui-font-size-xlarge);
+  --vxe-ui-divider-padding: var(--vxe-ui-layout-padding-xlarge);
+  --vxe-ui-divider-current-horizontal-margin: var(--vxe-ui-divider-horizontal-margin-xlarge);
+  --vxe-ui-divider-current-vertical-margin: var(--vxe-ui-divider-vertical-margin-xlarge);
+}
+.vxe-divider.size--large {
+  --vxe-ui-divider-current-font-size: var(--vxe-ui-font-size-large);
+  --vxe-ui-divider-padding: var(--vxe-ui-layout-padding-large);
+  --vxe-ui-divider-current-horizontal-margin: var(--vxe-ui-divider-horizontal-margin-large);
+  --vxe-ui-divider-current-vertical-margin: var(--vxe-ui-divider-vertical-margin-large);
+}
+.vxe-divider.size--medium {
+  --vxe-ui-divider-current-font-size: var(--vxe-ui-font-size-medium);
+  --vxe-ui-divider-padding: var(--vxe-ui-layout-padding-medium);
+  --vxe-ui-divider-current-horizontal-margin: var(--vxe-ui-divider-horizontal-margin-medium);
+  --vxe-ui-divider-current-vertical-margin: var(--vxe-ui-divider-vertical-margin-medium);
+}
+.vxe-divider.size--small {
+  --vxe-ui-divider-current-font-size: var(--vxe-ui-font-size-small);
+  --vxe-ui-divider-padding: var(--vxe-ui-layout-padding-small);
+  --vxe-ui-divider-current-horizontal-margin: var(--vxe-ui-divider-horizontal-margin-small);
+  --vxe-ui-divider-current-vertical-margin: var(--vxe-ui-divider-vertical-margin-small);
+}
+.vxe-divider.size--mini {
+  --vxe-ui-divider-current-font-size: var(--vxe-ui-font-size-mini);
+  --vxe-ui-divider-padding: var(--vxe-ui-layout-padding-mini);
+  --vxe-ui-divider-current-horizontal-margin: var(--vxe-ui-divider-horizontal-margin-mini);
+  --vxe-ui-divider-current-vertical-margin: var(--vxe-ui-divider-vertical-margin-mini);
+}
+
+.vxe-divider {
+  color: var(--vxe-ui-font-color);
+  font-size: var(--vxe-ui-divider-current-font-size);
+  white-space: nowrap;
+}
+.vxe-divider.is--horizontal {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin: var(--vxe-ui-divider-current-horizontal-margin) 0;
+}
+.vxe-divider.is--horizontal::after, .vxe-divider.is--horizontal::before {
+  content: "";
+  display: block;
+  height: 1px;
+  border-top: var(--vxe-ui-divider-border-width) solid var(--vxe-ui-input-border-color);
+}
+.vxe-divider.is--horizontal.t--align-left::after {
+  flex-grow: 1;
+}
+.vxe-divider.is--horizontal.t--align-left::before {
+  width: 1.2em;
+  flex-shrink: 0;
+}
+.vxe-divider.is--horizontal.t--align-center::after, .vxe-divider.is--horizontal.t--align-center::before {
+  flex-grow: 1;
+}
+.vxe-divider.is--horizontal.t--align-right::after {
+  width: 1.2em;
+  flex-shrink: 0;
+}
+.vxe-divider.is--horizontal.t--align-right::before {
+  flex-grow: 1;
+}
+.vxe-divider.is--horizontal .vxe-divider--content {
+  padding: 0 var(--vxe-ui-divider-padding);
+}
+.vxe-divider.is--vertical {
+  display: inline-block;
+  width: 1px;
+  height: 1em;
+  vertical-align: middle;
+  margin: 0 var(--vxe-ui-divider-current-vertical-margin);
+  border-left: var(--vxe-ui-divider-border-width) solid var(--vxe-ui-input-border-color);
+}

package/es/divider/style.min.css

@@ -0,0 +1 @@
+.vxe-divider{--vxe-ui-divider-current-font-size:inherit;--vxe-ui-divider-padding:var(--vxe-ui-layout-padding-default);--vxe-ui-divider-current-horizontal-margin:var(--vxe-ui-divider-horizontal-margin-default);--vxe-ui-divider-current-vertical-margin:var(--vxe-ui-divider-vertical-margin-default)}.vxe-divider.size--xlarge{--vxe-ui-divider-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-divider-padding:var(--vxe-ui-layout-padding-xlarge);--vxe-ui-divider-current-horizontal-margin:var(--vxe-ui-divider-horizontal-margin-xlarge);--vxe-ui-divider-current-vertical-margin:var(--vxe-ui-divider-vertical-margin-xlarge)}.vxe-divider.size--large{--vxe-ui-divider-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-divider-padding:var(--vxe-ui-layout-padding-large);--vxe-ui-divider-current-horizontal-margin:var(--vxe-ui-divider-horizontal-margin-large);--vxe-ui-divider-current-vertical-margin:var(--vxe-ui-divider-vertical-margin-large)}.vxe-divider.size--medium{--vxe-ui-divider-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-divider-padding:var(--vxe-ui-layout-padding-medium);--vxe-ui-divider-current-horizontal-margin:var(--vxe-ui-divider-horizontal-margin-medium);--vxe-ui-divider-current-vertical-margin:var(--vxe-ui-divider-vertical-margin-medium)}.vxe-divider.size--small{--vxe-ui-divider-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-divider-padding:var(--vxe-ui-layout-padding-small);--vxe-ui-divider-current-horizontal-margin:var(--vxe-ui-divider-horizontal-margin-small);--vxe-ui-divider-current-vertical-margin:var(--vxe-ui-divider-vertical-margin-small)}.vxe-divider.size--mini{--vxe-ui-divider-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-divider-padding:var(--vxe-ui-layout-padding-mini);--vxe-ui-divider-current-horizontal-margin:var(--vxe-ui-divider-horizontal-margin-mini);--vxe-ui-divider-current-vertical-margin:var(--vxe-ui-divider-vertical-margin-mini)}.vxe-divider{color:var(--vxe-ui-font-color);font-size:var(--vxe-ui-divider-current-font-size);white-space:nowrap}.vxe-divider.is--horizontal{width:100%;display:flex;flex-direction:row;align-items:center;margin:var(--vxe-ui-divider-current-horizontal-margin) 0}.vxe-divider.is--horizontal::after,.vxe-divider.is--horizontal::before{content:"";display:block;height:1px;border-top:var(--vxe-ui-divider-border-width) solid var(--vxe-ui-input-border-color)}.vxe-divider.is--horizontal.t--align-left::after{flex-grow:1}.vxe-divider.is--horizontal.t--align-left::before{width:1.2em;flex-shrink:0}.vxe-divider.is--horizontal.t--align-center::after,.vxe-divider.is--horizontal.t--align-center::before{flex-grow:1}.vxe-divider.is--horizontal.t--align-right::after{width:1.2em;flex-shrink:0}.vxe-divider.is--horizontal.t--align-right::before{flex-grow:1}.vxe-divider.is--horizontal .vxe-divider--content{padding:0 var(--vxe-ui-divider-padding)}.vxe-divider.is--vertical{display:inline-block;width:1px;height:1em;vertical-align:middle;margin:0 var(--vxe-ui-divider-current-vertical-margin);border-left:var(--vxe-ui-divider-border-width) solid var(--vxe-ui-input-border-color)}

package/es/empty/index.js

@@ -1,12 +1,12 @@
 import { VxeUI } from '@vxe-ui/core';
-import VxeemptyComponent from './src/empty';
+import VxeEmptyComponent from './src/empty';
 import { dynamicApp } from '../dynamics';
-export const Vxeempty = Object.assign({}, VxeemptyComponent, {
+export const VxeEmpty = Object.assign({}, VxeEmptyComponent, {
     install(app) {
-        app.component(VxeemptyComponent.name, VxeemptyComponent);
+        app.component(VxeEmptyComponent.name, VxeEmptyComponent);
     }
 });
-dynamicApp.use(Vxeempty);
-VxeUI.component(VxeemptyComponent);
-export const empty = Vxeempty;
-export default Vxeempty;
+dynamicApp.use(VxeEmpty);
+VxeUI.component(VxeEmptyComponent);
+export const Empty = VxeEmpty;
+export default VxeEmpty;

package/es/empty/src/empty.js

@@ -1,13 +1,16 @@
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
-import { getI18n, getIcon, createEvent } from '../../ui';
+import { getConfig, getI18n, getIcon, createEvent } from '../../ui';
 export default {
     name: 'VxeEmpty',
     props: {
         imageUrl: String,
         imageStyle: Object,
         icon: String,
-        status: String,
+        status: {
+            type: String,
+            default: () => getConfig().empty.status
+        },
         content: [String, Number]
     },
     data() {