vxe-pc-ui 4.1.19 → 4.1.21

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,
@@ -54,6 +57,7 @@ export default defineComponent({
     setup(props, context) {
         const { emit, slots } = context;
         const $xeModal = inject('$xeModal', null);
+        const $xeDrawer = inject('$xeDrawer', null);
         const $xeTable = inject('$xeTable', null);
         const $xeForm = inject('$xeForm', null);
         const formItemInfo = inject('xeFormItemInfo', null);
@@ -76,6 +80,9 @@ export default defineComponent({
             visibleAnimate: false,
             isActivated: false
         });
+        const internalData = {
+            hpTimeout: undefined
+        };
         const refMaps = {
             refElem
         };
@@ -106,7 +113,7 @@ export default defineComponent({
                 if (XEUtils.isBoolean(globalTransfer)) {
                     return globalTransfer;
                 }
-                if ($xeTable || $xeModal || $xeForm) {
+                if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
                     return true;
                 }
             }
@@ -161,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(', ');
         });
@@ -173,6 +180,7 @@ export default defineComponent({
             props,
             context,
             reactData,
+            internalData,
             getRefMaps: () => refMaps,
             getComputeMaps: () => computeMaps
         };
@@ -197,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();
@@ -287,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;
                 }
@@ -307,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) {
@@ -553,7 +560,6 @@ export default defineComponent({
                 ])
             ]);
         };
-        $xeTreeSelect.renderVN = renderVN;
         watch(() => props.options, () => {
             cacheItemMap();
         });
@@ -568,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.19";
+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.19"}`;
+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()}});

package/lib/button/src/button.js

@@ -100,6 +100,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       emit
     } = context;
     const $xeModal = (0, _vue.inject)('$xeModal', null);
+    const $xeDrawer = (0, _vue.inject)('$xeDrawer', null);
     const $xeTable = (0, _vue.inject)('$xeTable', null);
     const $xeForm = (0, _vue.inject)('$xeForm', null);
     const $xeButtonGroup = (0, _vue.inject)('$xeButtonGroup', null);
@@ -146,7 +147,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         if (_xeUtils.default.isBoolean(globalTransfer)) {
           return globalTransfer;
         }
