vxe-pc-ui 4.6.8 → 4.6.9

package/es/switch/src/switch.js

@@ -1,6 +1,6 @@
-import { defineComponent, h, ref, computed, reactive, nextTick, createCommentVNode, inject } from 'vue';
+import { defineComponent, h, ref, computed, reactive, nextTick, inject } from 'vue';
 import XEUtils from 'xe-utils';
-import { getConfig, createEvent, useSize } from '../../ui';
+import { getConfig, createEvent, useSize, renderEmptyElement } from '../../ui';
 import { getFuncText } from '../../ui/src/utils';
 export default defineComponent({
     name: 'VxeSwitch',
@@ -175,7 +175,7 @@ export default defineComponent({
                             ? h('i', {
                                 class: ['vxe-switch--label-icon', openIcon]
                             })
-                            : createCommentVNode(),
+                            : renderEmptyElement($xeSwitch),
                         onShowLabel
                     ]),
                     h('span', {
@@ -185,7 +185,7 @@ export default defineComponent({
                             ? h('i', {
                                 class: ['vxe-switch--label-icon', closeIcon]
                             })
-                            : createCommentVNode(),
+                            : renderEmptyElement($xeSwitch),
                         offShowLabel
                     ]),
                     h('span', {

package/es/tabs/src/tabs.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, h, reactive, inject, provide, computed, onUnmounted, createCommentVNode, watch, nextTick, onMounted } from 'vue';
+import { defineComponent, ref, h, reactive, inject, provide, computed, onUnmounted, watch, nextTick, onMounted } from 'vue';
 import { createEvent, getConfig, getIcon, globalEvents, permission, renderEmptyElement } from '../../ui';
 import { getSlotVNs } from '../../ui/src/vn';
 import { toCssUnit } from '../../ui/src/dom';
@@ -399,7 +399,7 @@ export default defineComponent({
                             class: getIcon().TABS_TAB_BUTTON_LEFT
                         })
                     ])
-                    : createCommentVNode(),
+                    : renderEmptyElement($xeTabs),
                 h('div', {
                     class: 'vxe-tabs-header--wrapper'
                 }, [
@@ -443,7 +443,7 @@ export default defineComponent({
                                                 class: icon
                                             })
                                         ])
-                                        : createCommentVNode(),
+                                        : renderEmptyElement($xeTabs),
                                     h('span', {
                                         class: 'vxe-tabs-header--item-name'
                                     }, titleSlot ? callSlot(titleSlot, { name, title }) : `${title}`)
@@ -459,7 +459,7 @@ export default defineComponent({
                                             class: isLoading ? getIcon().TABS_TAB_REFRESH_LOADING : getIcon().TABS_TAB_REFRESH
                                         })
                                     ])
-                                    : createCommentVNode(),
+                                    : renderEmptyElement($xeTabs),
                                 (showClose || (isEnableConf(closeConfig) || closeOpts.enabled)) && (!closeVisibleMethod || closeVisibleMethod(params))
                                     ? h('div', {
                                         class: 'vxe-tabs-header--close-btn',
@@ -471,7 +471,7 @@ export default defineComponent({
                                             class: getIcon().TABS_TAB_CLOSE
                                         })
                                     ])
-                                    : createCommentVNode()
+                                    : renderEmptyElement($xeTabs)
                             ])
                         ]);
                     }).concat([
@@ -494,12 +494,12 @@ export default defineComponent({
                             class: getIcon().TABS_TAB_BUTTON_RIGHT
                         })
                     ])
-                    : createCommentVNode(),
+                    : renderEmptyElement($xeTabs),
                 extraSlot
                     ? h('div', {
                         class: 'vxe-tabs-header--extra'
                     }, getSlotVNs(extraSlot({})))
-                    : createCommentVNode()
+                    : renderEmptyElement($xeTabs)
             ]);
         };
         const renderTabPane = (item) => {
@@ -514,14 +514,14 @@ export default defineComponent({
                             'has--content': !!defaultSlot
                         }]
                 }, defaultSlot ? callSlot(defaultSlot, { name }) : [])
-                : createCommentVNode();
+                : renderEmptyElement($xeTabs);
         };
         const renderTabContent = (tabList) => {
             const { destroyOnClose } = props;
             const { activeName } = reactData;
             const activeDefaultTab = tabList.find(item => item.name === activeName);
             if (destroyOnClose) {
-                return [activeDefaultTab ? renderTabPane(activeDefaultTab) : createCommentVNode()];
+                return [activeDefaultTab ? renderTabPane(activeDefaultTab) : renderEmptyElement($xeTabs)];
             }
             return tabList.map((item) => renderTabPane(item));
         };

package/es/tag/src/tag.js

