vxe-pc-ui 4.1.20 → 4.1.21

package/es/tabs/src/tab-pane.js

@@ -1,5 +1,6 @@
 import { defineComponent, ref, h, reactive, watch, inject, onMounted, onUnmounted } from 'vue';
 import XEUtils from 'xe-utils';
+import { createEvent } from '../../ui';
 import { assembleAnchorTab, destroyAnchorTab } from './util';
 export default defineComponent({
     name: 'VxeTabPane',
@@ -14,7 +15,7 @@ export default defineComponent({
     },
     emits: [],
     setup(props, context) {
-        const { slots } = context;
+        const { slots, emit } = context;
         const xID = XEUtils.uniqueId();
         const refElem = ref();
         const $xeTabs = inject('$xeTabs', null);
@@ -44,6 +45,14 @@ export default defineComponent({
             getRefMaps: () => refMaps,
             getComputeMaps: () => computeMaps
         };
+        const dispatchEvent = (type, params, evnt) => {
+            emit(type, createEvent(evnt, { $tabPane: $xeTabPane }, params));
+        };
+        const tabPaneMethods = {
+            dispatchEvent
+        };
+        const tabPanePrivateMethods = {};
+        Object.assign($xeTabPane, tabPaneMethods, tabPanePrivateMethods);
         watch(() => props.title, (val) => {
             tabConfig.title = val;
         });
@@ -57,8 +66,9 @@ export default defineComponent({
             tabConfig.permissionCode = val;
         });
         onMounted(() => {
-            if ($xeTabs && refElem.value) {
-                assembleAnchorTab($xeTabs, refElem.value, tabConfig);
+            const elem = refElem.value;
+            if ($xeTabs && elem) {
+                assembleAnchorTab($xeTabs, elem, tabConfig);
             }
         });
         onUnmounted(() => {

package/es/tabs/src/tabs.js

@@ -47,25 +47,19 @@ export default defineComponent({
             isTabOver: false,
             resizeFlag: 1
         });
+        const internalData = {
+            slTimeout: undefined
+        };
         const refMaps = {
             refElem
         };
-        const handleFilterTab = (item) => {
-            const { permissionCode } = item;
-            if (permissionCode) {
-                if (!permission.checkVisible(permissionCode)) {
-                    return false;
-                }
-            }
-            return true;
-        };
         const computeTabOptions = computed(() => {
             const { options } = props;
-            return (options || []).filter(handleFilterTab);
+            return (options || []).filter((item) => handleFilterTab(item));
         });
         const computeTabStaticOptions = computed(() => {
             const { staticTabs } = reactData;
-            return staticTabs.filter(handleFilterTab);
+            return staticTabs.filter((item) => handleFilterTab(item));
         });
         const computeMaps = {};
         const $xeTabs = {
@@ -76,6 +70,15 @@ export default defineComponent({
             getRefMaps: () => refMaps,
             getComputeMaps: () => computeMaps
         };
+        const handleFilterTab = (item) => {
+            const { permissionCode } = item;
+            if (permissionCode) {
+                if (!permission.checkVisible(permissionCode)) {
+                    return false;
+                }
+            }
+            return true;
+        };
         const callSlot = (slotFunc, params) => {
             if (slotFunc) {
                 if (XEUtils.isString(slotFunc)) {
@@ -199,12 +202,15 @@ export default defineComponent({
                 dispatchEvent('tab-close-fail', { value, name, nextName }, evnt);
             }
         };
-        let scrollTimeout = null;
         const startScrollAnimation = (offsetPos, offsetSize) => {
+            const { slTimeout } = internalData;
             let offsetLeft = offsetSize;
             let scrollCount = 6;
             let delayNum = 35;
-            clearTimeout(scrollTimeout);
+            if (slTimeout) {
+                clearTimeout(slTimeout);
+                internalData.slTimeout = undefined;
+            }
             const scrollAnimate = () => {
                 const headerWrapperEl = refHeadWrapperElem.value;
                 if (scrollCount > 0) {
@@ -216,14 +222,14 @@ export default defineComponent({
                             if (clientWidth + scrollLeft < scrollWidth) {
                                 headerWrapperEl.scrollLeft += offsetLeft;
                                 delayNum -= 4;
-                                scrollTimeout = setTimeout(scrollAnimate, delayNum);
+                                internalData.slTimeout = setTimeout(scrollAnimate, delayNum);
                             }
                         }
                         else {
                             if (scrollLeft > 0) {
                                 headerWrapperEl.scrollLeft -= offsetLeft;
                                 delayNum -= 4;
-                                scrollTimeout = setTimeout(scrollAnimate, delayNum);
+                                internalData.slTimeout = setTimeout(scrollAnimate, delayNum);
                             }
                         }
                         updateTabStyle();
@@ -273,41 +279,43 @@ export default defineComponent({
                 }
             });
         };
-        const createHandlePrevNext = (isNext) => {
-            return () => {
-                const { activeName } = reactData;
-                const tabOptions = computeTabOptions.value;
-                const tabStaticOptions = computeTabStaticOptions.value;
-                const list = tabStaticOptions.length ? tabStaticOptions : tabOptions;
-                const index = XEUtils.findIndexOf(list, item => item.name === activeName);
-                if (index > -1) {
-                    let item = null;
-                    if (isNext) {
-                        if (index < list.length - 1) {
-                            item = list[index + 1];
-                        }
-                    }
-                    else {
-                        if (index > 0) {
-                            item = list[index - 1];
-                        }
+        const handlePrevNext = (isNext) => {
+            const { activeName } = reactData;
+            const tabOptions = computeTabOptions.value;
+            const tabStaticOptions = computeTabStaticOptions.value;
+            const list = tabStaticOptions.length ? tabStaticOptions : tabOptions;
+            const index = XEUtils.findIndexOf(list, item => item.name === activeName);
+            if (index > -1) {
+                let item = null;
+                if (isNext) {
+                    if (index < list.length - 1) {
+                        item = list[index + 1];
                     }
-                    if (item) {
-                        const name = item.name;
-                        const value = name;
-                        reactData.activeName = name;
-                        emit('update:modelValue', value);
-                        addInitName(name, null);
+                }
+                else {
+                    if (index > 0) {
+                        item = list[index - 1];
                     }
                 }
-                return nextTick();
-            };
+                if (item) {
+                    const name = item.name;
+                    const value = name;
+                    reactData.activeName = name;
+                    emit('update:modelValue', value);
+                    addInitName(name, null);
+                }
+            }
+            return nextTick();
         };
         const tabsMethods = {
             dispatchEvent,
             scrollToTab,
-            prev: createHandlePrevNext(false),
-            next: createHandlePrevNext(true),
+            prev() {
+                return handlePrevNext(false);
+            },
+            next() {
+                return handlePrevNext(true);
+            },
             prevTab() {
                 if (process.env.NODE_ENV === 'development') {
                     warnLog('vxe.error.delFunc', ['prevTab', 'prev']);
@@ -445,9 +453,9 @@ export default defineComponent({
             const { activeName } = reactData;
             const activeDefaultTab = tabList.find(item => item.name === activeName);
             if (destroyOnClose) {
-                return activeDefaultTab ? [renderTabPane(activeDefaultTab)] : createCommentVNode();
+                return [activeDefaultTab ? renderTabPane(activeDefaultTab) : createCommentVNode()];
             }
-            return tabList.map(renderTabPane);
+            return tabList.map((item) => renderTabPane(item));
         };
         const renderVN = () => {
             const { type, height, padding, trigger } = props;
@@ -514,7 +522,9 @@ export default defineComponent({
             });
         }
         watch(() => reactData.resizeFlag, () => {
-            nextTick(updateTabStyle);
+            nextTick(() => {
+                updateTabStyle();
+            });
         });
         nextTick(() => {
             globalEvents.on($xeTabs, 'resize', updateTabStyle);
@@ -525,10 +535,10 @@ export default defineComponent({
         onUnmounted(() => {
             globalEvents.off($xeTabs, 'resize');
         });
-        $xeTabs.renderVN = renderVN;
         provide('$xeTabs', $xeTabs);
         addInitName(props.modelValue, null);
         initDefaultName(reactData.staticTabs.length ? reactData.staticTabs : props.options);
+        $xeTabs.renderVN = renderVN;
         return $xeTabs;
     },
     render() {

package/es/textarea/src/textarea.js

@@ -189,7 +189,7 @@ export default defineComponent({
             const value = reactData.inputValue;
             $xeTextarea.dispatchEvent(evnt.type, { value }, evnt);
         };
-        const emitUpdate = (value, evnt) => {
+        const handleChange = (value, evnt) => {
             reactData.inputValue = value;
             emit('update:modelValue', value);
             if (XEUtils.toValueString(props.modelValue) !== value) {
@@ -206,7 +206,7 @@ export default defineComponent({
             const value = textElem.value;
             reactData.inputValue = value;
             if (immediate) {
-                emitUpdate(value, evnt);
+                handleChange(value, evnt);
             }
             $xeTextarea.dispatchEvent('input', { value }, evnt);
             handleResize();
@@ -217,14 +217,14 @@ export default defineComponent({
                 triggerEvent(evnt);
             }
             else {
-                emitUpdate(reactData.inputValue, evnt);
+                handleChange(reactData.inputValue, evnt);
             }
         };
         const blurEvent = (evnt) => {
             const { immediate } = props;
             const { inputValue } = reactData;
             if (!immediate) {
-                emitUpdate(inputValue, evnt);
+                handleChange(inputValue, evnt);
             }
             $xeTextarea.dispatchEvent('blur', { value: inputValue }, evnt);
         };

package/es/tooltip/src/tooltip.js

@@ -354,8 +354,8 @@ export default defineComponent({
                 }
             }
         });
-        $xeTooltip.renderVN = renderVN;
         handleDelayFn();
+        $xeTooltip.renderVN = renderVN;
         return $xeTooltip;
     },
     render() {

package/es/tree/src/tree.js

@@ -105,7 +105,10 @@ export default defineComponent({
             type: String,
             default: () => getConfig().tree.iconLoaded
         },
-        size: { type: String, default: () => getConfig().tree.size || getConfig().size }
+        size: {
+            type: String,
+            default: () => getConfig().tree.size || getConfig().size
+        }
     },
     emits: [
         'update:modelValue',
@@ -444,7 +447,7 @@ export default defineComponent({
                 const { lazy, transform } = props;
                 const { nodeMaps } = reactData;
                 if (!lazy) {
-                    return nextTick();
+                    return Promise.resolve([]);
                 }
                 const childrenField = computeChildrenField.value;
                 const parentNodeItem = nodeMaps[getNodeId(node)];
@@ -1069,7 +1072,6 @@ export default defineComponent({
                     : {})
             ]);
         };
-        $xeTree.renderVN = renderVN;
         const dataFlag = ref(0);
         watch(() => props.data ? props.data.length : 0, () => {
             dataFlag.value++;
@@ -1100,6 +1102,7 @@ export default defineComponent({
         });
         updateData(props.data || []);
         updateCheckboxChecked(props.checkNodeKeys || []);
+        $xeTree.renderVN = renderVN;
         return $xeTree;
     },
     render() {

package/es/tree-select/src/tree-select.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, h, nextTick, inject, reactive, Teleport, createCommentVNode, onMounted, onUnmounted, watch } from 'vue';
+import { defineComponent, ref, computed, h, nextTick, inject, provide, reactive, Teleport, createCommentVNode, onMounted, onUnmounted, watch } from 'vue';
 import { getConfig, getI18n, getIcon, globalEvents, createEvent, useSize } from '../../ui';
 import { getEventTargetNode, getAbsolutePos } from '../../ui/src/dom';
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils';
@@ -33,7 +33,10 @@ export default defineComponent({
         placement: String,
         options: Array,
         optionProps: Object,
-        size: { type: String, default: () => getConfig().select.size || getConfig().size },
+        size: {
+            type: String,
+            default: () => getConfig().select.size || getConfig().size
+        },
         remote: Boolean,
         remoteMethod: Function,
         treeConfig: Object,
@@ -77,6 +80,9 @@ export default defineComponent({
             visibleAnimate: false,
             isActivated: false
         });
+        const internalData = {
+            hpTimeout: undefined
+        };
         const refMaps = {
             refElem
         };
@@ -162,9 +168,9 @@ export default defineComponent({
         const computeSelectLabel = computed(() => {
             const { modelValue } = props;
             const { fullNodeMaps } = reactData;
+            const labelField = computeLabelField.value;
             return (XEUtils.isArray(modelValue) ? modelValue : [modelValue]).map(value => {
                 const cacheItem = fullNodeMaps[value];
-                const labelField = computeLabelField.value;
                 return cacheItem ? cacheItem.item[labelField] : value;
             }).join(', ');
         });
@@ -174,6 +180,7 @@ export default defineComponent({
             props,
             context,
             reactData,
+            internalData,
             getRefMaps: () => refMaps,
             getComputeMaps: () => computeMaps
         };
@@ -198,7 +205,7 @@ export default defineComponent({
             const valueField = computeValueField.value;
             const childrenField = computeChildrenField.value;
             const nodeMaps = {};
-            XEUtils.eachTree(options, (item, index, items, parent, nodes) => {
+            XEUtils.eachTree(options, (item, index, items, path, parent, nodes) => {
                 let nodeid = getOptid(item);
                 if (!nodeid) {
                     nodeid = getOptUniqueId();
@@ -288,12 +295,11 @@ export default defineComponent({
                 }
             });
         };
-        let hidePanelTimeout;
         const showOptionPanel = () => {
             const { loading } = props;
             const isDisabled = computeIsDisabled.value;
             if (!loading && !isDisabled) {
-                clearTimeout(hidePanelTimeout);
+                clearTimeout(internalData.hpTimeout);
                 if (!reactData.initialized) {
                     reactData.initialized = true;
                 }
@@ -308,15 +314,15 @@ export default defineComponent({
         };
         const hideOptionPanel = () => {
             reactData.visiblePanel = false;
-            hidePanelTimeout = window.setTimeout(() => {
+            internalData.hpTimeout = window.setTimeout(() => {
                 reactData.visibleAnimate = false;
             }, 350);
         };
         const changeEvent = (evnt, selectValue) => {
             const { fullNodeMaps } = reactData;
+            emit('update:modelValue', selectValue);
             if (selectValue !== props.modelValue) {
                 const cacheItem = fullNodeMaps[selectValue];
-                emit('update:modelValue', selectValue);
                 treeSelectMethods.dispatchEvent('change', { value: selectValue, option: cacheItem ? cacheItem.item : null }, evnt);
                 // 自动更新校验状态
                 if ($xeForm && formItemInfo) {
@@ -554,7 +560,6 @@ export default defineComponent({
                 ])
             ]);
         };
-        $xeTreeSelect.renderVN = renderVN;
         watch(() => props.options, () => {
             cacheItemMap();
         });
@@ -569,6 +574,8 @@ export default defineComponent({
             globalEvents.off($xeTreeSelect, 'mousedown');
             globalEvents.off($xeTreeSelect, 'blur');
         });
+        provide('$xeTreeSelect', $xeTreeSelect);
+        $xeTreeSelect.renderVN = renderVN;
         return $xeTreeSelect;
     },
     render() {

package/es/ui/index.js

@@ -2,7 +2,7 @@ import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
 import { dynamicApp } from '../dynamics';
 import { getFuncText } from './src/utils';
 import { warnLog } from './src/log';
-export const version = "4.1.20";
+export const version = "4.1.21";
 VxeUI.version = version;
 VxeUI.uiVersion = version;
 VxeUI.tableVersion = '';
@@ -23,12 +23,6 @@ export function setup(options) {
 }
 VxeUI.config = config;
 VxeUI.setup = setup;
-/**
- * 已废弃
- * @deprecated
- */
-export const globalStore = {};
-VxeUI.globalStore = globalStore;
 setConfig({
     alert: {},
     anchor: {},

package/es/ui/src/log.js

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

package/es/upload/src/upload.js

@@ -337,7 +337,7 @@ export default defineComponent({
         const dispatchEvent = (type, params, evnt) => {
             emit(type, createEvent(evnt, { $upload: $xeUpload }, params));
         };
-        const emitModel = (value) => {
+        const handleChange = (value) => {
             const { singleMode, urlMode } = props;
             const urlProp = computeUrlProp.value;
             let restList = value ? value.slice(0) : [];
@@ -492,7 +492,7 @@ export default defineComponent({
                 cacheItem.percent = 0;
                 handleUploadResult(item, file).then(() => {
                     if (urlMode) {
-                        emitModel(reactData.fileList);
+                        handleChange(reactData.fileList);
                     }
                 });
             }
@@ -598,7 +598,7 @@ export default defineComponent({
             reactData.fileList = newFileList;
             reactData.fileCacheMaps = cacheMaps;
             Promise.all(urlMode ? uploadPromiseRests : []).then(() => {
-                emitModel(newFileList);
+                handleChange(newFileList);
                 // 自动更新校验状态
                 if ($xeForm && formItemInfo) {
                     $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, newFileList);
@@ -632,7 +632,7 @@ export default defineComponent({
         const handleRemoveEvent = (evnt, item, index) => {
             const { fileList } = reactData;
             fileList.splice(index, 1);
-            emitModel(fileList);
+            handleChange(fileList);
             // 自动更新校验状态
             if ($xeForm && formItemInfo) {
                 $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, fileList);
@@ -1192,7 +1192,6 @@ export default defineComponent({
                     : createCommentVNode()
             ]);
         };
-        $xeUpload.renderVN = renderVN;
         const listFlag = ref(0);
         watch(() => props.modelValue ? props.modelValue.length : 0, () => {
             listFlag.value++;
@@ -1214,6 +1213,7 @@ export default defineComponent({
             reactData.isDrag = false;
         });
         updateFileList();
+        $xeUpload.renderVN = renderVN;
         return $xeUpload;
     },
     render() {

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

@@ -97,8 +97,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
         class: 'vxe-anchor-link--sub-items'
       }, subSlot({})) : (0, _vue.createCommentVNode)()]);
     };
-    $xeAnchorLink.renderVN = renderVN;
     (0, _vue.provide)('$xeAnchorLink', $xeAnchorLink);
+    $xeAnchorLink.renderVN = renderVN;
     return $xeAnchorLink;
   },
   render() {

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 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)()])},(0,_vue.provide)("$xeAnchorLink",n),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")),_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()}});

package/lib/anchor/src/anchor.js

@@ -217,8 +217,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
     (0, _vue.onBeforeUnmount)(() => {
       removeContainerElemScroll();
     });
-    $xeAnchor.renderVN = renderVN;
     (0, _vue.provide)('$xeAnchor', $xeAnchor);
+    $xeAnchor.renderVN = renderVN;
     return $xeAnchor;
   },
   render() {

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()}),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)()])},(0,_vue.provide)("$xeAnchor",v),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")),_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()}});

package/lib/breadcrumb/src/breadcrumb.js

@@ -75,8 +75,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
         class: 'vxe-breadcrumb'
       }, defaultSlot ? defaultSlot({}) : renderItems());
     };
-    $xeBreadcrumb.renderVN = renderVN;
     (0, _vue.provide)('$xeBreadcrumb', $xeBreadcrumb);
+    $xeBreadcrumb.renderVN = renderVN;
     return $xeBreadcrumb;
   },
   render() {

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_breadcrumbItem=_interopRequireDefault(require("./breadcrumb-item"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeBreadcrumb",props:{separator:{type:String,default:()=>(0,_ui.getConfig)().breadcrumb.separator},options:Array},emits:["click"],setup(r,e){const{emit:u,slots:t}=e;var i=_xeUtils.default.uniqueId();const a=(0,_vue.ref)();var n=(0,_vue.reactive)({});const o={refElem:a},s={},d={xID:i,props:r,context:e,reactData:n,getRefMaps:()=>o,getComputeMaps:()=>s},c={dispatchEvent(e,r,t){u(e,(0,_ui.createEvent)(t,{$breadcrumb:d},r))}};Object.assign(d,c,{handleClickLink(e,r){c.dispatchEvent("click",{option:r},e)}});return d.renderVN=()=>{var e=t.default;return(0,_vue.h)("div",{ref:a,class:"vxe-breadcrumb"},e?e({}):(e=r.options)&&e.length?e.map(e=>(0,_vue.h)(_breadcrumbItem.default,{title:e.title,routerLink:e.routerLink})):[])},(0,_vue.provide)("$xeBreadcrumb",d),d},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")),_breadcrumbItem=_interopRequireDefault(require("./breadcrumb-item"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeBreadcrumb",props:{separator:{type:String,default:()=>(0,_ui.getConfig)().breadcrumb.separator},options:Array},emits:["click"],setup(r,e){const{emit:u,slots:t}=e;var i=_xeUtils.default.uniqueId();const a=(0,_vue.ref)();var n=(0,_vue.reactive)({});const o={refElem:a},s={},d={xID:i,props:r,context:e,reactData:n,getRefMaps:()=>o,getComputeMaps:()=>s},c={dispatchEvent(e,r,t){u(e,(0,_ui.createEvent)(t,{$breadcrumb:d},r))}};Object.assign(d,c,{handleClickLink(e,r){c.dispatchEvent("click",{option:r},e)}});return(0,_vue.provide)("$xeBreadcrumb",d),d.renderVN=()=>{var e=t.default;return(0,_vue.h)("div",{ref:a,class:"vxe-breadcrumb"},e?e({}):(e=r.options)&&e.length?e.map(e=>(0,_vue.h)(_breadcrumbItem.default,{title:e.title,routerLink:e.routerLink})):[])},d},render(){return this.renderVN()}});

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

@@ -87,6 +87,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
     };
     $xeButtonGroup.renderVN = renderVN;
     (0, _vue.provide)('$xeButtonGroup', $xeButtonGroup);
-    return renderVN;
+    return $xeButtonGroup;
+  },
+  render() {
+    return this.renderVN();
   }
 });

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,circle:Boolean,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:r,emit:u}=e;var t=_xeUtils.default.uniqueId();const o={},i={xID:t,props:n,context:e,getComputeMaps:()=>o},s=((0,_core.useSize)(n),(0,_core.usePermission)(n))["computePermissionInfo"],a={dispatchEvent(e,t,o){u(e,(0,_core.createEvent)(o,{$buttonGroup:i},t))}};Object.assign(i,a,{handleClick(e,t){var o=n["options"];const u=e["name"];o=o?o.find(e=>e.name===u):null;a.dispatchEvent("click",Object.assign(Object.assign({},e),{option:o}),t)}});t=()=>{var{className:e,options:t}=n,o=s.value,u=r.default;return o.visible?(0,_vue.h)("div",{class:["vxe-button-group",e?_xeUtils.default.isFunction(e)?e({$buttonGroup:i}):e:""]},u?u({}):t?t.map((e,t)=>(0,_vue.h)(_button.default,Object.assign({key:t},e))):[]):(0,_vue.createCommentVNode)()};return i.renderVN=t,(0,_vue.provide)("$xeButtonGroup",i),t}});
+"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,circle:Boolean,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:r}=e;var t=_xeUtils.default.uniqueId();const o={},i={xID:t,props:n,context:e,getComputeMaps:()=>o},s=((0,_core.useSize)(n),(0,_core.usePermission)(n))["computePermissionInfo"],a={dispatchEvent(e,t,o){r(e,(0,_core.createEvent)(o,{$buttonGroup:i},t))}};Object.assign(i,a,{handleClick(e,t){var o=n["options"];const r=e["name"];o=o?o.find(e=>e.name===r):null;a.dispatchEvent("click",Object.assign(Object.assign({},e),{option:o}),t)}});return i.renderVN=()=>{var{className:e,options:t}=n,o=s.value,r=u.default;return o.visible?(0,_vue.h)("div",{class:["vxe-button-group",e?_xeUtils.default.isFunction(e)?e({$buttonGroup:i}):e:""]},r?r({}):t?t.map((e,t)=>(0,_vue.h)(_button.default,Object.assign({key:t},e))):[]):(0,_vue.createCommentVNode)()},(0,_vue.provide)("$xeButtonGroup",i),i},render(){return this.renderVN()}});