-        if ($xeTable || $xeModal || $xeForm) {
+        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
           return true;
         }
       }

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");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(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,destroyOnClose:{type:Boolean,default:()=>(0,_ui.getConfig)().button.destroyOnClose},transfer:{type:Boolean,default:null}},emits:["click","mouseenter","mouseleave","dropdown-click"],setup(k,e){const{slots:N,emit:i}=e,n=(0,_vue.inject)("$xeModal",null),o=(0,_vue.inject)("$xeTable",null),u=(0,_vue.inject)("$xeForm",null),a=(0,_vue.inject)("$xeButtonGroup",null);var t=_xeUtils.default.uniqueId();const P=(0,_ui.useSize)(k)["computeSize"],C=(0,_ui.usePermission)(k)["computePermissionInfo"],w=(0,_vue.reactive)({initialized:!1,visiblePanel:!1,visibleAnimate:!1,isActivated:!1,panelIndex:0,panelStyle:{},panelPlacement:""}),l={showTime:null},O=(0,_vue.ref)(),S=(0,_vue.ref)(),z=(0,_vue.ref)(),s={refElem:O},E={xID:t,props:k,context:e,reactData:w,internalData:l,getRefMaps:()=>s};const I=(0,_vue.computed)(()=>{var e=k["transfer"];if(null===e){var t=(0,_ui.getConfig)().button.transfer;if(_xeUtils.default.isBoolean(t))return t;if(o||n||u)return!0}return e}),M=(0,_vue.computed)(()=>{var e=k["disabled"],t=C.value;return e||t.disabled}),A=(0,_vue.computed)(()=>{var e=k["type"];return!!e&&-1<["submit","reset","button"].indexOf(e)}),U=(0,_vue.computed)(()=>{var{type:e,mode:t}=k;return"text"===t||"text"===e||a&&"text"===a.props.mode?"text":"button"}),$=(0,_vue.computed)(()=>{var e=k["status"];return e||(a?a.props.status:"")}),B=(0,_vue.computed)(()=>{var e=k["round"];return e||!!a&&a.props.round}),j=(0,_vue.computed)(()=>{var e=k["circle"];return e||!!a&&a.props.circle}),r=()=>{w.panelIndex<(0,_utils.getLastZIndex)()&&(w.panelIndex=(0,_utils.nextZIndex)())},v=()=>(0,_vue.nextTick)().then(()=>{var i=k["placement"],o=w["panelIndex"],u=S.value,a=z.value,e=I.value;if(a&&u){var l=u.offsetHeight,s=u.offsetWidth,r=a.offsetHeight,a=a.offsetWidth,o={zIndex:o},{top:u,left:v,boundingTop:d,visibleHeight:c,visibleWidth:p}=(0,_dom.getAbsolutePos)(u);let n="bottom";if(e){let e=v+s-a,t=u+l;"top"===i?(n="top",t=u-r):i||(c<d+l+r+5&&(n="top",t=u-r),t<5&&(n="bottom",t=u+l)),e+a+5>p&&(e-=e+a+5-p),e<5&&(e=5),Object.assign(o,{left:e+"px",right:"auto",top:t+"px",minWidth:s+"px"})}else"top"===i?(n="top",o.bottom=l+"px"):i||c<d+l+r&&5<d-l-r&&(n="top",o.bottom=l+"px");return w.panelStyle=o,w.panelPlacement=n,(0,_vue.nextTick)()}}),D=e=>{a?a.handleClick({name:k.name},e):p("click",{$event:e},e)},R=e=>{0===e.button&&e.stopPropagation()},V=e=>{var t=e.currentTarget;const n=z.value;var{flag:t,targetElem:i}=(0,_dom.getEventTargetNode)(e,t,"vxe-button");t&&(n&&(n.dataset.active="N"),w.visiblePanel=!1,setTimeout(()=>{n&&"Y"===n.dataset.active||(w.visibleAnimate=!1)},350),p("dropdown-click",{name:i.getAttribute("name"),$event:e},e))},F=()=>{const e=z.value;e&&(e.dataset.active="Y",w.visibleAnimate=!0,setTimeout(()=>{"Y"===e.dataset.active&&(w.visiblePanel=!0,r(),v(),setTimeout(()=>{w.visiblePanel&&v()},50))},20))},H=e=>{d(),q(e)},G=e=>{c(),Y(e)},q=e=>{p("mouseenter",{},e)},Y=e=>{p("mouseleave",{},e)},W=e=>{var t=k["trigger"];"click"===t&&(w.visiblePanel?c:d)(),D(e)},d=()=>{var e=k["trigger"];const t=z.value;return t&&(t.dataset.active="Y",w.initialized||(w.initialized=!0),l.showTime=setTimeout(()=>{"Y"===t.dataset.active?F():w.visibleAnimate=!1},"click"===e?50:250)),(0,_vue.nextTick)()},c=()=>{const e=z.value;return clearTimeout(l.showTime),e?(e.dataset.active="N",setTimeout(()=>{"Y"!==e.dataset.active&&(w.visiblePanel=!1,setTimeout(()=>{"Y"!==e.dataset.active&&(w.visibleAnimate=!1)},350))},100)):(w.visibleAnimate=!1,w.visiblePanel=!1),(0,_vue.nextTick)()},Z=()=>{c()},L=()=>{var{content:e,icon:t,loading:n}=k,i=N.icon,o=N.default,u=[];return n?u.push((0,_vue.h)("i",{class:["vxe-button--loading-icon",(0,_ui.getIcon)().BUTTON_LOADING]})):i?u.push((0,_vue.h)("span",{class:"vxe-button--custom-icon"},i({}))):t&&u.push((0,_vue.h)("i",{class:["vxe-button--icon",t]})),o?u.push((0,_vue.h)("span",{class:"vxe-button--content"},o({}))):e&&u.push((0,_vue.h)("span",{class:"vxe-button--content"},(0,_utils.getFuncText)(e))),u},p=(e,t,n)=>{i(e,(0,_ui.createEvent)(n,{$button:E},t))},b=(t={dispatchEvent:p,openPanel:d,closePanel:c,focus(){var e=S.value;return e&&e.focus(),(0,_vue.nextTick)()},blur(){var e=S.value;return e&&e.blur(),(0,_vue.nextTick)()}},e=>{var t=z.value;w.visiblePanel&&!(0,_dom.getEventTargetNode)(e,t).flag&&c()}),m=e=>{var t,n=M.value,i=w["visiblePanel"];n||(n=O.value,t=z.value,w.isActivated=(0,_dom.getEventTargetNode)(e,n).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!w.isActivated&&c())};Object.assign(E,t);return E.renderVN=()=>{var e,{className:t,popupClassName:n,align:i,trigger:o,title:u,routerLink:a,type:l,destroyOnClose:s,name:r,loading:v}=k,{initialized:d,visiblePanel:c}=w,p=A.value,b=U.value,m=$.value,_=B.value,g=j.value,f=I.value,x=M.value,h=C.value,T=P.value,y=N.dropdowns;return h.visible?y?(h={},e={},"hover"===o&&(h.onMouseenter=H,h.onMouseleave=G,e.onMouseenter=F,e.onMouseleave=Z),(0,_vue.h)("div",{ref:O,class:["vxe-button--dropdown",t?_xeUtils.default.isFunction(t)?t({$button:E}):t:"",{["size--"+T]:T,"is--active":c}]},[a?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),Object.assign({ref:S,class:["vxe-button","vxe-button--link","type--"+b,i?"align--"+i:"",t?_xeUtils.default.isFunction(t)?t({$button:E}):t:"",{["size--"+T]:T,["theme--"+m]:m,"is--round":_,"is--circle":g,"is--disabled":x||v,"is--loading":v}],title:u,name:r,type:p?l:"button",disabled:x||v,to:a,onClick:W},h),{default(){return L().concat([(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})])}}):(0,_vue.h)("button",Object.assign({ref:S,class:["vxe-button","type--"+b,i?"align--"+i:"",t?_xeUtils.default.isFunction(t)?t({$button:E}):t:"",{["size--"+T]:T,["theme--"+m]:m,"is--round":_,"is--circle":g,"is--disabled":x||v,"is--loading":v}],title:u,name:r,type:p?l:"button",disabled:x||v,onClick:W},h),L().concat([(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})])),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!f||!d},[(0,_vue.h)("div",Object.assign({ref:z,class:["vxe-button--dropdown-panel",n?_xeUtils.default.isFunction(n)?n({$button:E}):n:"",{["size--"+T]:T,"ani--leave":w.visibleAnimate,"ani--enter":c}],placement:w.panelPlacement,style:w.panelStyle},e),d?[(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper",onMousedown:R,onClick:V},s&&!c?[]:y({}))]:[])])])):a?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{ref:S,class:["vxe-button","vxe-button--link","type--"+b,i?"align--"+i:"",t?_xeUtils.default.isFunction(t)?t({$button:E}):t:"",{["size--"+T]:T,["theme--"+m]:m,"is--round":_,"is--circle":g,"is--disabled":x||v,"is--loading":v}],title:u,name:r,type:p?l:"button",disabled:x||v,to:a,onClick:D,onMouseenter:q,onMouseleave:Y},{default(){return L()}}):(0,_vue.h)("button",{ref:S,class:["vxe-button","type--"+b,i?"align--"+i:"",t?_xeUtils.default.isFunction(t)?t({$button:E}):t:"",{["size--"+T]:T,["theme--"+m]:m,"is--round":_,"is--circle":g,"is--disabled":x||v,"is--loading":v}],title:u,name:r,type:p?l:"button",disabled:x||v,onClick:D,onMouseenter:q,onMouseleave:Y},L()):(0,_vue.createCommentVNode)()},(0,_vue.onMounted)(()=>{"development"===process.env.NODE_ENV&&"text"===k.type&&(0,_log.warnLog)("vxe.error.delProp",["type=text","mode=text"]),_ui.globalEvents.on(E,"mousewheel",b),_ui.globalEvents.on(E,"mousedown",m)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(E,"mousewheel"),_ui.globalEvents.off(E,"mousedown")}),E},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"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(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,destroyOnClose:{type:Boolean,default:()=>(0,_ui.getConfig)().button.destroyOnClose},transfer:{type:Boolean,default:null}},emits:["click","mouseenter","mouseleave","dropdown-click"],setup(k,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)(k)["computeSize"],w=(0,_ui.usePermission)(k)["computePermissionInfo"],C=(0,_vue.reactive)({initialized:!1,visiblePanel:!1,visibleAnimate:!1,isActivated:!1,panelIndex:0,panelStyle:{},panelPlacement:""}),s={showTime:null},O=(0,_vue.ref)(),S=(0,_vue.ref)(),z=(0,_vue.ref)(),r={refElem:O},E={xID:t,props:k,context:e,reactData:C,internalData:s,getRefMaps:()=>r};const I=(0,_vue.computed)(()=>{var e=k["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}),M=(0,_vue.computed)(()=>{var e=k["disabled"],t=w.value;return e||t.disabled}),$=(0,_vue.computed)(()=>{var e=k["type"];return!!e&&-1<["submit","reset","button"].indexOf(e)}),A=(0,_vue.computed)(()=>{var{type:e,mode:t}=k;return"text"===t||"text"===e||l&&"text"===l.props.mode?"text":"button"}),U=(0,_vue.computed)(()=>{var e=k["status"];return e||(l?l.props.status:"")}),j=(0,_vue.computed)(()=>{var e=k["round"];return e||!!l&&l.props.round}),B=(0,_vue.computed)(()=>{var e=k["circle"];return e||!!l&&l.props.circle}),b=()=>{C.panelIndex<(0,_utils.getLastZIndex)()&&(C.panelIndex=(0,_utils.nextZIndex)())},v=()=>(0,_vue.nextTick)().then(()=>{var i=k["placement"],o=C["panelIndex"],u=S.value,a=z.value,e=I.value;if(a&&u){var l=u.offsetHeight,s=u.offsetWidth,r=a.offsetHeight,a=a.offsetWidth,o={zIndex:o},{top:u,left:v,boundingTop:d,visibleHeight:c,visibleWidth:p}=(0,_dom.getAbsolutePos)(u);let n="bottom";if(e){let e=v+s-a,t=u+l;"top"===i?(n="top",t=u-r):i||(c<d+l+r+5&&(n="top",t=u-r),t<5&&(n="bottom",t=u+l)),e+a+5>p&&(e-=e+a+5-p),e<5&&(e=5),Object.assign(o,{left:e+"px",right:"auto",top:t+"px",minWidth:s+"px"})}else"top"===i?(n="top",o.bottom=l+"px"):i||c<d+l+r&&5<d-l-r&&(n="top",o.bottom=l+"px");return C.panelStyle=o,C.panelPlacement=n,(0,_vue.nextTick)()}}),D=e=>{l?l.handleClick({name:k.name},e):p("click",{$event:e},e)},R=e=>{0===e.button&&e.stopPropagation()},V=e=>{var t=e.currentTarget;const n=z.value;var{flag:t,targetElem:i}=(0,_dom.getEventTargetNode)(e,t,"vxe-button");t&&(n&&(n.dataset.active="N"),C.visiblePanel=!1,setTimeout(()=>{n&&"Y"===n.dataset.active||(C.visibleAnimate=!1)},350),p("dropdown-click",{name:i.getAttribute("name"),$event:e},e))},F=()=>{const e=z.value;e&&(e.dataset.active="Y",C.visibleAnimate=!0,setTimeout(()=>{"Y"===e.dataset.active&&(C.visiblePanel=!0,b(),v(),setTimeout(()=>{C.visiblePanel&&v()},50))},20))},H=e=>{d(),q(e)},G=e=>{c(),Y(e)},q=e=>{p("mouseenter",{},e)},Y=e=>{p("mouseleave",{},e)},W=e=>{var t=k["trigger"];"click"===t&&(C.visiblePanel?c:d)(),D(e)},d=()=>{var e=k["trigger"];const t=z.value;return t&&(t.dataset.active="Y",C.initialized||(C.initialized=!0),s.showTime=setTimeout(()=>{"Y"===t.dataset.active?F():C.visibleAnimate=!1},"click"===e?50:250)),(0,_vue.nextTick)()},c=()=>{const e=z.value;return clearTimeout(s.showTime),e?(e.dataset.active="N",setTimeout(()=>{"Y"!==e.dataset.active&&(C.visiblePanel=!1,setTimeout(()=>{"Y"!==e.dataset.active&&(C.visibleAnimate=!1)},350))},100)):(C.visibleAnimate=!1,C.visiblePanel=!1),(0,_vue.nextTick)()},Z=()=>{c()},L=()=>{var{content:e,icon:t,loading:n}=k,i=N.icon,o=N.default,u=[];return n?u.push((0,_vue.h)("i",{class:["vxe-button--loading-icon",(0,_ui.getIcon)().BUTTON_LOADING]})):i?u.push((0,_vue.h)("span",{class:"vxe-button--custom-icon"},i({}))):t&&u.push((0,_vue.h)("i",{class:["vxe-button--icon",t]})),o?u.push((0,_vue.h)("span",{class:"vxe-button--content"},o({}))):e&&u.push((0,_vue.h)("span",{class:"vxe-button--content"},(0,_utils.getFuncText)(e))),u},p=(e,t,n)=>{i(e,(0,_ui.createEvent)(n,{$button:E},t))},m=(t={dispatchEvent:p,openPanel:d,closePanel:c,focus(){var e=S.value;return e&&e.focus(),(0,_vue.nextTick)()},blur(){var e=S.value;return e&&e.blur(),(0,_vue.nextTick)()}},e=>{var t=z.value;C.visiblePanel&&!(0,_dom.getEventTargetNode)(e,t).flag&&c()}),_=e=>{var t,n=M.value,i=C["visiblePanel"];n||(n=O.value,t=z.value,C.isActivated=(0,_dom.getEventTargetNode)(e,n).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!C.isActivated&&c())};Object.assign(E,t);return E.renderVN=()=>{var e,{className:t,popupClassName:n,align:i,trigger:o,title:u,routerLink:a,type:l,destroyOnClose:s,name:r,loading:v}=k,{initialized:d,visiblePanel:c}=C,p=$.value,b=A.value,m=U.value,_=j.value,g=B.value,f=I.value,x=M.value,h=w.value,T=P.value,y=N.dropdowns;return h.visible?y?(h={},e={},"hover"===o&&(h.onMouseenter=H,h.onMouseleave=G,e.onMouseenter=F,e.onMouseleave=Z),(0,_vue.h)("div",{ref:O,class:["vxe-button--dropdown",t?_xeUtils.default.isFunction(t)?t({$button:E}):t:"",{["size--"+T]:T,"is--active":c}]},[a?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),Object.assign({ref:S,class:["vxe-button","vxe-button--link","type--"+b,i?"align--"+i:"",t?_xeUtils.default.isFunction(t)?t({$button:E}):t:"",{["size--"+T]:T,["theme--"+m]:m,"is--round":_,"is--circle":g,"is--disabled":x||v,"is--loading":v}],title:u,name:r,type:p?l:"button",disabled:x||v,to:a,onClick:W},h),{default(){return L().concat([(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})])}}):(0,_vue.h)("button",Object.assign({ref:S,class:["vxe-button","type--"+b,i?"align--"+i:"",t?_xeUtils.default.isFunction(t)?t({$button:E}):t:"",{["size--"+T]:T,["theme--"+m]:m,"is--round":_,"is--circle":g,"is--disabled":x||v,"is--loading":v}],title:u,name:r,type:p?l:"button",disabled:x||v,onClick:W},h),L().concat([(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})])),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!f||!d},[(0,_vue.h)("div",Object.assign({ref:z,class:["vxe-button--dropdown-panel",n?_xeUtils.default.isFunction(n)?n({$button:E}):n:"",{["size--"+T]:T,"ani--leave":C.visibleAnimate,"ani--enter":c}],placement:C.panelPlacement,style:C.panelStyle},e),d?[(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper",onMousedown:R,onClick:V},s&&!c?[]:y({}))]:[])])])):a?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{ref:S,class:["vxe-button","vxe-button--link","type--"+b,i?"align--"+i:"",t?_xeUtils.default.isFunction(t)?t({$button:E}):t:"",{["size--"+T]:T,["theme--"+m]:m,"is--round":_,"is--circle":g,"is--disabled":x||v,"is--loading":v}],title:u,name:r,type:p?l:"button",disabled:x||v,to:a,onClick:D,onMouseenter:q,onMouseleave:Y},{default(){return L()}}):(0,_vue.h)("button",{ref:S,class:["vxe-button","type--"+b,i?"align--"+i:"",t?_xeUtils.default.isFunction(t)?t({$button:E}):t:"",{["size--"+T]:T,["theme--"+m]:m,"is--round":_,"is--circle":g,"is--disabled":x||v,"is--loading":v}],title:u,name:r,type:p?l:"button",disabled:x||v,onClick:D,onMouseenter:q,onMouseleave:Y},L()):(0,_vue.createCommentVNode)()},(0,_vue.onMounted)(()=>{"development"===process.env.NODE_ENV&&"text"===k.type&&(0,_log.warnLog)("vxe.error.delProp",["type=text","mode=text"]),_ui.globalEvents.on(E,"mousewheel",m),_ui.globalEvents.on(E,"mousedown",_)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(E,"mousewheel"),_ui.globalEvents.off(E,"mousedown")}),E},render(){return this.renderVN()}});

package/lib/calendar/src/calendar.js

@@ -65,9 +65,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const {
       computeSize
     } = (0, _ui.useSize)(props);
-    const yearSize = 12;
-    const monthSize = 20;
-    const quarterSize = 8;
     const reactData = (0, _vue.reactive)({
       selectValue: props.modelValue,
       inputValue: props.modelValue,
@@ -77,7 +74,24 @@ var _default = exports.default = (0, _vue.defineComponent)({
       selectMonth: null,
       currentDate: null
     });
+    const internalData = {
+      yearSize: 12,
+      monthSize: 20,
+      quarterSize: 8
+    };
     const refElem = (0, _vue.ref)();
+    const refMaps = {
+      refElem
+    };
+    const $xeCalendar = {
+      xID,
+      props,
+      context,
+      reactData,
+      internalData,
+      getRefMaps: () => refMaps
+    };
+    let calendarMethods = {};
     const computeCalendarStyle = (0, _vue.computed)(() => {
       const {
         height,
@@ -92,20 +106,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }
       return stys;
     });
-    const refMaps = {
-      refElem
-    };
-    const $xeCalendar = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps
-    };
-    let calendarMethods = {};
-    const parseDate = (value, format) => {
-      return _xeUtils.default.toStringDate(value, format);
-    };
     const computeIsDisabled = (0, _vue.computed)(() => {
       return false;
     });
@@ -215,6 +215,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         selectMonth,
         currentDate
       } = reactData;
+      const {
+        yearSize
+      } = internalData;
       const years = [];
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear();
@@ -315,6 +318,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         selectMonth,
         currentDate
       } = reactData;
+      const {
+        quarterSize
+      } = internalData;
       const quarters = [];
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear();
@@ -347,6 +353,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         selectMonth,
         currentDate
       } = reactData;
+      const {
+        monthSize
+      } = internalData;
       const months = [];
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear();
@@ -429,7 +438,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
         return [item].concat(list);
       });
     });