@@ -1,6 +1,6 @@
-import { defineComponent, ref, h, reactive, createCommentVNode } from 'vue';
+import { defineComponent, ref, h, reactive } from 'vue';
 import XEUtils from 'xe-utils';
-import { getConfig, createEvent, useSize } from '../../ui';
+import { getConfig, createEvent, useSize, renderEmptyElement } from '../../ui';
 import { getSlotVNs } from '../../ui/src/vn';
 export default defineComponent({
     name: 'VxeTag',
@@ -61,7 +61,7 @@ export default defineComponent({
                                 class: icon
                             })
                         ])
-                    : createCommentVNode(),
+                    : renderEmptyElement($xeTag),
                 h('span', {
                     class: 'vxe-tag--content'
                 }, defaultSlot ? defaultSlot({}) : XEUtils.toValueString(content))

package/es/tip/src/tip.js

@@ -1,6 +1,6 @@
-import { defineComponent, ref, h, reactive, createCommentVNode } from 'vue';
+import { defineComponent, ref, h, reactive } from 'vue';
 import XEUtils from 'xe-utils';
-import { getConfig, useSize, usePermission, createEvent } from '../../ui';
+import { getConfig, useSize, usePermission, createEvent, renderEmptyElement } from '../../ui';
 import { getSlotVNs } from '../../ui/src/vn';
 export default defineComponent({
     name: 'VxeTip',
@@ -60,7 +60,7 @@ export default defineComponent({
             const permissionInfo = computePermissionInfo.value;
             const vSize = computeSize.value;
             if (!permissionInfo.visible) {
-                return createCommentVNode();
+                return renderEmptyElement($xeTip);
             }
             return h('div', {
                 ref: refElem,
@@ -80,7 +80,7 @@ export default defineComponent({
                                 class: icon
                             })
                         ])
-                    : createCommentVNode(),
+                    : renderEmptyElement($xeTip),
                 h('div', {
                     class: 'vxe-tip--body'
                 }, [
@@ -88,7 +88,7 @@ export default defineComponent({
                         ? h('div', {
                             class: 'vxe-tip--title'
                         }, titleSlot ? getSlotVNs(titleSlot({})) : XEUtils.toValueString(title))
-                        : createCommentVNode(),
+                        : renderEmptyElement($xeTip),
                     h('div', {
                         class: 'vxe-tip--content'
                     }, defaultSlot ? getSlotVNs(defaultSlot({})) : XEUtils.toValueString(content))

package/es/tree/src/tree.js

@@ -1,5 +1,5 @@
-import { defineComponent, ref, h, reactive, computed, createCommentVNode, watch, onUnmounted, nextTick } from 'vue';
-import { createEvent, getIcon, getConfig, useSize } from '../../ui';
+import { defineComponent, ref, h, reactive, computed, watch, onUnmounted, nextTick } from 'vue';
+import { createEvent, getIcon, getConfig, useSize, renderEmptyElement } from '../../ui';
 import XEUtils from 'xe-utils';
 import { getSlotVNs } from '../../ui/src/vn';
 import { toCssUnit } from '../../ui/src/dom';
@@ -996,7 +996,7 @@ export default defineComponent({
                     })
                 ]);
             }
-            return createCommentVNode();
+            return renderEmptyElement($xeTree);
         };
         const renderCheckbox = (node, nodeid, isChecked) => {
             const { showCheckbox } = props;
@@ -1026,7 +1026,7 @@ export default defineComponent({
                     })
                 ]);
             }
-            return createCommentVNode();
+            return renderEmptyElement($xeTree);
         };
         const renderNode = (node) => {
             const { lazy, showRadio, showCheckbox, showLine, indent, iconOpen, iconClose, iconLoaded, showIcon } = props;
@@ -1115,7 +1115,7 @@ export default defineComponent({
                                     ])
                             ]
                             : [])
-                        : createCommentVNode(),
+                        : renderEmptyElement($xeTree),
                     renderRadio(node, nodeid, isRadioChecked),
                     renderCheckbox(node, nodeid, isCheckboxChecked),
                     h('div', {
@@ -1128,14 +1128,14 @@ export default defineComponent({
                             ? h('div', {
                                 class: 'vxe-tree--node-item-extra'
                             }, getSlotVNs(extraSlot({ node, isExpand })))
-                            : createCommentVNode()
+                            : renderEmptyElement($xeTree)
                     ])
                 ]),
                 hasChild && treeExpandedMaps[nodeid]
                     ? h('div', {
                         class: 'vxe-tree--node-child-wrapper'
                     }, childVns)
-                    : createCommentVNode()
+                    : renderEmptyElement($xeTree)
             ]);
         };
         const renderNodeList = () => {

package/es/ui/index.js

@@ -1,7 +1,7 @@
 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.9";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 export function config(options) {

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.9"}`;
 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)
                         ]))
                 ]

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()}});