vxe-pc-ui 4.6.8 → 4.6.10

package/es/ui/index.js

@@ -1,19 +1,15 @@
 import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
 import { dynamicApp } from '../dynamics';
 import { warnLog } from './src/log';
-export const version = "4.6.8";
+export const version = "4.6.10";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 export function config(options) {
-    if (process.env.NODE_ENV === 'development') {
-        warnLog('vxe.error.delFunc', ['config', 'setConfig']);
-    }
+    warnLog('vxe.error.delFunc', ['config', 'setConfig']);
     return setConfig(options);
 }
 export function setup(options) {
-    if (process.env.NODE_ENV === 'development') {
-        warnLog('vxe.error.delFunc', ['setup', 'setConfig']);
-    }
+    warnLog('vxe.error.delFunc', ['setup', 'setConfig']);
     return setConfig(options);
 }
 VxeUI.config = config;

package/es/ui/src/log.js

@@ -1,4 +1,4 @@
 import { log } from '@vxe-ui/core';
-const version = `ui v${"4.6.8"}`;
+const version = `ui v${"4.6.10"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/es/upload/src/upload.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, h, reactive, watch, computed, TransitionGroup, inject, createCommentVNode, onUnmounted, onMounted } from 'vue';
+import { defineComponent, ref, h, reactive, watch, computed, TransitionGroup, inject, onUnmounted, onMounted } from 'vue';
 import XEUtils from 'xe-utils';
 import { VxeUI, getConfig, getI18n, getIcon, useSize, createEvent, globalEvents, renderEmptyElement } from '../../ui';
 import { getSlotVNs } from '../../ui/src/vn';
@@ -1152,12 +1152,12 @@ export default defineComponent({
                                 class: getIcon().UPLOAD_LOADING
                             })
                         ])
-                        : createCommentVNode(),
+                        : renderEmptyElement($xeUpload),
                     showProgress && isLoading && cacheItem
                         ? h('div', {
                             class: 'vxe-upload--file-item-loading-text'
                         }, progressText ? XEUtils.toFormatString(`${XEUtils.isFunction(progressText) ? progressText({}) : progressText}`, { percent: cacheItem.percent }) : getI18n('vxe.upload.uploadProgress', [cacheItem.percent]))
-                        : createCommentVNode(),
+                        : renderEmptyElement($xeUpload),
                     showErrorStatus && isError
                         ? h('div', {
                             class: 'vxe-upload--image-item-error'
@@ -1172,7 +1172,7 @@ export default defineComponent({
                                 }
                             })
                         ])
-                        : createCommentVNode(),
+                        : renderEmptyElement($xeUpload),
                     h('div', {
                         class: 'vxe-upload--file-item-btn-wrapper'
                     }, [
@@ -1180,7 +1180,7 @@ export default defineComponent({
                             ? h('div', {
                                 class: 'vxe-upload--file-item-corner'
                             }, getSlotVNs(cornerSlot({ option: item, isMoreView, readonly: formReadonly })))
-                            : createCommentVNode(),
+                            : renderEmptyElement($xeUpload),
                         showDownloadButton && !isLoading
                             ? h('div', {
                                 class: 'vxe-upload--file-item-download-btn',
@@ -1192,7 +1192,7 @@ export default defineComponent({
                                     class: getIcon().UPLOAD_FILE_DOWNLOAD
                                 })
                             ])
-                            : createCommentVNode(),
+                            : renderEmptyElement($xeUpload),
                         showRemoveButton && !formReadonly && !isDisabled && !isLoading
                             ? h('div', {
                                 class: 'vxe-upload--file-item-remove-btn',
@@ -1204,7 +1204,7 @@ export default defineComponent({
                                     class: getIcon().UPLOAD_FILE_REMOVE
                                 })
                             ])
-                            : createCommentVNode()
+                            : renderEmptyElement($xeUpload)
                     ])
                 ]);
             });
@@ -1219,13 +1219,13 @@ export default defineComponent({
             const defaultSlot = slots.default;
             const tipSlot = slots.tip || slots.hint;
             if (formReadonly || !showUploadButton) {
-                return createCommentVNode();
+                return renderEmptyElement($xeUpload);
             }
             return h('div', {
                 class: 'vxe-upload--file-action'
             }, [
                 autoHiddenButton && overCount
-                    ? createCommentVNode()
+                    ? renderEmptyElement($xeUpload)
                     : h('div', {
                         class: 'vxe-upload--file-action-btn',
                         onClick: clickEvent
@@ -1243,7 +1243,7 @@ export default defineComponent({
                     ? h('div', {
                         class: 'vxe-upload--file-action-tip'
                     }, tipSlot ? getSlotVNs(tipSlot({ $upload: $xeUpload })) : `${defTipText}`)
-                    : createCommentVNode()
+                    : renderEmptyElement($xeUpload)
             ]);
         };
         const renderAllMode = () => {
@@ -1264,7 +1264,7 @@ export default defineComponent({
             }, showList
                 ? [
                     showMoreButton && moreConfig && isHorizontal
-                        ? createCommentVNode()
+                        ? renderEmptyElement($xeUpload)
                         : renderFileAction(true),
                     (currList.length || (showMoreButton && isHorizontal))
                         ? h('div', {
@@ -1284,7 +1284,7 @@ export default defineComponent({
                                     : h('div', {
                                         class: 'vxe-upload--file-list'
                                     }, renderFileItemList(currList, false)))
-                                : createCommentVNode(),
+                                : renderEmptyElement($xeUpload),
                             showMoreButton && overMaxNum
                                 ? h('div', {
                                     class: 'vxe-upload--file-over-more'
@@ -1296,12 +1296,12 @@ export default defineComponent({
                                         onClick: handleMoreEvent
                                     })
                                 ])
-                                : createCommentVNode(),
+                                : renderEmptyElement($xeUpload),
                             showMoreButton && moreConfig && isHorizontal
                                 ? renderFileAction(false)
-                                : createCommentVNode()
+                                : renderEmptyElement($xeUpload)
                         ])
-                        : createCommentVNode()
+                        : renderEmptyElement($xeUpload)
                 ]
                 : [
                     renderFileAction(false)
@@ -1359,9 +1359,9 @@ export default defineComponent({
                                     ? h('div', {
                                         class: 'vxe-upload--image-item-loading-text'
                                     }, progressText ? XEUtils.toFormatString(`${XEUtils.isFunction(progressText) ? progressText({}) : progressText}`, { percent: cacheItem.percent }) : getI18n('vxe.upload.uploadProgress', [cacheItem.percent]))
-                                    : createCommentVNode()
+                                    : renderEmptyElement($xeUpload)
                             ])
-                            : createCommentVNode(),
+                            : renderEmptyElement($xeUpload),
                         !isLoading
                             ? (isError && showErrorStatus
                                 ? h('div', {
@@ -1385,7 +1385,7 @@ export default defineComponent({
                                         src: getThumbnailFileUrl(item)
                                     })
                                 ]))
-                            : createCommentVNode(),
+                            : renderEmptyElement($xeUpload),
                         h('div', {
                             class: 'vxe-upload--image-item-btn-wrapper',
                             onClick(evnt) {
@@ -1396,7 +1396,7 @@ export default defineComponent({
                                 ? h('div', {
                                     class: 'vxe-upload--file-item-corner'
                                 }, getSlotVNs(cornerSlot({ option: item, isMoreView, readonly: formReadonly })))
-                                : createCommentVNode(),
+                                : renderEmptyElement($xeUpload),
                             showRemoveButton && !formReadonly && !isDisabled && !isLoading
                                 ? h('div', {
                                     class: 'vxe-upload--image-item-remove-btn',
@@ -1409,7 +1409,7 @@ export default defineComponent({
                                         class: getIcon().UPLOAD_IMAGE_REMOVE
                                     })
                                 ])
-                                : createCommentVNode()
+                                : renderEmptyElement($xeUpload)
                         ])
                     ])
                 ]);
@@ -1425,7 +1425,7 @@ export default defineComponent({
             const defaultSlot = slots.default;
             const tipSlot = slots.tip || slots.hint;
             if (formReadonly || !showUploadButton || (autoHiddenButton && overCount)) {
-                return createCommentVNode();
+                return renderEmptyElement($xeUpload);
             }
             return h('div', {
                 key: 'action',
@@ -1449,17 +1449,17 @@ export default defineComponent({
                                         class: buttonIcon || getIcon().UPLOAD_IMAGE_ADD
                                     })
                                 ])
-                                : createCommentVNode(),
+                                : renderEmptyElement($xeUpload),
                             isMoreView || showButtonText
                                 ? h('div', {
                                     class: 'vxe-upload--image-action-content'
                                 }, buttonText ? `${XEUtils.isFunction(buttonText) ? buttonText({}) : buttonText}` : getI18n('vxe.upload.imgBtnText'))
-                                : createCommentVNode(),
+                                : renderEmptyElement($xeUpload),
                             showTipText && (defTipText || tipSlot)
                                 ? h('div', {
                                     class: 'vxe-upload--image-action-hint'
                                 }, tipSlot ? getSlotVNs(tipSlot({ $upload: $xeUpload })) : `${defTipText}`)
-                                : createCommentVNode()
+                                : renderEmptyElement($xeUpload)
                         ])
                     ])
             ]);
@@ -1499,7 +1499,7 @@ export default defineComponent({
                                             onClick: handleMoreEvent
                                         })
                                     ])
-                                    : createCommentVNode(),
+                                    : renderEmptyElement($xeUpload),
                                 renderImageAction(false)
                             ])
                         })
@@ -1517,7 +1517,7 @@ export default defineComponent({
                                         onClick: handleMoreEvent
                                     })
                                 ])
-                                : createCommentVNode(),
+                                : renderEmptyElement($xeUpload),
                             renderImageAction(false)
                         ]))
                 ]
@@ -1578,13 +1578,11 @@ export default defineComponent({
             updateFileList();
         });
         onMounted(() => {
-            if (process.env.NODE_ENV === 'development') {
-                if (props.multiple && props.singleMode) {
-                    errLog('vxe.error.errConflicts', ['multiple', 'single-mode']);
-                }
-                if (props.imageStyle) {
-                    warnLog('vxe.error.delProp', ['image-style', 'image-config']);
-                }
+            if (props.multiple && props.singleMode) {
+                errLog('vxe.error.errConflicts', ['multiple', 'single-mode']);
+            }
+            if (props.imageStyle) {
+                warnLog('vxe.error.delProp', ['image-style', 'image-config']);
             }
             if (props.dragSort) {
                 initTpImg();

package/lib/alert/src/alert.js

@@ -79,18 +79,18 @@ var _default = exports.default = (0, _vue.defineComponent)({
         class: 'vxe-alert--icon'
       }, iconSlot ? (0, _vn.getSlotVNs)(iconSlot({})) : [(0, _vue.h)('i', {
         class: icon || (0, _ui.getIcon)()[`ALERT_${status === null || status === void 0 ? void 0 : status.toUpperCase()}`]
-      })]) : (0, _vue.createCommentVNode)(), (0, _vue.h)('div', {
+      })]) : (0, _ui.renderEmptyElement)($xeAlert), (0, _vue.h)('div', {
         class: 'vxe-alert--body'
       }, [titleSlot || title ? (0, _vue.h)('div', {
         class: 'vxe-alert--title'
-      }, titleSlot ? (0, _vn.getSlotVNs)(titleSlot({})) : _xeUtils.default.toValueString(title)) : (0, _vue.createCommentVNode)(), (0, _vue.h)('div', {
+      }, titleSlot ? (0, _vn.getSlotVNs)(titleSlot({})) : _xeUtils.default.toValueString(title)) : (0, _ui.renderEmptyElement)($xeAlert), (0, _vue.h)('div', {
         class: 'vxe-alert--content'
       }, defaultSlot ? (0, _vn.getSlotVNs)(defaultSlot({})) : _xeUtils.default.toValueString(content))]), showClose ? (0, _vue.h)('div', {
         class: 'vxe-alert--close-btn',
         onClick: closeEvent
       }, [(0, _vue.h)('i', {
         class: (0, _ui.getIcon)().ALERT_CLOSE
-      })]) : (0, _vue.createCommentVNode)()]);
+      })]) : (0, _ui.renderEmptyElement)($xeAlert)]);
     };
     $xeAlert.renderVN = renderVN;
     return $xeAlert;

package/lib/alert/src/alert.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeAlert",props:{title:{type:[String,Number],default:()=>(0,_ui.getConfig)().alert.title},content:[String,Number],status:String,showIcon:Boolean,showClose:Boolean,icon:{type:String,default:()=>(0,_ui.getConfig)().alert.icon}},emits:["close"],setup(a,e){const{emit:u,slots:v}=e;var t=_xeUtils.default.uniqueId();const c=(0,_vue.ref)();var r=(0,_vue.reactive)({});const i={refElem:c},o={},s={xID:t,props:a,context:e,reactData:r,getRefMaps:()=>i,getComputeMaps:()=>o},n={dispatchEvent(e,t,r){u(e,(0,_ui.createEvent)(r,{$alert:s},t))}},_=e=>{n.dispatchEvent("close",{},e)};Object.assign(s,n,{});return s.renderVN=()=>{var{status:e,content:t,icon:r,title:u,showIcon:i,showClose:o}=a,s=v.default,n=v.title,l=v.icon;return(0,_vue.h)("div",{ref:c,class:["vxe-alert",{["theme--"+e]:e}]},[l||i&&e||r?(0,_vue.h)("div",{class:"vxe-alert--icon"},l?(0,_vn.getSlotVNs)(l({})):[(0,_vue.h)("i",{class:r||(0,_ui.getIcon)()["ALERT_"+(null==e?void 0:e.toUpperCase())]})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-alert--body"},[n||u?(0,_vue.h)("div",{class:"vxe-alert--title"},n?(0,_vn.getSlotVNs)(n({})):_xeUtils.default.toValueString(u)):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-alert--content"},s?(0,_vn.getSlotVNs)(s({})):_xeUtils.default.toValueString(t))]),o?(0,_vue.h)("div",{class:"vxe-alert--close-btn",onClick:_},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().ALERT_CLOSE})]):(0,_vue.createCommentVNode)()])},s},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeAlert",props:{title:{type:[String,Number],default:()=>(0,_ui.getConfig)().alert.title},content:[String,Number],status:String,showIcon:Boolean,showClose:Boolean,icon:{type:String,default:()=>(0,_ui.getConfig)().alert.icon}},emits:["close"],setup(a,e){const{emit:i,slots:v}=e;var t=_xeUtils.default.uniqueId();const c=(0,_vue.ref)();var r=(0,_vue.reactive)({});const n={refElem:c},l={},_={xID:t,props:a,context:e,reactData:r,getRefMaps:()=>n,getComputeMaps:()=>l},u={dispatchEvent(e,t,r){i(e,(0,_ui.createEvent)(r,{$alert:_},t))}},d=e=>{u.dispatchEvent("close",{},e)};Object.assign(_,u,{});return _.renderVN=()=>{var{status:e,content:t,icon:r,title:i,showIcon:n,showClose:l}=a,u=v.default,s=v.title,o=v.icon;return(0,_vue.h)("div",{ref:c,class:["vxe-alert",{["theme--"+e]:e}]},[o||n&&e||r?(0,_vue.h)("div",{class:"vxe-alert--icon"},o?(0,_vn.getSlotVNs)(o({})):[(0,_vue.h)("i",{class:r||(0,_ui.getIcon)()["ALERT_"+(null==e?void 0:e.toUpperCase())]})]):(0,_ui.renderEmptyElement)(_),(0,_vue.h)("div",{class:"vxe-alert--body"},[s||i?(0,_vue.h)("div",{class:"vxe-alert--title"},s?(0,_vn.getSlotVNs)(s({})):_xeUtils.default.toValueString(i)):(0,_ui.renderEmptyElement)(_),(0,_vue.h)("div",{class:"vxe-alert--content"},u?(0,_vn.getSlotVNs)(u({})):_xeUtils.default.toValueString(t))]),l?(0,_vue.h)("div",{class:"vxe-alert--close-btn",onClick:d},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().ALERT_CLOSE})]):(0,_ui.renderEmptyElement)(_)])},_},render(){return this.renderVN()}});

package/lib/anchor/src/anchor-link.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _vue = require("vue");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _ui = require("../../ui");
 var _util = require("./util");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = (0, _vue.defineComponent)({
@@ -95,7 +96,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         onClick: clickEvent
       }, defaultSlot ? defaultSlot({}) : _xeUtils.default.toValueString(content)), subSlot ? (0, _vue.h)('div', {
         class: 'vxe-anchor-link--sub-items'
-      }, subSlot({})) : (0, _vue.createCommentVNode)()]);
+      }, subSlot({})) : (0, _ui.renderEmptyElement)($xeAnchorLink)]);
     };
     (0, _vue.provide)('$xeAnchorLink', $xeAnchorLink);
     $xeAnchorLink.renderVN = renderVN;

package/lib/anchor/src/anchor-link.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeAnchorLink",props:{content:[String,Number],title:[String,Number],href:String},emits:[],setup(l,e){const a=e["slots"],r=(0,_vue.inject)("$xeAnchor",null),t=(0,_vue.inject)("$xeAnchorLink",null);var n=_xeUtils.default.uniqueId();const o=(0,_vue.ref)();var u=(0,_vue.reactive)({});const i=(0,_vue.reactive)({id:n,href:l.href,children:[]}),v={refElem:o},s=(0,_vue.computed)(()=>{var e=l["href"];return r?r.reactData.activeHref===e:null}),c={};n={xID:n,props:l,context:e,reactData:u,linkConfig:i,getRefMaps:()=>v,getComputeMaps:()=>c};const _=e=>{var t=l["href"];r&&r.handleClickLink(e,t)};(0,_vue.watch)(()=>l.href,e=>{i.href=e}),(0,_vue.onMounted)(()=>{var e=o.value;r&&e&&(0,_util.assembleAnchorLink)(r,e,i,t)}),(0,_vue.onUnmounted)(()=>{r&&(0,_util.destroyAnchorLink)(r,i)});return(0,_vue.provide)("$xeAnchorLink",n),n.renderVN=()=>{var{href:e,content:t,title:r}=l,n=a.default,u=a.sub,i=s.value;return(0,_vue.h)("div",{ref:o,class:["vxe-anchor-link",{"is--active":i}]},[(0,_vue.h)("a",{class:"vxe-anchor-link--item",href:e,title:r,onClick:_},n?n({}):_xeUtils.default.toValueString(t)),u?(0,_vue.h)("div",{class:"vxe-anchor-link--sub-items"},u({})):(0,_vue.createCommentVNode)()])},n},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeAnchorLink",props:{content:[String,Number],title:[String,Number],href:String},emits:[],setup(l,e){const a=e["slots"],t=(0,_vue.inject)("$xeAnchor",null),r=(0,_vue.inject)("$xeAnchorLink",null);var u=_xeUtils.default.uniqueId();const o=(0,_vue.ref)();var n=(0,_vue.reactive)({});const i=(0,_vue.reactive)({id:u,href:l.href,children:[]}),v={refElem:o},s=(0,_vue.computed)(()=>{var e=l["href"];return t?t.reactData.activeHref===e:null}),c={},_={xID:u,props:l,context:e,reactData:n,linkConfig:i,getRefMaps:()=>v,getComputeMaps:()=>c},d=e=>{var r=l["href"];t&&t.handleClickLink(e,r)};(0,_vue.watch)(()=>l.href,e=>{i.href=e}),(0,_vue.onMounted)(()=>{var e=o.value;t&&e&&(0,_util.assembleAnchorLink)(t,e,i,r)}),(0,_vue.onUnmounted)(()=>{t&&(0,_util.destroyAnchorLink)(t,i)});return(0,_vue.provide)("$xeAnchorLink",_),_.renderVN=()=>{var{href:e,content:r,title:t}=l,u=a.default,n=a.sub,i=s.value;return(0,_vue.h)("div",{ref:o,class:["vxe-anchor-link",{"is--active":i}]},[(0,_vue.h)("a",{class:"vxe-anchor-link--item",href:e,title:t,onClick:d},u?u({}):_xeUtils.default.toValueString(r)),n?(0,_vue.h)("div",{class:"vxe-anchor-link--sub-items"},n({})):(0,_ui.renderEmptyElement)(_)])},_},render(){return this.renderVN()}});

package/lib/anchor/src/anchor.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _vue = require("vue");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
-var _core = require("@vxe-ui/core");
+var _ui = require("../../ui");
 var _dom = require("../../ui/src/dom");
 var _anchorLink = _interopRequireDefault(require("./anchor-link"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -58,7 +58,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     };
     const anchorMethods = {
       dispatchEvent(type, params, evnt) {
-        emit(type, (0, _core.createEvent)(evnt, {
+        emit(type, (0, _ui.createEvent)(evnt, {
           $anchor: $xeAnchor
         }, params));
       }
@@ -197,7 +197,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }, defaultSlot ? defaultSlot({}) : renderSubItems(options)), showMarker ? (0, _vue.h)('div', {
         ref: refMarkerElem,
         class: 'vxe-anchor--marker'
-      }) : (0, _vue.createCommentVNode)()]);
+      }) : (0, _ui.renderEmptyElement)($xeAnchor)]);
     };
     (0, _vue.watch)(() => props.modelValue, val => {
       reactData.activeHref = val;

package/lib/anchor/src/anchor.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_core=require("@vxe-ui/core"),_dom=require("../../ui/src/dom"),_anchorLink=_interopRequireDefault(require("./anchor-link"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeAnchor",props:{modelValue:String,options:Array,container:[String,Object,Function],showMarker:{type:Boolean,default:!0}},emits:["update:modelValue","change","click"],setup(n,e){const{slots:i,emit:a}=e;var t=_xeUtils.default.uniqueId();const o=(0,_vue.ref)(),u=(0,_vue.ref)(),l=(0,_vue.reactive)({activeHref:null,staticLinks:[],containerElem:null}),r={refElem:o},c=(0,_vue.computed)(()=>{const t=[];return _xeUtils.default.eachTree(l.staticLinks,e=>{t.push(e.href||"")},{children:"children"}),t}),s={},v={xID:t,props:n,context:e,reactData:l,getRefMaps:()=>r,getComputeMaps:()=>s},d={dispatchEvent(e,t,r){a(e,(0,_core.createEvent)(r,{$anchor:v},t))}},f=()=>{var e=c.value,t=l["containerElem"];if(t){var r=t.querySelectorAll(e.map(e=>""+e).join(","));for(let e=0;e<r.length;e++){var n=r[e];if(0<n.getBoundingClientRect().top){n=n.id;l.activeHref="#"+n;break}}}},h=()=>{var e=l["containerElem"];e&&e.removeEventListener("scroll",f)},_=()=>{var e=(()=>{var e=n["container"];if(e){if(_xeUtils.default.isElement(e))return e;if(_xeUtils.default.isString(e))return document.querySelector(e);if(_xeUtils.default.isFunction(e))return e({$anchor:v})}return null})();(l.containerElem=e)&&e.addEventListener("scroll",f,{passive:!1})},p=(Object.assign(v,d,{handleClickLink(e,t){e.preventDefault();var r=document.getElementById((""+t).replace("#",""));r&&r.scrollIntoView({behavior:"smooth"}),r=t,l.activeHref=r,a("update:modelValue",r),d.dispatchEvent("click",{href:t},e)}}),e=>{const r=[];return e&&e.forEach(e=>{const t=e.children;t&&t.length?r.push((0,_vue.h)(_anchorLink.default,{content:e.content,title:e.title,href:e.href},{sub:()=>p(t)})):r.push((0,_vue.h)(_anchorLink.default,{content:e.content,title:e.title,href:e.href}))}),r});return(0,_vue.watch)(()=>n.modelValue,e=>{l.activeHref=e}),(0,_vue.watch)(()=>l.activeHref,()=>{(0,_vue.nextTick)(()=>{var e=l["activeHref"],t=o.value,r=u.value;t&&r&&e&&(e=t.querySelector(`[href="${e}"]`))&&(e=(0,_dom.getOffsetPos)(e,t)["top"],r.style.top=e+"px")})}),(0,_vue.watch)(()=>n.container,()=>{h(),_()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{_()})}),(0,_vue.onBeforeUnmount)(()=>{h()}),(0,_vue.provide)("$xeAnchor",v),v.renderVN=()=>{var{options:e,showMarker:t}=n,r=i.default;return(0,_vue.h)("div",{ref:o,class:["vxe-anchor",{"is--marker":t}]},[(0,_vue.h)("div",{class:"vxe-anchor--list"},r?r({}):p(e)),t?(0,_vue.h)("div",{ref:u,class:"vxe-anchor--marker"}):(0,_vue.createCommentVNode)()])},v},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_anchorLink=_interopRequireDefault(require("./anchor-link"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeAnchor",props:{modelValue:String,options:Array,container:[String,Object,Function],showMarker:{type:Boolean,default:!0}},emits:["update:modelValue","change","click"],setup(n,e){const{slots:i,emit:u}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.ref)(),o=(0,_vue.ref)(),l=(0,_vue.reactive)({activeHref:null,staticLinks:[],containerElem:null}),r={refElem:a},c=(0,_vue.computed)(()=>{const t=[];return _xeUtils.default.eachTree(l.staticLinks,e=>{t.push(e.href||"")},{children:"children"}),t}),s={},v={xID:t,props:n,context:e,reactData:l,getRefMaps:()=>r,getComputeMaps:()=>s},d={dispatchEvent(e,t,r){u(e,(0,_ui.createEvent)(r,{$anchor:v},t))}},f=()=>{var e=c.value,t=l["containerElem"];if(t){var r=t.querySelectorAll(e.map(e=>""+e).join(","));for(let e=0;e<r.length;e++){var n=r[e];if(0<n.getBoundingClientRect().top){n=n.id;l.activeHref="#"+n;break}}}},h=()=>{var e=l["containerElem"];e&&e.removeEventListener("scroll",f)},_=()=>{var e=(()=>{var e=n["container"];if(e){if(_xeUtils.default.isElement(e))return e;if(_xeUtils.default.isString(e))return document.querySelector(e);if(_xeUtils.default.isFunction(e))return e({$anchor:v})}return null})();(l.containerElem=e)&&e.addEventListener("scroll",f,{passive:!1})},p=(Object.assign(v,d,{handleClickLink(e,t){e.preventDefault();var r=document.getElementById((""+t).replace("#",""));r&&r.scrollIntoView({behavior:"smooth"}),r=t,l.activeHref=r,u("update:modelValue",r),d.dispatchEvent("click",{href:t},e)}}),e=>{const r=[];return e&&e.forEach(e=>{const t=e.children;t&&t.length?r.push((0,_vue.h)(_anchorLink.default,{content:e.content,title:e.title,href:e.href},{sub:()=>p(t)})):r.push((0,_vue.h)(_anchorLink.default,{content:e.content,title:e.title,href:e.href}))}),r});return(0,_vue.watch)(()=>n.modelValue,e=>{l.activeHref=e}),(0,_vue.watch)(()=>l.activeHref,()=>{(0,_vue.nextTick)(()=>{var e=l["activeHref"],t=a.value,r=o.value;t&&r&&e&&(e=t.querySelector(`[href="${e}"]`))&&(e=(0,_dom.getOffsetPos)(e,t)["top"],r.style.top=e+"px")})}),(0,_vue.watch)(()=>n.container,()=>{h(),_()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{_()})}),(0,_vue.onBeforeUnmount)(()=>{h()}),(0,_vue.provide)("$xeAnchor",v),v.renderVN=()=>{var{options:e,showMarker:t}=n,r=i.default;return(0,_vue.h)("div",{ref:a,class:["vxe-anchor",{"is--marker":t}]},[(0,_vue.h)("div",{class:"vxe-anchor--list"},r?r({}):p(e)),t?(0,_vue.h)("div",{ref:o,class:"vxe-anchor--marker"}):(0,_ui.renderEmptyElement)(v)])},v},render(){return this.renderVN()}});

package/lib/breadcrumb/src/breadcrumb-item.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _vue = require("vue");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _ui = require("../../ui");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = (0, _vue.defineComponent)({
   name: 'VxeBreadcrumbItem',
@@ -76,7 +77,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         class: 'vxe-breadcrumb-item--content-text'
       }, defaultSlot ? defaultSlot({}) : `${title || ''}`)]), separator ? (0, _vue.h)('span', {
         class: 'vxe-breadcrumb-item--separator'
-      }, `${separator}`) : (0, _vue.createCommentVNode)()]);
+      }, `${separator}`) : (0, _ui.renderEmptyElement)($xeBreadcrumbItem)]);
     };
     $xeBreadcrumbItem.renderVN = renderVN;
     return $xeBreadcrumbItem;

package/lib/breadcrumb/src/breadcrumb-item.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeBreadcrumbItem",props:{title:String,routerLink:Object},emits:[],setup(n,e){const a=e["slots"];var t=_xeUtils.default.uniqueId();const s=(0,_vue.ref)(),r=(0,_vue.inject)("$xeBreadcrumb",null);var u=(0,_vue.reactive)({});const o={refElem:s},i=(0,_vue.computed)(()=>r?r.props.separator:""),l=e=>{var t;r&&(t={title:n.title,routerLink:n.routerLink},r.handleClickLink(e,t))},c={};t={xID:t,props:n,context:e,reactData:u,getRefMaps:()=>o,getComputeMaps:()=>c};return t.renderVN=()=>{const{title:e,routerLink:t}=n;var r=i.value;const u=a.default;return(0,_vue.h)("span",{ref:s,class:"vxe-breadcrumb-item",onClick:l},[(0,_vue.h)("span",{class:"vxe-breadcrumb-item--content"},[t?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{class:"vxe-breadcrumb-item--content-link",title:e,to:t},{default(){return(0,_vue.h)("span",{class:"vxe-breadcrumb-item--content-text"},u?u({}):""+(e||""))}}):(0,_vue.h)("span",{class:"vxe-breadcrumb-item--content-text"},u?u({}):""+(e||""))]),r?(0,_vue.h)("span",{class:"vxe-breadcrumb-item--separator"},""+r):(0,_vue.createCommentVNode)()])},t},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeBreadcrumbItem",props:{title:String,routerLink:Object},emits:[],setup(n,e){const a=e["slots"];var t=_xeUtils.default.uniqueId();const s=(0,_vue.ref)(),r=(0,_vue.inject)("$xeBreadcrumb",null);var u=(0,_vue.reactive)({});const i={refElem:s},o=(0,_vue.computed)(()=>r?r.props.separator:""),l=e=>{var t;r&&(t={title:n.title,routerLink:n.routerLink},r.handleClickLink(e,t))},c={},v={xID:t,props:n,context:e,reactData:u,getRefMaps:()=>i,getComputeMaps:()=>c};return v.renderVN=()=>{const{title:e,routerLink:t}=n;var r=o.value;const u=a.default;return(0,_vue.h)("span",{ref:s,class:"vxe-breadcrumb-item",onClick:l},[(0,_vue.h)("span",{class:"vxe-breadcrumb-item--content"},[t?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{class:"vxe-breadcrumb-item--content-link",title:e,to:t},{default(){return(0,_vue.h)("span",{class:"vxe-breadcrumb-item--content-text"},u?u({}):""+(e||""))}}):(0,_vue.h)("span",{class:"vxe-breadcrumb-item--content-text"},u?u({}):""+(e||""))]),r?(0,_vue.h)("span",{class:"vxe-breadcrumb-item--separator"},""+r):(0,_ui.renderEmptyElement)(v)])},v},render(){return this.renderVN()}});

package/lib/button/src/button-group.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _vue = require("vue");
-var _core = require("@vxe-ui/core");
+var _ui = require("../../ui");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _button = _interopRequireDefault(require("./button"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -24,7 +24,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     permissionCode: [String, Number],
     size: {
       type: String,
-      default: () => (0, _core.getConfig)().buttonGroup.size || (0, _core.getConfig)().size
+      default: () => (0, _ui.getConfig)().buttonGroup.size || (0, _ui.getConfig)().size
     }
   },
   emits: ['click'],
@@ -43,13 +43,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
       reactData,
       getComputeMaps: () => computeMaps
     };
-    (0, _core.useSize)(props);
+    (0, _ui.useSize)(props);
     const {
       computePermissionInfo
-    } = (0, _core.usePermission)(props);
+    } = (0, _ui.usePermission)(props);
     const buttonGroupMethods = {
       dispatchEvent(type, params, evnt) {
-        emit(type, (0, _core.createEvent)(evnt, {
+        emit(type, (0, _ui.createEvent)(evnt, {
           $buttonGroup: $xeButtonGroup
         }, params));
       }
@@ -78,7 +78,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const permissionInfo = computePermissionInfo.value;
       const defaultSlot = slots.default;
       if (!permissionInfo.visible) {
-        return (0, _vue.createCommentVNode)();
+        return (0, _ui.renderEmptyElement)($xeButtonGroup);
       }
       return (0, _vue.h)('div', {
         class: ['vxe-button-group', className ? _xeUtils.default.isFunction(className) ? className({

package/lib/button/src/button-group.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_core=require("@vxe-ui/core"),_xeUtils=_interopRequireDefault(require("xe-utils")),_button=_interopRequireDefault(require("./button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeButtonGroup",props:{options:Array,mode:String,status:String,round:Boolean,vertical:Boolean,circle:Boolean,align:String,className:[String,Function],disabled:Boolean,permissionCode:[String,Number],size:{type:String,default:()=>(0,_core.getConfig)().buttonGroup.size||(0,_core.getConfig)().size}},emits:["click"],setup(n,e){const{slots:u,emit:o}=e;var t=_xeUtils.default.uniqueId(),r=(0,_vue.reactive)({});const i={},s={xID:t,props:n,context:e,reactData:r,getComputeMaps:()=>i},a=((0,_core.useSize)(n),(0,_core.usePermission)(n))["computePermissionInfo"],l={dispatchEvent(e,t,r){o(e,(0,_core.createEvent)(r,{$buttonGroup:s},t))}};Object.assign(s,l,{handleClick(e,t){var r=n["options"];const o=e["name"];r=r?r.find(e=>e.name===o):null;l.dispatchEvent("click",Object.assign(Object.assign({},e),{option:r}),t)}});return s.renderVN=()=>{var{className:e,options:t,vertical:r}=n,o=a.value,i=u.default;return o.visible?(0,_vue.h)("div",{class:["vxe-button-group",e?_xeUtils.default.isFunction(e)?e({$buttonGroup:s}):e:"",{"is--vertical":r}]},i?i({}):t?t.map((e,t)=>(0,_vue.h)(_button.default,Object.assign({key:t},e))):[]):(0,_vue.createCommentVNode)()},(0,_vue.provide)("$xeButtonGroup",s),s},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_button=_interopRequireDefault(require("./button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeButtonGroup",props:{options:Array,mode:String,status:String,round:Boolean,vertical:Boolean,circle:Boolean,align:String,className:[String,Function],disabled:Boolean,permissionCode:[String,Number],size:{type:String,default:()=>(0,_ui.getConfig)().buttonGroup.size||(0,_ui.getConfig)().size}},emits:["click"],setup(r,e){const{slots:o,emit:u}=e;var t=_xeUtils.default.uniqueId(),i=(0,_vue.reactive)({});const n={},s={xID:t,props:r,context:e,reactData:i,getComputeMaps:()=>n},a=((0,_ui.useSize)(r),(0,_ui.usePermission)(r))["computePermissionInfo"],l={dispatchEvent(e,t,i){u(e,(0,_ui.createEvent)(i,{$buttonGroup:s},t))}};Object.assign(s,l,{handleClick(e,t){var i=r["options"];const u=e["name"];i=i?i.find(e=>e.name===u):null;l.dispatchEvent("click",Object.assign(Object.assign({},e),{option:i}),t)}});return s.renderVN=()=>{var{className:e,options:t,vertical:i}=r,u=a.value,n=o.default;return u.visible?(0,_vue.h)("div",{class:["vxe-button-group",e?_xeUtils.default.isFunction(e)?e({$buttonGroup:s}):e:"",{"is--vertical":i}]},n?n({}):t?t.map((e,t)=>(0,_vue.h)(_button.default,Object.assign({key:t},e))):[]):(0,_ui.renderEmptyElement)(s)},(0,_vue.provide)("$xeButtonGroup",s),s},render(){return this.renderVN()}});

package/lib/button/src/button.js

@@ -97,7 +97,7 @@ const VxeButtonComponent = (0, _vue.defineComponent)({
       default: null
     }
   },
-  emits: ['click', 'mouseenter', 'mouseleave', 'dropdown-click'],
+  emits: ['click', 'mouseenter', 'mouseleave', 'dropdown-click', 'dropdownClick'],
   setup(props, context) {
     const {
       slots,
@@ -562,7 +562,7 @@ const VxeButtonComponent = (0, _vue.defineComponent)({
       const vSize = computeSize.value;
       const dropdownsSlot = slots.dropdowns;
       if (!permissionInfo.visible) {
-        return (0, _vue.createCommentVNode)();
+        return (0, _ui.renderEmptyElement)($xeButton);
       }
       if (dropdownsSlot || downBtnList.length) {
         const btnOns = {};
@@ -720,10 +720,8 @@ const VxeButtonComponent = (0, _vue.defineComponent)({
     };
     $xeButton.renderVN = renderVN;
     (0, _vue.onMounted)(() => {
-      if (process.env.NODE_ENV === 'development') {
-        if (props.type === 'text') {
-          (0, _log.warnLog)('vxe.error.delProp', ['type=text', 'mode=text']);
-        }
+      if (props.type === 'text') {
+        (0, _log.warnLog)('vxe.error.delProp', ['type=text', 'mode=text']);
       }
       _ui.globalEvents.on($xeButton, 'mousewheel', handleGlobalMousewheelEvent);
       _ui.globalEvents.on($xeButton, 'mousedown', handleGlobalMousedownEvent);

package/lib/button/src/button.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_tooltip=_interopRequireDefault(require("../../tooltip/src/tooltip"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeButtonComponent=(0,_vue.defineComponent)({name:"VxeButton",props:{type:String,mode:String,className:[String,Function],popupClassName:[String,Function],size:{type:String,default:()=>(0,_ui.getConfig)().button.size||(0,_ui.getConfig)().size},name:[String,Number],routerLink:Object,permissionCode:[String,Number],content:String,placement:String,status:String,title:String,icon:String,round:Boolean,circle:Boolean,disabled:Boolean,loading:Boolean,trigger:{type:String,default:()=>(0,_ui.getConfig)().button.trigger},align:String,prefixTooltip:Object,suffixTooltip:Object,options:Array,destroyOnClose:{type:Boolean,default:()=>(0,_ui.getConfig)().button.destroyOnClose},transfer:{type:Boolean,default:null}},emits:["click","mouseenter","mouseleave","dropdown-click"],setup(O,e){const{slots:N,emit:i}=e,n=(0,_vue.inject)("$xeModal",null),o=(0,_vue.inject)("$xeDrawer",null),u=(0,_vue.inject)("$xeTable",null),a=(0,_vue.inject)("$xeForm",null),l=(0,_vue.inject)("$xeButtonGroup",null);var t=_xeUtils.default.uniqueId();const P=(0,_ui.useSize)(O)["computeSize"],w=(0,_ui.usePermission)(O)["computePermissionInfo"],S=(0,_vue.reactive)({initialized:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1,panelIndex:0,panelStyle:{},panelPlacement:""}),s={showTime:void 0,tooltipTimeout:void 0},B=(0,_vue.ref)(),I=(0,_vue.ref)(),j=(0,_vue.ref)(),r={refElem:B},z={xID:t,props:O,context:e,reactData:S,internalData:s,getRefMaps:()=>r};const M=(0,_vue.computed)(()=>{var e=O["transfer"];if(null===e){var t=(0,_ui.getConfig)().button.transfer;if(_xeUtils.default.isBoolean(t))return t;if(u||n||o||a)return!0}return e}),U=(0,_vue.computed)(()=>{var e=O["disabled"],t=w.value;return e||t.disabled}),V=(0,_vue.computed)(()=>{var e=O["type"];return!!e&&-1<["submit","reset","button"].indexOf(e)}),$=(0,_vue.computed)(()=>{var{type:e,mode:t}=O;return"text"===t||"text"===e||l&&"text"===l.props.mode?"text":"button"}),E=(0,_vue.computed)(()=>{var e=O["status"];return e||(l?l.props.status:"")}),A=(0,_vue.computed)(()=>{var e=O["align"];return e||!!l&&l.props.align}),W=(0,_vue.computed)(()=>{var e=O["round"];return e||!!l&&l.props.round}),Z=(0,_vue.computed)(()=>{var e=O["circle"];return e||!!l&&l.props.circle}),J=(0,_vue.computed)(()=>{var e=O["options"];return e?e.filter(e=>{e=e.permissionCode;return!e||_ui.permission.checkVisible(e)}):[]}),p=(0,_vue.computed)(()=>Object.assign({},O.prefixTooltip)),_=(0,_vue.computed)(()=>Object.assign({},O.suffixTooltip)),m=()=>{S.panelIndex<(0,_utils.getLastZIndex)()&&(S.panelIndex=(0,_utils.nextZIndex)())},v=()=>{const n=O["placement"],i=S["panelIndex"],o=I.value,u=j.value,a=M.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(o,u,{placement:n,teleportTo:a}),t=Object.assign(e.style,{zIndex:i});S.panelStyle=t,S.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},D=e=>{l&&l.handleClick({name:O.name},e),H("click",{$event:e},e)},K=e=>{0===e.button&&e.stopPropagation()},Q=e=>{var t=e.currentTarget;const n=j.value;var{flag:t,targetElem:i}=(0,_dom.getEventTargetNode)(e,t,"vxe-button");t&&(n&&(n.dataset.active="N"),S.visiblePanel=!1,setTimeout(()=>{n&&"Y"===n.dataset.active||(S.isAniVisible=!1)},350),H("dropdown-click",{name:i.getAttribute("name"),option:null},e))},q=()=>{const e=j.value;e&&(e.dataset.active="Y",S.isAniVisible=!0,setTimeout(()=>{"Y"===e.dataset.active&&(S.visiblePanel=!0,m(),v(),setTimeout(()=>{S.visiblePanel&&v()},50))},20))},X=e=>{var t=O["loading"];U.value||t||(c(),F(e))},ee=e=>{R(),L(e)},F=e=>{H("mouseenter",{},e)},L=e=>{H("mouseleave",{},e)},Y=e=>{var{loading:t,trigger:n}=O;U.value||t||("click"===n&&(S.visiblePanel?R:c)(),D(e))},c=()=>{var e=O["trigger"];const t=j.value;return t&&(t.dataset.active="Y",S.initialized||(S.initialized=!0),s.showTime=setTimeout(()=>{"Y"===t.dataset.active?q():S.isAniVisible=!1},"click"===e?50:250)),(0,_vue.nextTick)()},R=()=>{const e=j.value;return clearTimeout(s.showTime),e?(e.dataset.active="N",setTimeout(()=>{"Y"!==e.dataset.active&&(S.visiblePanel=!1,setTimeout(()=>{"Y"!==e.dataset.active&&(S.isAniVisible=!1)},350))},100)):(S.isAniVisible=!1,S.visiblePanel=!1),(0,_vue.nextTick)()},te=()=>{R()},d=(e,t)=>(0,_vue.h)(_tooltip.default,{useHTML:e.useHTML,content:e.content,enterable:e.enterable,theme:e.theme},{default(){return(0,_vue.h)("i",{class:[`vxe-button--tooltip-${t}-icon`,e.icon||(0,_ui.getIcon)().BUTTON_TOOLTIP_ICON]})}}),G=()=>{var{content:e,icon:t,loading:n,prefixTooltip:i,suffixTooltip:o}=O,u=p.value,a=_.value,l=N.icon,s=N.default,r=[];return i&&r.push(d(u,"prefix")),n?r.push((0,_vue.h)("i",{class:["vxe-button--loading-icon",(0,_ui.getIcon)().BUTTON_LOADING]})):l?r.push((0,_vue.h)("span",{class:"vxe-button--custom-icon"},l({}))):t&&r.push((0,_vue.h)("i",{class:["vxe-button--icon",t]})),s?r.push((0,_vue.h)("span",{class:"vxe-button--content"},s({}))):e&&r.push((0,_vue.h)("span",{class:"vxe-button--content"},(0,_utils.getFuncText)(e))),o&&r.push(d(a,"suffix")),r},H=(e,t,n)=>{i(e,(0,_ui.createEvent)(n,{$button:z},t))},b=(t={dispatchEvent:H,openPanel:c,closePanel:R,focus(){var e=I.value;return e&&e.focus(),(0,_vue.nextTick)()},blur(){var e=I.value;return e&&e.blur(),(0,_vue.nextTick)()}},e=>{var t=j.value;S.visiblePanel&&!(0,_dom.getEventTargetNode)(e,t).flag&&R()}),g=e=>{var t,n=U.value,i=S["visiblePanel"];n||(n=B.value,t=j.value,S.isActivated=(0,_dom.getEventTargetNode)(e,n).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!S.isActivated&&R())};Object.assign(z,t);return z.renderVN=()=>{var{className:e,popupClassName:t,trigger:n,title:i,routerLink:o,type:u,destroyOnClose:a,name:l,loading:s}=O,{initialized:r,isAniVisible:v,visiblePanel:c}=S,d=V.value;const p=$.value;var _=E.value;const m=W.value;var b=A.value;const g=Z.value;var x,f=M.value,h=U.value,T=w.value,y=J.value,k=P.value,C=N.dropdowns;return T.visible?C||y.length?(T={},x={},"hover"===n&&(T.onMouseenter=X,T.onMouseleave=ee,x.onMouseenter=q,x.onMouseleave=te),(0,_vue.h)("div",{ref:B,class:["vxe-button--dropdown",e?_xeUtils.default.isFunction(e)?e({$button:z}):e:"",{["size--"+k]:k,"is--active":c}]},[o?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),Object.assign({ref:I,class:["vxe-button","vxe-button--link","type--"+p,b?"align--"+b:"",e?_xeUtils.default.isFunction(e)?e({$button:z}):e:"",{["size--"+k]:k,["theme--"+_]:_,"is--round":m,"is--circle":g,"is--disabled":h||s,"is--loading":s}],title:i,name:l,type:d?u:"button",disabled:h||s,to:o,onClick:Y},T),{default(){return G().concat([(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})])}}):(0,_vue.h)("button",Object.assign({ref:I,class:["vxe-button","type--"+p,b?"align--"+b:"",e?_xeUtils.default.isFunction(e)?e({$button:z}):e:"",{["size--"+k]:k,["theme--"+_]:_,"is--round":m,"is--circle":g,"is--disabled":h||s,"is--loading":s}],title:i,name:l,type:d?u:"button",disabled:h||s,onClick:Y},T),G().concat([(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})])),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!f||!r},[(0,_vue.h)("div",Object.assign({ref:j,class:["vxe-button--dropdown-panel",t?_xeUtils.default.isFunction(t)?t({$button:z}):t:"",{["size--"+k]:k,"is--transfer":f,"ani--leave":v,"ani--enter":c}],placement:S.panelPlacement,style:S.panelStyle},x),r&&(c||v)?[C?(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper",onMousedown:K,onClick:Q},r&&(!a||c||v)?C({}):[]):(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper"},r&&(!a||c||v)?y.map((i,e)=>(0,_vue.h)(VxeButtonComponent,{key:e,type:i.type,mode:i.mode||p,className:i.className,name:i.name,routerLink:i.routerLink,permissionCode:i.permissionCode,title:i.title,content:i.content,status:i.status,icon:i.icon,round:_xeUtils.default.isBoolean(i.round)?i.round:"text"!==p&&m,circle:_xeUtils.default.isBoolean(i.circle)?i.circle:"text"!==p&&g,disabled:i.disabled,loading:i.loading,align:i.align,onClick(e){var t=e,n=i;t=e.$event,R(),H("dropdown-click",{name:n.name,option:n},t)}})):[])]:[])])])):o?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{ref:I,class:["vxe-button","vxe-button--link","type--"+p,b?"align--"+b:"",e?_xeUtils.default.isFunction(e)?e({$button:z}):e:"",{["size--"+k]:k,["theme--"+_]:_,"is--round":m,"is--circle":g,"is--disabled":h||s,"is--loading":s}],title:i,name:l,type:d?u:"button",disabled:h||s,to:o,onClick:D,onMouseenter:F,onMouseleave:L},{default(){return G()}}):(0,_vue.h)("button",{ref:I,class:["vxe-button","type--"+p,b?"align--"+b:"",e?_xeUtils.default.isFunction(e)?e({$button:z}):e:"",{["size--"+k]:k,["theme--"+_]:_,"is--round":m,"is--circle":g,"is--disabled":h||s,"is--loading":s}],title:i,name:l,type:d?u:"button",disabled:h||s,onClick:D,onMouseenter:F,onMouseleave:L},G()):(0,_vue.createCommentVNode)()},(0,_vue.onMounted)(()=>{"development"===process.env.NODE_ENV&&"text"===O.type&&(0,_log.warnLog)("vxe.error.delProp",["type=text","mode=text"]),_ui.globalEvents.on(z,"mousewheel",b),_ui.globalEvents.on(z,"mousedown",g)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(z,"mousewheel"),_ui.globalEvents.off(z,"mousedown")}),z},render(){return this.renderVN()}});var _default=exports.default=VxeButtonComponent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_tooltip=_interopRequireDefault(require("../../tooltip/src/tooltip"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeButtonComponent=(0,_vue.defineComponent)({name:"VxeButton",props:{type:String,mode:String,className:[String,Function],popupClassName:[String,Function],size:{type:String,default:()=>(0,_ui.getConfig)().button.size||(0,_ui.getConfig)().size},name:[String,Number],routerLink:Object,permissionCode:[String,Number],content:String,placement:String,status:String,title:String,icon:String,round:Boolean,circle:Boolean,disabled:Boolean,loading:Boolean,trigger:{type:String,default:()=>(0,_ui.getConfig)().button.trigger},align:String,prefixTooltip:Object,suffixTooltip:Object,options:Array,destroyOnClose:{type:Boolean,default:()=>(0,_ui.getConfig)().button.destroyOnClose},transfer:{type:Boolean,default:null}},emits:["click","mouseenter","mouseleave","dropdown-click","dropdownClick"],setup(O,e){const{slots:w,emit:i}=e,n=(0,_vue.inject)("$xeModal",null),o=(0,_vue.inject)("$xeDrawer",null),u=(0,_vue.inject)("$xeTable",null),l=(0,_vue.inject)("$xeForm",null),a=(0,_vue.inject)("$xeButtonGroup",null);var t=_xeUtils.default.uniqueId();const P=(0,_ui.useSize)(O)["computeSize"],N=(0,_ui.usePermission)(O)["computePermissionInfo"],S=(0,_vue.reactive)({initialized:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1,panelIndex:0,panelStyle:{},panelPlacement:""}),s={showTime:void 0,tooltipTimeout:void 0},B=(0,_vue.ref)(),I=(0,_vue.ref)(),j=(0,_vue.ref)(),r={refElem:B},z={xID:t,props:O,context:e,reactData:S,internalData:s,getRefMaps:()=>r};const M=(0,_vue.computed)(()=>{var e=O["transfer"];if(null===e){var t=(0,_ui.getConfig)().button.transfer;if(_xeUtils.default.isBoolean(t))return t;if(u||n||o||l)return!0}return e}),U=(0,_vue.computed)(()=>{var e=O["disabled"],t=N.value;return e||t.disabled}),$=(0,_vue.computed)(()=>{var e=O["type"];return!!e&&-1<["submit","reset","button"].indexOf(e)}),E=(0,_vue.computed)(()=>{var{type:e,mode:t}=O;return"text"===t||"text"===e||a&&"text"===a.props.mode?"text":"button"}),V=(0,_vue.computed)(()=>{var e=O["status"];return e||(a?a.props.status:"")}),A=(0,_vue.computed)(()=>{var e=O["align"];return e||!!a&&a.props.align}),W=(0,_vue.computed)(()=>{var e=O["round"];return e||!!a&&a.props.round}),Z=(0,_vue.computed)(()=>{var e=O["circle"];return e||!!a&&a.props.circle}),J=(0,_vue.computed)(()=>{var e=O["options"];return e?e.filter(e=>{e=e.permissionCode;return!e||_ui.permission.checkVisible(e)}):[]}),p=(0,_vue.computed)(()=>Object.assign({},O.prefixTooltip)),_=(0,_vue.computed)(()=>Object.assign({},O.suffixTooltip)),m=()=>{S.panelIndex<(0,_utils.getLastZIndex)()&&(S.panelIndex=(0,_utils.nextZIndex)())},v=()=>{const n=O["placement"],i=S["panelIndex"],o=I.value,u=j.value,l=M.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(o,u,{placement:n,teleportTo:l}),t=Object.assign(e.style,{zIndex:i});S.panelStyle=t,S.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},D=e=>{a&&a.handleClick({name:O.name},e),H("click",{$event:e},e)},K=e=>{0===e.button&&e.stopPropagation()},Q=e=>{var t=e.currentTarget;const n=j.value;var{flag:t,targetElem:i}=(0,_dom.getEventTargetNode)(e,t,"vxe-button");t&&(n&&(n.dataset.active="N"),S.visiblePanel=!1,setTimeout(()=>{n&&"Y"===n.dataset.active||(S.isAniVisible=!1)},350),H("dropdown-click",{name:i.getAttribute("name"),option:null},e))},q=()=>{const e=j.value;e&&(e.dataset.active="Y",S.isAniVisible=!0,setTimeout(()=>{"Y"===e.dataset.active&&(S.visiblePanel=!0,m(),v(),setTimeout(()=>{S.visiblePanel&&v()},50))},20))},X=e=>{var t=O["loading"];U.value||t||(c(),F(e))},ee=e=>{R(),L(e)},F=e=>{H("mouseenter",{},e)},L=e=>{H("mouseleave",{},e)},Y=e=>{var{loading:t,trigger:n}=O;U.value||t||("click"===n&&(S.visiblePanel?R:c)(),D(e))},c=()=>{var e=O["trigger"];const t=j.value;return t&&(t.dataset.active="Y",S.initialized||(S.initialized=!0),s.showTime=setTimeout(()=>{"Y"===t.dataset.active?q():S.isAniVisible=!1},"click"===e?50:250)),(0,_vue.nextTick)()},R=()=>{const e=j.value;return clearTimeout(s.showTime),e?(e.dataset.active="N",setTimeout(()=>{"Y"!==e.dataset.active&&(S.visiblePanel=!1,setTimeout(()=>{"Y"!==e.dataset.active&&(S.isAniVisible=!1)},350))},100)):(S.isAniVisible=!1,S.visiblePanel=!1),(0,_vue.nextTick)()},te=()=>{R()},d=(e,t)=>(0,_vue.h)(_tooltip.default,{useHTML:e.useHTML,content:e.content,enterable:e.enterable,theme:e.theme},{default(){return(0,_vue.h)("i",{class:[`vxe-button--tooltip-${t}-icon`,e.icon||(0,_ui.getIcon)().BUTTON_TOOLTIP_ICON]})}}),G=()=>{var{content:e,icon:t,loading:n,prefixTooltip:i,suffixTooltip:o}=O,u=p.value,l=_.value,a=w.icon,s=w.default,r=[];return i&&r.push(d(u,"prefix")),n?r.push((0,_vue.h)("i",{class:["vxe-button--loading-icon",(0,_ui.getIcon)().BUTTON_LOADING]})):a?r.push((0,_vue.h)("span",{class:"vxe-button--custom-icon"},a({}))):t&&r.push((0,_vue.h)("i",{class:["vxe-button--icon",t]})),s?r.push((0,_vue.h)("span",{class:"vxe-button--content"},s({}))):e&&r.push((0,_vue.h)("span",{class:"vxe-button--content"},(0,_utils.getFuncText)(e))),o&&r.push(d(l,"suffix")),r},H=(e,t,n)=>{i(e,(0,_ui.createEvent)(n,{$button:z},t))},b=(t={dispatchEvent:H,openPanel:c,closePanel:R,focus(){var e=I.value;return e&&e.focus(),(0,_vue.nextTick)()},blur(){var e=I.value;return e&&e.blur(),(0,_vue.nextTick)()}},e=>{var t=j.value;S.visiblePanel&&!(0,_dom.getEventTargetNode)(e,t).flag&&R()}),g=e=>{var t,n=U.value,i=S["visiblePanel"];n||(n=B.value,t=j.value,S.isActivated=(0,_dom.getEventTargetNode)(e,n).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!S.isActivated&&R())};Object.assign(z,t);return z.renderVN=()=>{var{className:e,popupClassName:t,trigger:n,title:i,routerLink:o,type:u,destroyOnClose:l,name:a,loading:s}=O,{initialized:r,isAniVisible:v,visiblePanel:c}=S,d=$.value;const p=E.value;var _=V.value;const m=W.value;var b=A.value;const g=Z.value;var x,f=M.value,h=U.value,T=N.value,y=J.value,k=P.value,C=w.dropdowns;return T.visible?C||y.length?(T={},x={},"hover"===n&&(T.onMouseenter=X,T.onMouseleave=ee,x.onMouseenter=q,x.onMouseleave=te),(0,_vue.h)("div",{ref:B,class:["vxe-button--dropdown",e?_xeUtils.default.isFunction(e)?e({$button:z}):e:"",{["size--"+k]:k,"is--active":c}]},[o?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),Object.assign({ref:I,class:["vxe-button","vxe-button--link","type--"+p,b?"align--"+b:"",e?_xeUtils.default.isFunction(e)?e({$button:z}):e:"",{["size--"+k]:k,["theme--"+_]:_,"is--round":m,"is--circle":g,"is--disabled":h||s,"is--loading":s}],title:i,name:a,type:d?u:"button",disabled:h||s,to:o,onClick:Y},T),{default(){return G().concat([(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})])}}):(0,_vue.h)("button",Object.assign({ref:I,class:["vxe-button","type--"+p,b?"align--"+b:"",e?_xeUtils.default.isFunction(e)?e({$button:z}):e:"",{["size--"+k]:k,["theme--"+_]:_,"is--round":m,"is--circle":g,"is--disabled":h||s,"is--loading":s}],title:i,name:a,type:d?u:"button",disabled:h||s,onClick:Y},T),G().concat([(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})])),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!f||!r},[(0,_vue.h)("div",Object.assign({ref:j,class:["vxe-button--dropdown-panel",t?_xeUtils.default.isFunction(t)?t({$button:z}):t:"",{["size--"+k]:k,"is--transfer":f,"ani--leave":v,"ani--enter":c}],placement:S.panelPlacement,style:S.panelStyle},x),r&&(c||v)?[C?(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper",onMousedown:K,onClick:Q},r&&(!l||c||v)?C({}):[]):(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper"},r&&(!l||c||v)?y.map((i,e)=>(0,_vue.h)(VxeButtonComponent,{key:e,type:i.type,mode:i.mode||p,className:i.className,name:i.name,routerLink:i.routerLink,permissionCode:i.permissionCode,title:i.title,content:i.content,status:i.status,icon:i.icon,round:_xeUtils.default.isBoolean(i.round)?i.round:"text"!==p&&m,circle:_xeUtils.default.isBoolean(i.circle)?i.circle:"text"!==p&&g,disabled:i.disabled,loading:i.loading,align:i.align,onClick(e){var t=e,n=i;t=e.$event,R(),H("dropdown-click",{name:n.name,option:n},t)}})):[])]:[])])])):o?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{ref:I,class:["vxe-button","vxe-button--link","type--"+p,b?"align--"+b:"",e?_xeUtils.default.isFunction(e)?e({$button:z}):e:"",{["size--"+k]:k,["theme--"+_]:_,"is--round":m,"is--circle":g,"is--disabled":h||s,"is--loading":s}],title:i,name:a,type:d?u:"button",disabled:h||s,to:o,onClick:D,onMouseenter:F,onMouseleave:L},{default(){return G()}}):(0,_vue.h)("button",{ref:I,class:["vxe-button","type--"+p,b?"align--"+b:"",e?_xeUtils.default.isFunction(e)?e({$button:z}):e:"",{["size--"+k]:k,["theme--"+_]:_,"is--round":m,"is--circle":g,"is--disabled":h||s,"is--loading":s}],title:i,name:a,type:d?u:"button",disabled:h||s,onClick:D,onMouseenter:F,onMouseleave:L},G()):(0,_ui.renderEmptyElement)(z)},(0,_vue.onMounted)(()=>{"text"===O.type&&(0,_log.warnLog)("vxe.error.delProp",["type=text","mode=text"]),_ui.globalEvents.on(z,"mousewheel",b),_ui.globalEvents.on(z,"mousedown",g)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(z,"mousewheel"),_ui.globalEvents.off(z,"mousedown")}),z},render(){return this.renderVN()}});var _default=exports.default=VxeButtonComponent;

package/lib/card/src/card.js

@@ -113,17 +113,17 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }]
       }, titleSlot ? (0, _vn.getSlotVNs)(titleSlot({})) : `${title || ''}`), extraSlot ? (0, _vue.h)('div', {
         class: 'vxe-card--header-extra'
-      }, (0, _vn.getSlotVNs)(extraSlot({}))) : (0, _vue.createCommentVNode)()]) : (0, _vue.createCommentVNode)(), (0, _vue.h)('div', {
+      }, (0, _vn.getSlotVNs)(extraSlot({}))) : (0, _ui.renderEmptyElement)($xeCard)]) : (0, _ui.renderEmptyElement)($xeCard), (0, _vue.h)('div', {
         class: 'vxe-card--body'
       }, [leftSlot ? (0, _vue.h)('div', {
         class: 'vxe-card--body-left'
-      }, (0, _vn.getSlotVNs)(leftSlot({}))) : (0, _vue.createCommentVNode)(), (0, _vue.h)('div', {
+      }, (0, _vn.getSlotVNs)(leftSlot({}))) : (0, _ui.renderEmptyElement)($xeCard), (0, _vue.h)('div', {
         class: 'vxe-card--body-content'
       }, defaultSlot ? (0, _vn.getSlotVNs)(defaultSlot({})) : []), rightSlot ? (0, _vue.h)('div', {
         class: 'vxe-card--body-right'
-      }, (0, _vn.getSlotVNs)(rightSlot({}))) : (0, _vue.createCommentVNode)()]), footerSlot ? (0, _vue.h)('div', {
+      }, (0, _vn.getSlotVNs)(rightSlot({}))) : (0, _ui.renderEmptyElement)($xeCard)]), footerSlot ? (0, _vue.h)('div', {
         class: 'vxe-card--footer'
-      }, (0, _vn.getSlotVNs)(footerSlot({}))) : (0, _vue.createCommentVNode)(),
+      }, (0, _vn.getSlotVNs)(footerSlot({}))) : (0, _ui.renderEmptyElement)($xeCard),
       /**
        * 加载中
        */

package/lib/card/src/card.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_vn=require("../../ui/src/vn"),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCard",props:{title:String,showTitleOverflow:{type:Boolean,default:()=>(0,_ui.getConfig)().card.showTitleOverflow},width:[String,Number],height:[String,Number],border:{type:Boolean,default:()=>(0,_ui.getConfig)().card.border},loading:Boolean,shadow:{type:Boolean,default:()=>(0,_ui.getConfig)().card.shadow},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().card.padding}},emits:[],setup(g,e){const{slots:h,emit:d}=e;var t=_xeUtils.default.uniqueId();const f=(0,_vue.ref)();var r=(0,_vue.reactive)({});const a={refElem:f},p=(0,_vue.computed)(()=>{var{height:e,width:t}=g,r={};return t&&(r.width=(0,_dom.toCssUnit)(t)),e&&(r.height=(0,_dom.toCssUnit)(e)),r}),o={},i={xID:t,props:g,context:e,reactData:r,getRefMaps:()=>a,getComputeMaps:()=>o};Object.assign(i,{dispatchEvent:(e,t,r)=>{d(e,(0,_ui.createEvent)(r,{$card:i},t))}},{});return i.renderVN=()=>{var{title:e,border:t,shadow:r,padding:d,loading:a,showTitleOverflow:o}=g,i=h.default,s=h.header,u=h.title,l=h.extra,n=h.footer,v=h.left,_=h.right,c=p.value;return(0,_vue.h)("div",{ref:f,class:["vxe-card",{"is--border":t,"is--shadow":r,"is--padding":d}],style:c},[e||u||s?(0,_vue.h)("div",{class:"vxe-card--header"},s?(0,_vn.getSlotVNs)(s({})):[(0,_vue.h)("div",{class:["vxe-card--header-title",{"is--ellipsis":o}]},u?(0,_vn.getSlotVNs)(u({})):""+(e||"")),l?(0,_vue.h)("div",{class:"vxe-card--header-extra"},(0,_vn.getSlotVNs)(l({}))):(0,_vue.createCommentVNode)()]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-card--body"},[v?(0,_vue.h)("div",{class:"vxe-card--body-left"},(0,_vn.getSlotVNs)(v({}))):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-card--body-content"},i?(0,_vn.getSlotVNs)(i({})):[]),_?(0,_vue.h)("div",{class:"vxe-card--body-right"},(0,_vn.getSlotVNs)(_({}))):(0,_vue.createCommentVNode)()]),n?(0,_vue.h)("div",{class:"vxe-card--footer"},(0,_vn.getSlotVNs)(n({}))):(0,_vue.createCommentVNode)(),(0,_vue.h)(_loading.default,{class:"vxe-card--loading",modelValue:a})])},i},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_vn=require("../../ui/src/vn"),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCard",props:{title:String,showTitleOverflow:{type:Boolean,default:()=>(0,_ui.getConfig)().card.showTitleOverflow},width:[String,Number],height:[String,Number],border:{type:Boolean,default:()=>(0,_ui.getConfig)().card.border},loading:Boolean,shadow:{type:Boolean,default:()=>(0,_ui.getConfig)().card.shadow},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().card.padding}},emits:[],setup(g,e){const{slots:h,emit:d}=e;var t=_xeUtils.default.uniqueId();const f=(0,_vue.ref)();var r=(0,_vue.reactive)({});const i={refElem:f},p=(0,_vue.computed)(()=>{var{height:e,width:t}=g,r={};return t&&(r.width=(0,_dom.toCssUnit)(t)),e&&(r.height=(0,_dom.toCssUnit)(e)),r}),a={},m={xID:t,props:g,context:e,reactData:r,getRefMaps:()=>i,getComputeMaps:()=>a};Object.assign(m,{dispatchEvent:(e,t,r)=>{d(e,(0,_ui.createEvent)(r,{$card:m},t))}},{});return m.renderVN=()=>{var{title:e,border:t,shadow:r,padding:d,loading:i,showTitleOverflow:a}=g,o=h.default,l=h.header,s=h.title,u=h.extra,n=h.footer,v=h.left,_=h.right,c=p.value;return(0,_vue.h)("div",{ref:f,class:["vxe-card",{"is--border":t,"is--shadow":r,"is--padding":d}],style:c},[e||s||l?(0,_vue.h)("div",{class:"vxe-card--header"},l?(0,_vn.getSlotVNs)(l({})):[(0,_vue.h)("div",{class:["vxe-card--header-title",{"is--ellipsis":a}]},s?(0,_vn.getSlotVNs)(s({})):""+(e||"")),u?(0,_vue.h)("div",{class:"vxe-card--header-extra"},(0,_vn.getSlotVNs)(u({}))):(0,_ui.renderEmptyElement)(m)]):(0,_ui.renderEmptyElement)(m),(0,_vue.h)("div",{class:"vxe-card--body"},[v?(0,_vue.h)("div",{class:"vxe-card--body-left"},(0,_vn.getSlotVNs)(v({}))):(0,_ui.renderEmptyElement)(m),(0,_vue.h)("div",{class:"vxe-card--body-content"},o?(0,_vn.getSlotVNs)(o({})):[]),_?(0,_vue.h)("div",{class:"vxe-card--body-right"},(0,_vn.getSlotVNs)(_({}))):(0,_ui.renderEmptyElement)(m)]),n?(0,_vue.h)("div",{class:"vxe-card--footer"},(0,_vn.getSlotVNs)(n({}))):(0,_ui.renderEmptyElement)(m),(0,_vue.h)(_loading.default,{class:"vxe-card--loading",modelValue:i})])},m},render(){return this.renderVN()}});

package/lib/carousel/src/carousel.js

@@ -341,7 +341,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         style: height ? {
           height: (0, _dom.toCssUnit)(height)
         } : null
-      }, [renderItemWrapper(list)]), showIndicators ? renderIndicators(list) : (0, _vue.createCommentVNode)(), (0, _vue.h)('div', {
+      }, [renderItemWrapper(list)]), showIndicators ? renderIndicators(list) : (0, _ui.renderEmptyElement)($xeCarousel), (0, _vue.h)('div', {
         class: 'vxe-carousel--btn-wrapper'
       }, [(0, _vue.h)('div', {
         class: 'vxe-carousel--previous-btn',