-    const emitModel = (value, evnt) => {
+    const parseDate = (value, format) => {
+      return _xeUtils.default.toStringDate(value, format);
+    };
+    const handleChange = (value, evnt) => {
       reactData.inputValue = value;
       emit('update:modelValue', value);
       if (_xeUtils.default.toValueString(props.modelValue) !== value) {
@@ -522,18 +534,18 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const dateMultipleValue = computeDateMultipleValue.value;
         // 如果是日期类型
         if (dateMultipleValue.some(val => _xeUtils.default.isEqual(val, inpVal))) {
-          emitModel(dateMultipleValue.filter(val => !_xeUtils.default.isEqual(val, inpVal)).join(','), {
+          handleChange(dateMultipleValue.filter(val => !_xeUtils.default.isEqual(val, inpVal)).join(','), {
             type: 'update'
           });
         } else {
-          emitModel(dateMultipleValue.concat([inpVal]).join(','), {
+          handleChange(dateMultipleValue.concat([inpVal]).join(','), {
             type: 'update'
           });
         }
       } else {
         // 如果为单选
         if (!_xeUtils.default.isEqual(modelValue, inpVal)) {
-          emitModel(inpVal, {
+          handleChange(inpVal, {
             type: 'update'
           });
         }
@@ -566,6 +578,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         datePanelType,
         selectMonth
       } = reactData;
+      const {
+        yearSize
+      } = internalData;
       const isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value;
       if (!isDisabledPrevDateBtn) {
         if (type === 'year') {
@@ -607,6 +622,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         datePanelType,
         selectMonth
       } = reactData;
+      const {
+        yearSize
+      } = internalData;
       const isDisabledNextDateBtn = computeIsDisabledNextDateBtn.value;
       if (!isDisabledNextDateBtn) {
         if (type === 'year') {
@@ -788,10 +806,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
           class: ['vxe-calendar--date-label', {
             'is-notice': festivalItem.notice
           }]
-        }, extraItem && extraItem.label ? [(0, _vue.h)('span', label), (0, _vue.h)('span', {
+        }, extraItem && extraItem.label ? [(0, _vue.h)('span', `${label || ''}`), (0, _vue.h)('span', {
           class: ['vxe-calendar--date-label--extra', extraItem.important ? 'is-important' : '', extraItem.className],
           style: extraItem.style
-        }, _xeUtils.default.toValueString(extraItem.label))] : label)];
+        }, _xeUtils.default.toValueString(extraItem.label))] : [`${label || ''}`])];
         const festivalLabel = festivalItem.label;
         if (festivalLabel) {
           // 默认最多支持3个节日重叠
@@ -807,7 +825,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
         return labels;
       }
-      return label;
+      return `${label || ''}`;
     };
     const renderDateDayTable = () => {
       const {

package/lib/calendar/src/calendar.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_util=require("../../date-picker/src/util"),_dom=require("../..//ui/src/dom"),_button=_interopRequireDefault(require("../../button/src/button")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCalendar",props:{modelValue:[String,Number,Date],type:{type:String,default:"date"},className:String,size:{type:String,default:()=>(0,_ui.getConfig)().calendar.size||(0,_ui.getConfig)().size},multiple:Boolean,width:[String,Number],height:[String,Number],minDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().calendar.minDate},maxDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().calendar.maxDate},startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().calendar.startDay},labelFormat:String,valueFormat:String,festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().calendar.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().calendar.disabledMethod},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().calendar.selectDay}},emits:["update:modelValue","change","click","date-prev","date-today","date-next"],setup(T,e){const l=e["emit"];var P=_xeUtils.default.uniqueId();const S=(0,_ui.useSize)(T)["computeSize"],n=12,F=(0,_vue.reactive)({selectValue:T.modelValue,inputValue:T.modelValue,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),r=(0,_vue.ref)(),N=(0,_vue.computed)(()=>{var{height:e,width:t}=T,a={};return t&&(a.width=(0,_dom.toCssUnit)(t)),e&&(a.height=(0,_dom.toCssUnit)(e)),a}),V={refElem:r},u={xID:P,props:T,context:e,reactData:F,getRefMaps:()=>V};let i;const s=(e,t)=>_xeUtils.default.toStringDate(e,t),q=(0,_vue.computed)(()=>!1),d=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(T.type)),C=(0,_vue.computed)(()=>T.minDate?_xeUtils.default.toStringDate(T.minDate):null),Y=(0,_vue.computed)(()=>T.maxDate?_xeUtils.default.toStringDate(T.maxDate):null),k=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(T.type)),I=(0,_vue.computed)(()=>{var e=T["multiple"],t=F["selectValue"],a=d.value;const l=v.value;return e&&t&&a?_xeUtils.default.toValueString(t).split(",").map(e=>{e=s(e,l);return _xeUtils.default.isValidDate(e)?e:null}):[]}),W=(0,_vue.computed)(()=>{var e=I.value;const t=v.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),a=(0,_vue.computed)(()=>{var e=I.value;const t=p.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),v=(0,_vue.computed)(()=>{var e=T["valueFormat"];return e||"yyyy-MM-dd"}),E=(0,_vue.computed)(()=>{var e=F["selectValue"],t=d.value,a=v.value;let l=null;return l=e&&t&&(t=s(e,a),_xeUtils.default.isValidDate(t))?t:l}),o=(0,_vue.computed)(()=>{var e=C.value,t=F["selectMonth"];return!(!t||!e)&&t<=e}),c=(0,_vue.computed)(()=>{var e=Y.value,t=F["selectMonth"];return!(!t||!e)&&e<=t}),Q=(0,_vue.computed)(()=>{var e=E.value;return e?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),p=(0,_vue.computed)(()=>{var e=T["labelFormat"],t=d.value,a=v.value;return t?e||a||(0,_ui.getI18n)("vxe.input.date.labelFormat."+T.type):null}),_=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=F,a=[];if(e&&t){var l=t.getFullYear(),t=e.getFullYear(),u=new Date(t-t%n,0,1);for(let e=-4;e<16;e++){var r=_xeUtils.default.getWhatYear(u,e,"first"),i=r.getFullYear();a.push({date:r,isCurrent:!0,isPrev:e<0,isNow:l===i,isNext:e>=n,year:i})}}return a}),B=(0,_vue.computed)(()=>{if(d.value){var{datePanelType:a,selectMonth:l}=F,u=_.value;let e="",t;return l&&(e=l.getFullYear(),t=l.getMonth()+1),"quarter"===a?(0,_ui.getI18n)("vxe.input.date.quarterLabel",[e]):"month"===a?(0,_ui.getI18n)("vxe.input.date.monthLabel",[e]):"year"===a?u.length?u[0].year+" - "+u[u.length-1].year:"":(0,_ui.getI18n)("vxe.input.date.dayLabel",[e,t?(0,_ui.getI18n)("vxe.input.date.m"+t):"-"])}return""}),m=(0,_vue.computed)(()=>{var e=T["startDay"];return _xeUtils.default.toNumber(e)}),h=(0,_vue.computed)(()=>{var a=[];if(d.value){let t=m.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),L=(0,_vue.computed)(()=>{return d.value?h.value.map(e=>({value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w"+e)})):[]}),H=(0,_vue.computed)(()=>{var e;return d.value?(e=L.value,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]}),A=(0,_vue.computed)(()=>{var e=_.value;return _xeUtils.default.chunk(e,4)}),f=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=F,a=[];if(e&&t){var l=t.getFullYear(),u=(0,_util.getDateQuarter)(t),r=_xeUtils.default.getWhatYear(e,0,"first"),i=r.getFullYear();for(let e=-2;e<6;e++){var n=_xeUtils.default.getWhatQuarter(r,e),s=n.getFullYear(),d=(0,_util.getDateQuarter)(n),v=s<i;a.push({date:n,isPrev:v,isCurrent:s===i,isNow:s===l&&d===u,isNext:!v&&i<s,quarter:d})}}return a}),G=(0,_vue.computed)(()=>{var e=f.value;return _xeUtils.default.chunk(e,2)}),y=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=F,a=[];if(t&&e){var l=e.getFullYear(),u=e.getMonth(),r=_xeUtils.default.getWhatYear(t,0,"first").getFullYear();for(let e=-4;e<16;e++){var i=_xeUtils.default.getWhatYear(t,0,e),n=i.getFullYear(),s=i.getMonth(),d=n<r;a.push({date:i,isPrev:d,isCurrent:n===r,isNow:n===l&&s===u,isNext:!d&&r<n,month:s})}}return a}),J=(0,_vue.computed)(()=>{var e=y.value;return _xeUtils.default.chunk(e,4)}),x=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=F,a=[];if(t&&e){var l=Q.value,u=h.value,r=e.getFullYear(),i=e.getMonth(),n=e.getDate(),s=t.getFullYear(),d=t.getMonth(),e=t.getDay(),u=-u.indexOf(e),v=new Date(_xeUtils.default.getWhatDay(t,u).getTime()+l);for(let e=0;e<42;e++){var o=_xeUtils.default.getWhatDay(v,e),c=o.getFullYear(),p=o.getMonth(),_=o.getDate(),m=o<t;a.push({date:o,isPrev:m,isCurrent:c===s&&p===d,isNow:c===r&&p===i&&_===n,isNext:!m&&d!==p,label:_})}}return a}),O=(0,_vue.computed)(()=>{var e=x.value;return _xeUtils.default.chunk(e,7)}),K=(0,_vue.computed)(()=>{var e=O.value;const a=m.value;return e.map(e=>{var t=e[0];return[{date:t.date,isWeekNumber:!0,isPrev:!1,isCurrent:!1,isNow:!1,isNext:!1,label:_xeUtils.default.getYearWeek(t.date,a)}].concat(e)})}),g=(e,t)=>{F.inputValue=e,l("update:modelValue",e),_xeUtils.default.toValueString(T.modelValue)!==e&&i.dispatchEvent("change",{value:e},t)},b=e=>{var t=T["type"],a=p.value,l=v.value,u=m.value;let r=null,i="";e&&(r=s(e,l)),_xeUtils.default.isValidDate(r)?(i=_xeUtils.default.toDateString(r,a,{firstDay:u}),a&&"week"===t&&_xeUtils.default.getWhatWeek(r,0,u,u).getFullYear()<r.getFullYear()&&-1<(e=a.indexOf("yyyy"))&&(l=Number(i.substring(e,e+4)))&&!isNaN(l)&&(i=i.replace(""+l,""+(l-1)))):r=null,F.datePanelValue=r,F.datePanelLabel=i},t=()=>{var e=d.value,t=F["inputValue"];e&&(b(t),F.inputValue=T.multiple?a.value:F.datePanelLabel)},D=()=>{d.value&&t()},U=e=>{e=_xeUtils.default.getWhatMonth(e,0,"first");_xeUtils.default.isEqual(e,F.selectMonth)||(F.selectMonth=e)},M=e=>{var t,{modelValue:a,multiple:l}=T,u=v.value,r=m.value;"week"===T.type&&(t=_xeUtils.default.toNumber(T.selectDay),e=_xeUtils.default.getWhatWeek(e,0,t,r));const i=_xeUtils.default.toDateString(e,u,{firstDay:r});U(e),F.selectValue=e,l?(t=W.value).some(e=>_xeUtils.default.isEqual(e,i))?g(t.filter(e=>!_xeUtils.default.isEqual(e,i)).join(","),{type:"update"}):g(t.concat([i]).join(","),{type:"update"}):_xeUtils.default.isEqual(a,i)||g(i,{type:"update"})},w=(e,t)=>{F.selectMonth=_xeUtils.default.getWhatMonth(e,t,"first")},X=()=>{var e=_xeUtils.default.getWhatDay(Date.now(),0,"first");F.currentDate=e,w(e,0)},Z=()=>{let e=F["datePanelType"];e="month"===e||"quarter"===e?"year":"month",F.datePanelType=e},ee=e=>{var t=T["type"],{datePanelType:a,selectMonth:l}=F;o.value||(F.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,-n,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,-n,"first"):_xeUtils.default.getWhatYear(l,-1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,-n,"first"):"month"===a?_xeUtils.default.getWhatYear(l,-1,"first"):_xeUtils.default.getWhatMonth(l,-1,"first"),i.dispatchEvent("date-prev",{type:t},e))},te=e=>{X(),T.multiple||M(F.currentDate),i.dispatchEvent("date-today",{type:T.type},e)},ae=e=>{var t=T["type"],{datePanelType:a,selectMonth:l}=F;c.value||(F.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,n,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,n,"first"):_xeUtils.default.getWhatYear(l,1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,n,"first"):"month"===a?_xeUtils.default.getWhatYear(l,1,"first"):_xeUtils.default.getWhatMonth(l,1,"first"),i.dispatchEvent("date-next",{type:t},e))},$=e=>{var t=T["disabledMethod"],a=F["datePanelType"];return t&&t({type:a,viewType:a,date:e.date,$calendar:u})},j=e=>{var t,a;$(e)||(e=e.date,t=T.type,a=F.datePanelType,("month"===t?"year"===a?(F.datePanelType="month",U):M:"year"===t?M:"quarter"===t?"year"===a?(F.datePanelType="quarter",U):M:"month"===a?(F.datePanelType="week"===t?t:"day",U):"year"===a?(F.datePanelType="month",U):M)(e))},z=e=>{var t,a,l,u,r;$(e)||(t=F["datePanelType"],"month"===t?(r=e.date,$({date:r})||(y.value.some(e=>_xeUtils.default.isDateSame(e.date,r,"yyyyMM"))||U(r),b(r))):"quarter"===t?(u=e.date,$({date:u})||(f.value.some(e=>_xeUtils.default.isDateSame(e.date,u,"yyyyq"))||U(u),b(u))):"year"===t?(l=e.date,$({date:l})||(_.value.some(e=>_xeUtils.default.isDateSame(e.date,l,"yyyy"))||U(l),b(l))):(a=e.date,$({date:a})||(x.value.some(e=>_xeUtils.default.isDateSame(e.date,a,"yyyyMMdd"))||U(a),b(a))))},le=()=>{},ue=()=>{var e=T["type"],t=E.value;-1<["year","quarter","month","week"].indexOf(e)?F.datePanelType=e:F.datePanelType="day",F.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),t?(w(t,0),b(t)):X()},R=(e,t)=>{var a,l=T["festivalMethod"];return l?(a=F["datePanelType"],e=(a=(l=l({type:a,viewType:a,date:e.date,$calendar:u}))?_xeUtils.default.isString(l)?{label:l}:l:{}).extra?_xeUtils.default.isString(a.extra)?{label:a.extra}:a.extra:null,l=[(0,_vue.h)("span",{class:["vxe-calendar--date-label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("span",t),(0,_vue.h)("span",{class:["vxe-calendar--date-label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:t)],(e=a.label)&&(e=_xeUtils.default.toValueString(e).split(","),l.push((0,_vue.h)("span",{class:["vxe-calendar--date-festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("span",{class:["vxe-calendar--date-festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("span",e.substring(0,3)))):(0,_vue.h)("span",{class:"vxe-calendar--date-festival--label"},e[0].substring(0,3))]))),l):t},re=()=>{var e=F["datePanelType"];switch(e){case"week":{const r=T["multiple"],{datePanelType:i,datePanelValue:n}=F,s=E.value;var t=H.value,a=K.value;const d=I.value,v="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${i}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tr",t.map(e=>(0,_vue.h)("td",{class:"vxe-calendar--view-th"},e.label))),...a.map(e=>{const t=r?e.some(t=>d.some(e=>_xeUtils.default.isDateSame(e,t.date,v))):e.some(e=>_xeUtils.default.isDateSame(s,e.date,v)),a=e.some(e=>_xeUtils.default.isDateSame(n,e.date,v));return(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":e.isNow,"is--next":e.isNext,"is--disabled":$(e),"is--selected":t,"is--hover":a}],onClick:()=>j(e),onMouseenter:()=>z(e)},R(e,e.label))))})])];return}case"month":{const o=T["multiple"],{datePanelType:c,datePanelValue:p}=F,_=E.value;t=J.value;const m=I.value,h="yyyyMM";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${c}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",t.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":$(t),"is--selected":o?m.some(e=>_xeUtils.default.isDateSame(e,t.date,h)):_xeUtils.default.isDateSame(_,t.date,h),"is--hover":_xeUtils.default.isDateSame(p,t.date,h)}],onClick:()=>j(t),onMouseenter:()=>z(t)},R(t,(0,_ui.getI18n)("vxe.input.date.months.m"+t.month)))))))])];return}case"quarter":{const f=T["multiple"],{datePanelType:y,datePanelValue:x}=F,g=E.value;a=G.value;const b=I.value,D="yyyyq";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${y}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",a.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":$(t),"is--selected":f?b.some(e=>_xeUtils.default.isDateSame(e,t.date,D)):_xeUtils.default.isDateSame(g,t.date,D),"is--hover":_xeUtils.default.isDateSame(x,t.date,D)}],onClick:()=>j(t),onMouseenter:()=>z(t)},R(t,(0,_ui.getI18n)("vxe.input.date.quarters.q"+t.quarter)))))))])];return}case"year":{const U=T["multiple"],{datePanelType:M,datePanelValue:w}=F,P=E.value;var l=A.value;const S=I.value,N="yyyy";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${M}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",l.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":$(t),"is--selected":U?S.some(e=>_xeUtils.default.isDateSame(e,t.date,N)):_xeUtils.default.isDateSame(P,t.date,N),"is--hover":_xeUtils.default.isDateSame(w,t.date,N)}],onClick:()=>j(t),onMouseenter:()=>z(t)},R(t,t.year))))))])];return}}{const V=T["multiple"],{datePanelType:q,datePanelValue:C}=F,Y=E.value;var e=L.value,u=O.value;const k=I.value,W="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${q}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("th",{class:"vxe-calendar--view-th"},e.label))),...u.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":$(t),"is--selected":V?k.some(e=>_xeUtils.default.isDateSame(e,t.date,W)):_xeUtils.default.isDateSame(Y,t.date,W),"is--hover":_xeUtils.default.isDateSame(C,t.date,W)}],onClick:()=>j(t),onMouseenter:()=>z(t)},R(t,t.label)))))])]}};i={dispatchEvent(e,t,a){l(e,(0,_ui.createEvent)(a,{$input:u},t))}},Object.assign(u,i);return u.renderVN=()=>{var{className:e,type:t}=T,a=S.value,l=q.value,u=N.value;return(0,_vue.h)("div",{ref:r,class:["vxe-calendar","type--"+t,e,{["size--"+a]:a,"is--disabled":l}],style:u},[(t=T.multiple,e=F.datePanelType,a=o.value,l=c.value,u=B.value,[(0,_vue.h)("div",{class:"vxe-calendar--header"},[(0,_vue.h)("div",{class:"vxe-calendar--type-wrapper"},[(0,_vue.h)(_button.default,{disabled:"year"===e,content:u,onClick:Z})]),(0,_vue.h)("div",{class:"vxe-calendar--btn-wrapper"},[(0,_vue.h)(_button.default,{disabled:a,icon:"vxe-icon-caret-left",onClick:ee}),(0,_vue.h)(_button.default,{icon:"vxe-icon-dot",onClick:te}),(0,_vue.h)(_button.default,{disabled:l,icon:"vxe-icon-caret-right",onClick:ae}),t&&k.value?(0,_vue.h)("span",{class:"vxe-calendar--btn vxe-calendar--confirm-btn"},[(0,_vue.h)("button",{class:"vxe-calendar--confirm",type:"button",onClick:le},(0,_ui.getI18n)("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-calendar--body"},re())])])},(0,_vue.watch)(()=>T.modelValue,e=>{F.inputValue=e,t()}),(0,_vue.watch)(()=>T.type,()=>{Object.assign(F,{selectValue:null,inputValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),D(),ue()}),(0,_vue.watch)(p,()=>{d.value&&(b(F.datePanelValue),F.inputValue=T.multiple?a.value:F.datePanelLabel)}),(0,_vue.onMounted)(()=>{ue()}),D(),u},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_util=require("../../date-picker/src/util"),_dom=require("../..//ui/src/dom"),_button=_interopRequireDefault(require("../../button/src/button")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCalendar",props:{modelValue:[String,Number,Date],type:{type:String,default:"date"},className:String,size:{type:String,default:()=>(0,_ui.getConfig)().calendar.size||(0,_ui.getConfig)().size},multiple:Boolean,width:[String,Number],height:[String,Number],minDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().calendar.minDate},maxDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().calendar.maxDate},startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().calendar.startDay},labelFormat:String,valueFormat:String,festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().calendar.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().calendar.disabledMethod},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().calendar.selectDay}},emits:["update:modelValue","change","click","date-prev","date-today","date-next"],setup(T,e){const l=e["emit"];var w=_xeUtils.default.uniqueId();const P=(0,_ui.useSize)(T)["computeSize"],F=(0,_vue.reactive)({selectValue:T.modelValue,inputValue:T.modelValue,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),c={yearSize:12,monthSize:20,quarterSize:8},r=(0,_vue.ref)(),N={refElem:r},u={xID:w,props:T,context:e,reactData:F,internalData:c,getRefMaps:()=>N};let i;const V=(0,_vue.computed)(()=>{var{height:e,width:t}=T,a={};return t&&(a.width=(0,_dom.toCssUnit)(t)),e&&(a.height=(0,_dom.toCssUnit)(e)),a}),q=(0,_vue.computed)(()=>!1),n=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(T.type)),C=(0,_vue.computed)(()=>T.minDate?_xeUtils.default.toStringDate(T.minDate):null),Y=(0,_vue.computed)(()=>T.maxDate?_xeUtils.default.toStringDate(T.maxDate):null),k=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(T.type)),z=(0,_vue.computed)(()=>{var e=T["multiple"],t=F["selectValue"],a=n.value;const l=s.value;return e&&t&&a?_xeUtils.default.toValueString(t).split(",").map(e=>{e=x(e,l);return _xeUtils.default.isValidDate(e)?e:null}):[]}),W=(0,_vue.computed)(()=>{var e=z.value;const t=s.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),a=(0,_vue.computed)(()=>{var e=z.value;const t=o.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),s=(0,_vue.computed)(()=>{var e=T["valueFormat"];return e||"yyyy-MM-dd"}),I=(0,_vue.computed)(()=>{var e=F["selectValue"],t=n.value,a=s.value;let l=null;return l=e&&t&&(t=x(e,a),_xeUtils.default.isValidDate(t))?t:l}),d=(0,_vue.computed)(()=>{var e=C.value,t=F["selectMonth"];return!(!t||!e)&&t<=e}),v=(0,_vue.computed)(()=>{var e=Y.value,t=F["selectMonth"];return!(!t||!e)&&e<=t}),Q=(0,_vue.computed)(()=>{var e=I.value;return e?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),o=(0,_vue.computed)(()=>{var e=T["labelFormat"],t=n.value,a=s.value;return t?e||a||(0,_ui.getI18n)("vxe.input.date.labelFormat."+T.type):null}),p=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=F,a=c["yearSize"],l=[];if(e&&t){var u=t.getFullYear(),t=e.getFullYear(),r=new Date(t-t%a,0,1);for(let e=-4;e<a+4;e++){var i=_xeUtils.default.getWhatYear(r,e,"first"),n=i.getFullYear();l.push({date:i,isCurrent:!0,isPrev:e<0,isNow:u===n,isNext:e>=a,year:n})}}return l}),B=(0,_vue.computed)(()=>{if(n.value){var{datePanelType:a,selectMonth:l}=F,u=p.value;let e="",t;return l&&(e=l.getFullYear(),t=l.getMonth()+1),"quarter"===a?(0,_ui.getI18n)("vxe.input.date.quarterLabel",[e]):"month"===a?(0,_ui.getI18n)("vxe.input.date.monthLabel",[e]):"year"===a?u.length?u[0].year+" - "+u[u.length-1].year:"":(0,_ui.getI18n)("vxe.input.date.dayLabel",[e,t?(0,_ui.getI18n)("vxe.input.date.m"+t):"-"])}return""}),_=(0,_vue.computed)(()=>{var e=T["startDay"];return _xeUtils.default.toNumber(e)}),h=(0,_vue.computed)(()=>{var a=[];if(n.value){let t=_.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),E=(0,_vue.computed)(()=>{return n.value?h.value.map(e=>({value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w"+e)})):[]}),H=(0,_vue.computed)(()=>{var e;return n.value?(e=E.value,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]}),A=(0,_vue.computed)(()=>{var e=p.value;return _xeUtils.default.chunk(e,4)}),m=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=F,a=c["quarterSize"],l=[];if(e&&t){var u=t.getFullYear(),r=(0,_util.getDateQuarter)(t),i=_xeUtils.default.getWhatYear(e,0,"first"),n=i.getFullYear();for(let e=-2;e<a-2;e++){var s=_xeUtils.default.getWhatQuarter(i,e),d=s.getFullYear(),v=(0,_util.getDateQuarter)(s),o=d<n;l.push({date:s,isPrev:o,isCurrent:d===n,isNow:d===u&&v===r,isNext:!o&&n<d,quarter:v})}}return l}),G=(0,_vue.computed)(()=>{var e=m.value;return _xeUtils.default.chunk(e,2)}),y=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=F,a=c["monthSize"],l=[];if(t&&e){var u=e.getFullYear(),r=e.getMonth(),i=_xeUtils.default.getWhatYear(t,0,"first").getFullYear();for(let e=-4;e<a-4;e++){var n=_xeUtils.default.getWhatYear(t,0,e),s=n.getFullYear(),d=n.getMonth(),v=s<i;l.push({date:n,isPrev:v,isCurrent:s===i,isNow:s===u&&d===r,isNext:!v&&i<s,month:d})}}return l}),J=(0,_vue.computed)(()=>{var e=y.value;return _xeUtils.default.chunk(e,4)}),f=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=F,a=[];if(t&&e){var l=Q.value,u=h.value,r=e.getFullYear(),i=e.getMonth(),n=e.getDate(),s=t.getFullYear(),d=t.getMonth(),e=t.getDay(),u=-u.indexOf(e),v=new Date(_xeUtils.default.getWhatDay(t,u).getTime()+l);for(let e=0;e<42;e++){var o=_xeUtils.default.getWhatDay(v,e),c=o.getFullYear(),p=o.getMonth(),_=o.getDate(),m=o<t;a.push({date:o,isPrev:m,isCurrent:c===s&&p===d,isNow:c===r&&p===i&&_===n,isNext:!m&&d!==p,label:_})}}return a}),L=(0,_vue.computed)(()=>{var e=f.value;return _xeUtils.default.chunk(e,7)}),K=(0,_vue.computed)(()=>{var e=L.value;const a=_.value;return e.map(e=>{var t=e[0];return[{date:t.date,isWeekNumber:!0,isPrev:!1,isCurrent:!1,isNow:!1,isNext:!1,label:_xeUtils.default.getYearWeek(t.date,a)}].concat(e)})}),x=(e,t)=>_xeUtils.default.toStringDate(e,t),g=(e,t)=>{F.inputValue=e,l("update:modelValue",e),_xeUtils.default.toValueString(T.modelValue)!==e&&i.dispatchEvent("change",{value:e},t)},b=e=>{var t=T["type"],a=o.value,l=s.value,u=_.value;let r=null,i="";e&&(r=x(e,l)),_xeUtils.default.isValidDate(r)?(i=_xeUtils.default.toDateString(r,a,{firstDay:u}),a&&"week"===t&&_xeUtils.default.getWhatWeek(r,0,u,u).getFullYear()<r.getFullYear()&&-1<(e=a.indexOf("yyyy"))&&(l=Number(i.substring(e,e+4)))&&!isNaN(l)&&(i=i.replace(""+l,""+(l-1)))):r=null,F.datePanelValue=r,F.datePanelLabel=i},t=()=>{var e=n.value,t=F["inputValue"];e&&(b(t),F.inputValue=T.multiple?a.value:F.datePanelLabel)},D=()=>{n.value&&t()},U=e=>{e=_xeUtils.default.getWhatMonth(e,0,"first");_xeUtils.default.isEqual(e,F.selectMonth)||(F.selectMonth=e)},S=e=>{var t,{modelValue:a,multiple:l}=T,u=s.value,r=_.value;"week"===T.type&&(t=_xeUtils.default.toNumber(T.selectDay),e=_xeUtils.default.getWhatWeek(e,0,t,r));const i=_xeUtils.default.toDateString(e,u,{firstDay:r});U(e),F.selectValue=e,l?(t=W.value).some(e=>_xeUtils.default.isEqual(e,i))?g(t.filter(e=>!_xeUtils.default.isEqual(e,i)).join(","),{type:"update"}):g(t.concat([i]).join(","),{type:"update"}):_xeUtils.default.isEqual(a,i)||g(i,{type:"update"})},M=(e,t)=>{F.selectMonth=_xeUtils.default.getWhatMonth(e,t,"first")},X=()=>{var e=_xeUtils.default.getWhatDay(Date.now(),0,"first");F.currentDate=e,M(e,0)},Z=()=>{let e=F["datePanelType"];e="month"===e||"quarter"===e?"year":"month",F.datePanelType=e},ee=e=>{var t=T["type"],{datePanelType:a,selectMonth:l}=F,u=c["yearSize"];d.value||(F.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):_xeUtils.default.getWhatYear(l,-1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,-1,"first"):_xeUtils.default.getWhatMonth(l,-1,"first"),i.dispatchEvent("date-prev",{type:t},e))},te=e=>{X(),T.multiple||S(F.currentDate),i.dispatchEvent("date-today",{type:T.type},e)},ae=e=>{var t=T["type"],{datePanelType:a,selectMonth:l}=F,u=c["yearSize"];v.value||(F.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):_xeUtils.default.getWhatYear(l,1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,1,"first"):_xeUtils.default.getWhatMonth(l,1,"first"),i.dispatchEvent("date-next",{type:t},e))},O=e=>{var t=T["disabledMethod"],a=F["datePanelType"];return t&&t({type:a,viewType:a,date:e.date,$calendar:u})},$=e=>{var t,a;O(e)||(e=e.date,t=T.type,a=F.datePanelType,("month"===t?"year"===a?(F.datePanelType="month",U):S:"year"===t?S:"quarter"===t?"year"===a?(F.datePanelType="quarter",U):S:"month"===a?(F.datePanelType="week"===t?t:"day",U):"year"===a?(F.datePanelType="month",U):S)(e))},j=e=>{var t,a,l,u,r;O(e)||(t=F["datePanelType"],"month"===t?(r=e.date,O({date:r})||(y.value.some(e=>_xeUtils.default.isDateSame(e.date,r,"yyyyMM"))||U(r),b(r))):"quarter"===t?(u=e.date,O({date:u})||(m.value.some(e=>_xeUtils.default.isDateSame(e.date,u,"yyyyq"))||U(u),b(u))):"year"===t?(l=e.date,O({date:l})||(p.value.some(e=>_xeUtils.default.isDateSame(e.date,l,"yyyy"))||U(l),b(l))):(a=e.date,O({date:a})||(f.value.some(e=>_xeUtils.default.isDateSame(e.date,a,"yyyyMMdd"))||U(a),b(a))))},le=()=>{},ue=()=>{var e=T["type"],t=I.value;-1<["year","quarter","month","week"].indexOf(e)?F.datePanelType=e:F.datePanelType="day",F.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),t?(M(t,0),b(t)):X()},R=(e,t)=>{var a,l=T["festivalMethod"];return l?(a=F["datePanelType"],e=(a=(l=l({type:a,viewType:a,date:e.date,$calendar:u}))?_xeUtils.default.isString(l)?{label:l}:l:{}).extra?_xeUtils.default.isString(a.extra)?{label:a.extra}:a.extra:null,l=[(0,_vue.h)("span",{class:["vxe-calendar--date-label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("span",""+(t||"")),(0,_vue.h)("span",{class:["vxe-calendar--date-label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:[""+(t||"")])],(e=a.label)&&(e=_xeUtils.default.toValueString(e).split(","),l.push((0,_vue.h)("span",{class:["vxe-calendar--date-festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("span",{class:["vxe-calendar--date-festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("span",e.substring(0,3)))):(0,_vue.h)("span",{class:"vxe-calendar--date-festival--label"},e[0].substring(0,3))]))),l):""+(t||"")},re=()=>{var e=F["datePanelType"];switch(e){case"week":{const r=T["multiple"],{datePanelType:i,datePanelValue:n}=F,s=I.value;var t=H.value,a=K.value;const d=z.value,v="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${i}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tr",t.map(e=>(0,_vue.h)("td",{class:"vxe-calendar--view-th"},e.label))),...a.map(e=>{const t=r?e.some(t=>d.some(e=>_xeUtils.default.isDateSame(e,t.date,v))):e.some(e=>_xeUtils.default.isDateSame(s,e.date,v)),a=e.some(e=>_xeUtils.default.isDateSame(n,e.date,v));return(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":e.isNow,"is--next":e.isNext,"is--disabled":O(e),"is--selected":t,"is--hover":a}],onClick:()=>$(e),onMouseenter:()=>j(e)},R(e,e.label))))})])];return}case"month":{const o=T["multiple"],{datePanelType:c,datePanelValue:p}=F,_=I.value;t=J.value;const m=z.value,h="yyyyMM";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${c}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",t.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":O(t),"is--selected":o?m.some(e=>_xeUtils.default.isDateSame(e,t.date,h)):_xeUtils.default.isDateSame(_,t.date,h),"is--hover":_xeUtils.default.isDateSame(p,t.date,h)}],onClick:()=>$(t),onMouseenter:()=>j(t)},R(t,(0,_ui.getI18n)("vxe.input.date.months.m"+t.month)))))))])];return}case"quarter":{const y=T["multiple"],{datePanelType:f,datePanelValue:x}=F,g=I.value;a=G.value;const b=z.value,D="yyyyq";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${f}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",a.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":O(t),"is--selected":y?b.some(e=>_xeUtils.default.isDateSame(e,t.date,D)):_xeUtils.default.isDateSame(g,t.date,D),"is--hover":_xeUtils.default.isDateSame(x,t.date,D)}],onClick:()=>$(t),onMouseenter:()=>j(t)},R(t,(0,_ui.getI18n)("vxe.input.date.quarters.q"+t.quarter)))))))])];return}case"year":{const U=T["multiple"],{datePanelType:S,datePanelValue:M}=F,w=I.value;var l=A.value;const P=z.value,N="yyyy";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${S}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",l.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":O(t),"is--selected":U?P.some(e=>_xeUtils.default.isDateSame(e,t.date,N)):_xeUtils.default.isDateSame(w,t.date,N),"is--hover":_xeUtils.default.isDateSame(M,t.date,N)}],onClick:()=>$(t),onMouseenter:()=>j(t)},R(t,t.year))))))])];return}}{const V=T["multiple"],{datePanelType:q,datePanelValue:C}=F,Y=I.value;var e=E.value,u=L.value;const k=z.value,W="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${q}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("th",{class:"vxe-calendar--view-th"},e.label))),...u.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":O(t),"is--selected":V?k.some(e=>_xeUtils.default.isDateSame(e,t.date,W)):_xeUtils.default.isDateSame(Y,t.date,W),"is--hover":_xeUtils.default.isDateSame(C,t.date,W)}],onClick:()=>$(t),onMouseenter:()=>j(t)},R(t,t.label)))))])]}};i={dispatchEvent(e,t,a){l(e,(0,_ui.createEvent)(a,{$input:u},t))}},Object.assign(u,i);return u.renderVN=()=>{var{className:e,type:t}=T,a=P.value,l=q.value,u=V.value;return(0,_vue.h)("div",{ref:r,class:["vxe-calendar","type--"+t,e,{["size--"+a]:a,"is--disabled":l}],style:u},[(t=T.multiple,e=F.datePanelType,a=d.value,l=v.value,u=B.value,[(0,_vue.h)("div",{class:"vxe-calendar--header"},[(0,_vue.h)("div",{class:"vxe-calendar--type-wrapper"},[(0,_vue.h)(_button.default,{disabled:"year"===e,content:u,onClick:Z})]),(0,_vue.h)("div",{class:"vxe-calendar--btn-wrapper"},[(0,_vue.h)(_button.default,{disabled:a,icon:"vxe-icon-caret-left",onClick:ee}),(0,_vue.h)(_button.default,{icon:"vxe-icon-dot",onClick:te}),(0,_vue.h)(_button.default,{disabled:l,icon:"vxe-icon-caret-right",onClick:ae}),t&&k.value?(0,_vue.h)("span",{class:"vxe-calendar--btn vxe-calendar--confirm-btn"},[(0,_vue.h)("button",{class:"vxe-calendar--confirm",type:"button",onClick:le},(0,_ui.getI18n)("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-calendar--body"},re())])])},(0,_vue.watch)(()=>T.modelValue,e=>{F.inputValue=e,t()}),(0,_vue.watch)(()=>T.type,()=>{Object.assign(F,{selectValue:null,inputValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),D(),ue()}),(0,_vue.watch)(o,()=>{n.value&&(b(F.datePanelValue),F.inputValue=T.multiple?a.value:F.datePanelLabel)}),(0,_vue.onMounted)(()=>{ue()}),D(),u},render(){return this.renderVN()}});

package/lib/card/src/card.js

@@ -70,12 +70,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, (0, _ui.createEvent)(evnt, {
+        $card: $xeCard
+      }, params));
+    };
     const cardMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, (0, _ui.createEvent)(evnt, {
-          $card: $xeCard
-        }, params));
-      }
+      dispatchEvent
     };
     const cardPrivateMethods = {};
     Object.assign($xeCard, cardMethods, cardPrivateMethods);