vxe-pc-ui 4.1.19 → 4.1.21

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

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

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _vue = require("vue");
+var _ui = require("../../ui");
 var _util = require("./util");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -18,7 +19,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
   emits: [],
   setup(props, context) {
     const {
-      slots
+      slots,
+      emit
     } = context;
     const $xeCarousel = (0, _vue.inject)('$xeCarousel', null);
     const xID = _xeUtils.default.uniqueId();
@@ -43,6 +45,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, (0, _ui.createEvent)(evnt, {
+        $carouselItem: $xeCarouselItem
+      }, params));
+    };
+    const carouselItemMethods = {
+      dispatchEvent
+    };
+    const carouselItemPrivateMethods = {};
+    Object.assign($xeCarouselItem, carouselItemMethods, carouselItemPrivateMethods);
     const renderVN = () => {
       return (0, _vue.h)('div', {
         ref: refElem
@@ -55,8 +67,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       itemConfig.url = val;
     });
     (0, _vue.onMounted)(() => {
-      if ($xeCarousel && refElem.value) {
-        (0, _util.assembleCarouselItem)($xeCarousel, refElem.value, itemConfig);
+      const elem = refElem.value;
+      if ($xeCarousel && elem) {
+        (0, _util.assembleCarouselItem)($xeCarousel, elem, itemConfig);
       }
     });
     (0, _vue.onUnmounted)(() => {

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCarouselItem",props:{name:[String,Number],className:String,url:String},emits:[],setup(e,t){var u=t["slots"];const r=(0,_vue.inject)("$xeCarousel",null);var a=_xeUtils.default.uniqueId();const l=(0,_vue.ref)();var s=(0,_vue.reactive)({});const n=(0,_vue.reactive)({id:a,name:e.name,url:e.url,className:e.className,slots:u}),i={refElem:l},o={};u={xID:a,props:e,context:t,reactData:s,getRefMaps:()=>i,getComputeMaps:()=>o};return(0,_vue.watch)(()=>e.name,e=>{n.name=e}),(0,_vue.watch)(()=>e.url,e=>{n.url=e}),(0,_vue.onMounted)(()=>{r&&l.value&&(0,_util.assembleCarouselItem)(r,l.value,n)}),(0,_vue.onUnmounted)(()=>{r&&(0,_util.destroyCarouselItem)(r,n)}),u.renderVN=()=>(0,_vue.h)("div",{ref:l}),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("./util"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCarouselItem",props:{name:[String,Number],className:String,url:String},emits:[],setup(e,t){const{slots:u,emit:r}=t,a=(0,_vue.inject)("$xeCarousel",null);var s=_xeUtils.default.uniqueId();const n=(0,_vue.ref)();var i=(0,_vue.reactive)({});const l=(0,_vue.reactive)({id:s,name:e.name,url:e.url,className:e.className,slots:u}),o={refElem:n},v={},_={xID:s,props:e,context:t,reactData:i,getRefMaps:()=>o,getComputeMaps:()=>v};Object.assign(_,{dispatchEvent:(e,t,u)=>{r(e,(0,_ui.createEvent)(u,{$carouselItem:_},t))}},{});return(0,_vue.watch)(()=>e.name,e=>{l.name=e}),(0,_vue.watch)(()=>e.url,e=>{l.url=e}),(0,_vue.onMounted)(()=>{var e=n.value;a&&e&&(0,_util.assembleCarouselItem)(a,e,l)}),(0,_vue.onUnmounted)(()=>{a&&(0,_util.destroyCarouselItem)(a,l)}),_.renderVN=()=>(0,_vue.h)("div",{ref:n}),_},render(){return this.renderVN()}});

package/lib/carousel/src/carousel.js

@@ -61,6 +61,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
       itemWidth: 0,
       itemHeight: 0
     });
+    const internalData = {
+      apTimeout: undefined,
+      stopFlag: false
+    };
     const refMaps = {
       refElem
     };
@@ -92,6 +96,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
@@ -206,12 +211,14 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }, evnt);
       }
     };
-    let apTimeout = null;
-    let stopFlag = false;
     const stopAutoPlay = () => {
-      stopFlag = true;
-      if (apTimeout !== null) {
+      const {
+        apTimeout
+      } = internalData;
+      internalData.stopFlag = true;
+      if (apTimeout) {
         clearTimeout(apTimeout);
+        internalData.apTimeout = undefined;
       }
     };
     const handleAutoPlay = () => {
@@ -219,10 +226,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
         autoPlay,
         interval
       } = props;
+      const {
+        stopFlag
+      } = internalData;
       stopAutoPlay();
       if (autoPlay) {
-        stopFlag = false;
-        apTimeout = setTimeout(() => {
+        internalData.stopFlag = false;
+        internalData.apTimeout = setTimeout(() => {
           if (!stopFlag) {
             handlePrevNext(true);
           }
@@ -331,7 +341,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         style: height ? {
           height: (0, _dom.toCssUnit)(height)
         } : null
-      }, renderItemWrapper(list)), showIndicators ? renderIndicators(list) : (0, _vue.createCommentVNode)(), (0, _vue.h)('div', {
+      }, [renderItemWrapper(list)]), showIndicators ? renderIndicators(list) : (0, _vue.createCommentVNode)(), (0, _vue.h)('div', {
         class: 'vxe-carousel--btn-wrapper'
       }, [(0, _vue.h)('div', {
         class: 'vxe-carousel--previous-btn',
@@ -352,7 +362,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
         modelValue: loading
       })]);
     };
-    $xeCarousel.renderVN = renderVN;
     const optsFlag = (0, _vue.ref)(0);
     (0, _vue.watch)(() => props.options ? props.options.length : -1, () => {
       optsFlag.value++;
@@ -385,6 +394,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       stopAutoPlay();
     });
     (0, _vue.provide)('$xeCarousel', $xeCarousel);
+    $xeCarousel.renderVN = renderVN;
     return $xeCarousel;
   },
   render() {

package/lib/carousel/src/carousel.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../..//ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCarousel",props:{modelValue:[String,Number],options:Array,loading:Boolean,height:{type:[Number,String],default:()=>(0,_ui.getConfig)().carousel.height},width:{type:[Number,String],default:()=>(0,_ui.getConfig)().carousel.width},autoPlay:{type:Boolean,default:()=>(0,_ui.getConfig)().carousel.autoPlay},interval:{type:[Number,String],default:()=>(0,_ui.getConfig)().carousel.interval},loop:{type:Boolean,default:()=>(0,_ui.getConfig)().carousel.loop},vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().carousel.vertical},showIndicators:{type:Boolean,default:()=>(0,_ui.getConfig)().carousel.showIndicators}},emits:["update:modelValue","change"],setup(s,e){const{emit:n,slots:r}=e;var t=_xeUtils.default.uniqueId();const c=(0,_vue.ref)(),v=(0,_vue.ref)(),d=(0,_vue.reactive)({activeName:"",staticItems:[],itemWidth:0,itemHeight:0}),a={refElem:c},_=(0,_vue.computed)(()=>{var{vertical:e,options:t}=s;const{activeName:a,itemWidth:i,itemHeight:u,staticItems:l}=d;var t=(l&&l.length?l:t)||[],n=Math.max(0,_xeUtils.default.findIndexOf(t,e=>e.name===a)),o={};return e?o.transform=`translateY(-${n*u}px)`:(o.width=i*t.length+"px",o.transform=`translateX(-${n*i}px)`),o}),i={},u={xID:t,props:s,context:e,reactData:d,getRefMaps:()=>a,getComputeMaps:()=>i},l=()=>{(0,_vue.nextTick)(()=>{var e=v.value;e&&(d.itemWidth=e.clientWidth,d.itemHeight=e.clientHeight)})},m=(e,t)=>{var a=t.name;d.activeName=t.name,n("update:modelValue",a),n("change",{value:a},e),l()},o=e=>{let a=null;if(e&&e.length){let t=!1;a=s.modelValue,e.forEach(e=>{a===e.name&&(t=!0)}),t||(a=e[0].name,n("update:modelValue",a))}d.activeName=a};const h=t=>{var{options:a,loop:i}=s;const{activeName:u,staticItems:e}=d;var a=(e&&e.length?e:a)||[],l=Math.max(0,_xeUtils.default.findIndexOf(a,e=>e.name===u));if(-1<l){let e=null;if(t?l<a.length-1?e=a[l+1]:i&&(e=a[0]):0<l?e=a[l-1]:i&&(e=a[a.length-1]),e)return l=t=e.name,d.activeName=t,n("update:modelValue",l),!0}return!1},g=e=>{var t;h(!1)&&(t=d.activeName,n("change",{value:t},e))},p=e=>{var t;h(!0)&&(t=d.activeName,n("change",{value:t},e))};let f=null,x=!1;const I=()=>{x=!0,null!==f&&clearTimeout(f)},C=()=>{var{autoPlay:e,interval:t}=s;I(),e&&(x=!1,f=setTimeout(()=>{x||h(!0)},_xeUtils.default.toNumber(t)||300))},N=()=>{I()},y=()=>{C()};const w=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=r[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[];Object.assign(u,{dispatchEvent:(e,t,a)=>{n(e,(0,_ui.createEvent)(a,{$carousel:u},t))},prev(){return h(!1)&&C(),(0,_vue.nextTick)()},next(){return h(!0)&&C(),(0,_vue.nextTick)()}},{});u.renderVN=()=>{var{loading:e,height:t,width:a,showIndicators:i,vertical:u,options:l}=s,n=d["staticItems"],o=r.default,n=(n&&n.length?n:l)||[];return(0,_vue.h)("div",{ref:c,class:["vxe-carousel","is--"+(u?"vertical":"horizontal")],style:a?{width:(0,_dom.toCssUnit)(a)}:null,onMouseenter:N,onMouseleave:y},[(0,_vue.h)("div",{class:"vxe-carousel--slots"},o?o({}):[]),(0,_vue.h)("div",{ref:v,class:"vxe-carousel--item-wrapper",style:t?{height:(0,_dom.toCssUnit)(t)}:null},(e=>{const i=s["height"],u=d["activeName"];var t=_.value;return(0,_vue.h)("div",{class:"vxe-carousel--list",style:t},e.map(e=>{var{name:e,url:t,slots:a}=e,a=a?a.default:null;return(0,_vue.h)("div",{key:""+e,class:["vxe-carousel--item-inner",{"is--active":u===e}],style:i?{height:(0,_dom.toCssUnit)(i)}:null},a?w(a,{}):[(0,_vue.h)("img",{class:"vxe-carousel--item-img",src:t})])}))})(n)),i?(e=>{const a=d["activeName"];return(0,_vue.h)("div",{class:"vxe-carousel--indicators"},e.map(t=>{var e=t["name"];return(0,_vue.h)("div",{key:""+e,class:["vxe-carousel--indicators-item",{"is--active":a===e}],onClick(e){m(e,t)}})}))})(n):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-carousel--btn-wrapper"},[(0,_vue.h)("div",{class:"vxe-carousel--previous-btn",onClick:g},[(0,_vue.h)("i",{class:u?(0,_ui.getIcon)().CAROUSEL_VERTICAL_PREVIOUS:(0,_ui.getIcon)().CAROUSEL_HORIZONTAL_PREVIOUS})]),(0,_vue.h)("div",{class:"vxe-carousel--next-btn",onClick:p},[(0,_vue.h)("i",{class:u?(0,_ui.getIcon)().CAROUSEL_VERTICAL_NEXT:(0,_ui.getIcon)().CAROUSEL_HORIZONTAL_NEXT})])]),(0,_vue.h)(_loading.default,{class:"vxe-carousel--loading",modelValue:e})])};const U=(0,_vue.ref)(0),V=((0,_vue.watch)(()=>s.options?s.options.length:-1,()=>{U.value++}),(0,_vue.watch)(()=>s.options,()=>{U.value++}),(0,_vue.watch)(U,()=>{o(s.options)}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>d.staticItems?d.staticItems.length:-1,()=>{V.value++}),(0,_vue.watch)(()=>d.staticItems,()=>{V.value++}),(0,_vue.watch)(V,()=>{o(d.staticItems)}),(0,_vue.watch)(()=>s.autoPlay,()=>{C()}),o(d.staticItems.length?d.staticItems:s.options),(0,_vue.onMounted)(()=>{C(),l()}),(0,_vue.onUnmounted)(()=>{I()}),(0,_vue.provide)("$xeCarousel",u),u},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../..//ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCarousel",props:{modelValue:[String,Number],options:Array,loading:Boolean,height:{type:[Number,String],default:()=>(0,_ui.getConfig)().carousel.height},width:{type:[Number,String],default:()=>(0,_ui.getConfig)().carousel.width},autoPlay:{type:Boolean,default:()=>(0,_ui.getConfig)().carousel.autoPlay},interval:{type:[Number,String],default:()=>(0,_ui.getConfig)().carousel.interval},loop:{type:Boolean,default:()=>(0,_ui.getConfig)().carousel.loop},vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().carousel.vertical},showIndicators:{type:Boolean,default:()=>(0,_ui.getConfig)().carousel.showIndicators}},emits:["update:modelValue","change"],setup(n,e){const{emit:o,slots:r}=e;var t=_xeUtils.default.uniqueId();const v=(0,_vue.ref)(),c=(0,_vue.ref)(),d=(0,_vue.reactive)({activeName:"",staticItems:[],itemWidth:0,itemHeight:0}),i={apTimeout:void 0,stopFlag:!1},a={refElem:v},m=(0,_vue.computed)(()=>{var{vertical:e,options:t}=n;const{activeName:a,itemWidth:i,itemHeight:u,staticItems:l}=d;var t=(l&&l.length?l:t)||[],o=Math.max(0,_xeUtils.default.findIndexOf(t,e=>e.name===a)),s={};return e?s.transform=`translateY(-${o*u}px)`:(s.width=i*t.length+"px",s.transform=`translateX(-${o*i}px)`),s}),u={},l={xID:t,props:n,context:e,reactData:d,internalData:i,getRefMaps:()=>a,getComputeMaps:()=>u},s=()=>{(0,_vue.nextTick)(()=>{var e=c.value;e&&(d.itemWidth=e.clientWidth,d.itemHeight=e.clientHeight)})},_=(e,t)=>{var a=t.name;d.activeName=t.name,o("update:modelValue",a),o("change",{value:a},e),s()},h=e=>{let a=null;if(e&&e.length){let t=!1;a=n.modelValue,e.forEach(e=>{a===e.name&&(t=!0)}),t||(a=e[0].name,o("update:modelValue",a))}d.activeName=a};const g=t=>{var{options:a,loop:i}=n;const{activeName:u,staticItems:e}=d;var a=(e&&e.length?e:a)||[],l=Math.max(0,_xeUtils.default.findIndexOf(a,e=>e.name===u));if(-1<l){let e=null;if(t?l<a.length-1?e=a[l+1]:i&&(e=a[0]):0<l?e=a[l-1]:i&&(e=a[a.length-1]),e)return l=t=e.name,d.activeName=t,o("update:modelValue",l),!0}return!1},p=e=>{var t;g(!1)&&(t=d.activeName,o("change",{value:t},e))},f=e=>{var t;g(!0)&&(t=d.activeName,o("change",{value:t},e))},x=()=>{var e=i["apTimeout"];i.stopFlag=!0,e&&(clearTimeout(e),i.apTimeout=void 0)},I=()=>{var{autoPlay:e,interval:t}=n;const a=i["stopFlag"];x(),e&&(i.stopFlag=!1,i.apTimeout=setTimeout(()=>{a||g(!0)},_xeUtils.default.toNumber(t)||300))},C=()=>{x()},N=()=>{I()};const y=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=r[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[];Object.assign(l,{dispatchEvent:(e,t,a)=>{o(e,(0,_ui.createEvent)(a,{$carousel:l},t))},prev(){return g(!1)&&I(),(0,_vue.nextTick)()},next(){return g(!0)&&I(),(0,_vue.nextTick)()}},{});const w=(0,_vue.ref)(0),U=((0,_vue.watch)(()=>n.options?n.options.length:-1,()=>{w.value++}),(0,_vue.watch)(()=>n.options,()=>{w.value++}),(0,_vue.watch)(w,()=>{h(n.options)}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>d.staticItems?d.staticItems.length:-1,()=>{U.value++}),(0,_vue.watch)(()=>d.staticItems,()=>{U.value++}),(0,_vue.watch)(U,()=>{h(d.staticItems)}),(0,_vue.watch)(()=>n.autoPlay,()=>{I()}),h(d.staticItems.length?d.staticItems:n.options),(0,_vue.onMounted)(()=>{I(),s()}),(0,_vue.onUnmounted)(()=>{x()}),(0,_vue.provide)("$xeCarousel",l),l.renderVN=()=>{var{loading:e,height:t,width:a,showIndicators:i,vertical:u,options:l}=n,o=d["staticItems"],s=r.default,o=(o&&o.length?o:l)||[];return(0,_vue.h)("div",{ref:v,class:["vxe-carousel","is--"+(u?"vertical":"horizontal")],style:a?{width:(0,_dom.toCssUnit)(a)}:null,onMouseenter:C,onMouseleave:N},[(0,_vue.h)("div",{class:"vxe-carousel--slots"},s?s({}):[]),(0,_vue.h)("div",{ref:c,class:"vxe-carousel--item-wrapper",style:t?{height:(0,_dom.toCssUnit)(t)}:null},[(e=>{const i=n["height"],u=d["activeName"];var t=m.value;return(0,_vue.h)("div",{class:"vxe-carousel--list",style:t},e.map(e=>{var{name:e,url:t,slots:a}=e,a=a?a.default:null;return(0,_vue.h)("div",{key:""+e,class:["vxe-carousel--item-inner",{"is--active":u===e}],style:i?{height:(0,_dom.toCssUnit)(i)}:null},a?y(a,{}):[(0,_vue.h)("img",{class:"vxe-carousel--item-img",src:t})])}))})(o)]),i?(e=>{const a=d["activeName"];return(0,_vue.h)("div",{class:"vxe-carousel--indicators"},e.map(t=>{var e=t["name"];return(0,_vue.h)("div",{key:""+e,class:["vxe-carousel--indicators-item",{"is--active":a===e}],onClick(e){_(e,t)}})}))})(o):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-carousel--btn-wrapper"},[(0,_vue.h)("div",{class:"vxe-carousel--previous-btn",onClick:p},[(0,_vue.h)("i",{class:u?(0,_ui.getIcon)().CAROUSEL_VERTICAL_PREVIOUS:(0,_ui.getIcon)().CAROUSEL_HORIZONTAL_PREVIOUS})]),(0,_vue.h)("div",{class:"vxe-carousel--next-btn",onClick:f},[(0,_vue.h)("i",{class:u?(0,_ui.getIcon)().CAROUSEL_VERTICAL_NEXT:(0,_ui.getIcon)().CAROUSEL_HORIZONTAL_NEXT})])]),(0,_vue.h)(_loading.default,{class:"vxe-carousel--loading",modelValue:e})])},l},render(){return this.renderVN()}});

package/lib/checkbox/src/checkbox.js

@@ -47,10 +47,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const formItemInfo = (0, _vue.inject)('xeFormItemInfo', null);
     const $xeCheckboxGroup = (0, _vue.inject)('$xeCheckboxGroup', null);
     const xID = _xeUtils.default.uniqueId();
+    const reactData = (0, _vue.reactive)({});
     const $xeCheckbox = {
       xID,
       props,
-      context
+      context,
+      reactData
     };
     let checkboxMethods = {};
     const {
@@ -66,15 +68,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         disabled
       } = props;
+      const isChecked = computeIsChecked.value;
       if (disabled === null) {
         if ($xeCheckboxGroup) {
           const {
-            computeIsDisabled,
-            computeIsMaximize
+            computeIsDisabled: computeIsGroupDisabled,
+            computeIsMaximize: computeIsGroupMaximize
           } = $xeCheckboxGroup.getComputeMaps();
-          const isMaximize = computeIsMaximize.value;
-          const isChecked = computeIsChecked.value;
-          return computeIsDisabled.value || isMaximize && !isChecked;
+          const isGroupDisabled = computeIsGroupDisabled.value;
+          const isGroupMaximize = computeIsGroupMaximize.value;
+          return isGroupDisabled || isGroupMaximize && !isChecked;
         }
       }
       return disabled;
@@ -105,19 +108,20 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
       }
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, (0, _ui.createEvent)(evnt, {
+        $checkbox: $xeCheckbox
+      }, params));
+    };
     checkboxMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, (0, _ui.createEvent)(evnt, {
-          $checkbox: $xeCheckbox
-        }, params));
-      }
+      dispatchEvent
     };
     Object.assign($xeCheckbox, checkboxMethods);
     const renderVN = () => {
       const vSize = computeSize.value;
       const isDisabled = computeIsDisabled.value;
       const isChecked = computeIsChecked.value;
-      const indeterminate = props.indeterminate;
+      const indeterminate = !isChecked && props.indeterminate;
       return (0, _vue.h)('label', {
         class: ['vxe-checkbox', {
           [`size--${vSize}`]: vSize,

package/lib/checkbox/src/checkbox.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")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCheckbox",props:{modelValue:[String,Number,Boolean],label:{type:[String,Number],default:null},indeterminate:Boolean,title:[String,Number],checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},content:[String,Number],disabled:{type:Boolean,default:null},size:{type:String,default:()=>(0,_ui.getConfig)().checkbox.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","change"],setup(i,e){const{slots:n,emit:a}=e,c=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("xeFormItemInfo",null),o=(0,_vue.inject)("$xeCheckboxGroup",null);const l={xID:_xeUtils.default.uniqueId(),props:i,context:e};let d={};const s=(0,_ui.useSize)(i)["computeSize"],p=(0,_vue.computed)(()=>o?_xeUtils.default.includes(o.props.modelValue,i.label):i.modelValue===i.checkedValue),v=(0,_vue.computed)(()=>{var e,t,u,l=i["disabled"];if(null===l&&o)return{computeIsDisabled:e,computeIsMaximize:t}=o.getComputeMaps(),t=t.value,u=p.value,e.value||t&&!u;return l}),_=e=>{var t,{checkedValue:u,uncheckedValue:l}=i;v.value||(u={checked:t=e.target.checked,value:t=t?u:l,label:i.label},o?o.handleChecked(u,e):(a("update:modelValue",t),d.dispatchEvent("change",u,e),c&&r&&c.triggerItemEvent(e,r.itemConfig.field,t)))};d={dispatchEvent(e,t,u){a(e,(0,_ui.createEvent)(u,{$checkbox:l},t))}},Object.assign(l,d);return l.renderVN=()=>{var e=s.value,t=v.value,u=p.value,l=i.indeterminate;return(0,_vue.h)("label",{class:["vxe-checkbox",{["size--"+e]:e,"is--indeterminate":l,"is--disabled":t,"is--checked":u}],title:i.title},[(0,_vue.h)("input",{class:"vxe-checkbox--input",type:"checkbox",disabled:t,checked:u,onChange:_}),(0,_vue.h)("span",{class:["vxe-checkbox--icon",l?(0,_ui.getIcon)().CHECKBOX_INDETERMINATE:u?(0,_ui.getIcon)().CHECKBOX_CHECKED:(0,_ui.getIcon)().CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},n.default?n.default({}):(0,_utils.getFuncText)(i.content))])},l},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")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCheckbox",props:{modelValue:[String,Number,Boolean],label:{type:[String,Number],default:null},indeterminate:Boolean,title:[String,Number],checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},content:[String,Number],disabled:{type:Boolean,default:null},size:{type:String,default:()=>(0,_ui.getConfig)().checkbox.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","change"],setup(i,e){const{slots:a,emit:n}=e,c=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("xeFormItemInfo",null),o=(0,_vue.inject)("$xeCheckboxGroup",null);var t=_xeUtils.default.uniqueId(),u=(0,_vue.reactive)({});const l={xID:t,props:i,context:e,reactData:u};let d={};const s=(0,_ui.useSize)(i)["computeSize"],v=(0,_vue.computed)(()=>o?_xeUtils.default.includes(o.props.modelValue,i.label):i.modelValue===i.checkedValue),p=(0,_vue.computed)(()=>{var e,t,u=i["disabled"],l=v.value;if(null===u&&o)return{computeIsDisabled:e,computeIsMaximize:t}=o.getComputeMaps(),e=e.value,t=t.value,e||t&&!l;return u}),_=e=>{var t,{checkedValue:u,uncheckedValue:l}=i;p.value||(u={checked:t=e.target.checked,value:t=t?u:l,label:i.label},o?o.handleChecked(u,e):(n("update:modelValue",t),d.dispatchEvent("change",u,e),c&&r&&c.triggerItemEvent(e,r.itemConfig.field,t)))};d={dispatchEvent:(e,t,u)=>{n(e,(0,_ui.createEvent)(u,{$checkbox:l},t))}},Object.assign(l,d);return l.renderVN=()=>{var e=s.value,t=p.value,u=v.value,l=!u&&i.indeterminate;return(0,_vue.h)("label",{class:["vxe-checkbox",{["size--"+e]:e,"is--indeterminate":l,"is--disabled":t,"is--checked":u}],title:i.title},[(0,_vue.h)("input",{class:"vxe-checkbox--input",type:"checkbox",disabled:t,checked:u,onChange:_}),(0,_vue.h)("span",{class:["vxe-checkbox--icon",l?(0,_ui.getIcon)().CHECKBOX_INDETERMINATE:u?(0,_ui.getIcon)().CHECKBOX_CHECKED:(0,_ui.getIcon)().CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},a.default?a.default({}):(0,_utils.getFuncText)(i.content))])},l},render(){return this.renderVN()}});

package/lib/checkbox/src/group.js

@@ -37,6 +37,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const $xeForm = (0, _vue.inject)('$xeForm', null);
     const formItemInfo = (0, _vue.inject)('xeFormItemInfo', null);
     const xID = _xeUtils.default.uniqueId();
+    const reactData = (0, _vue.reactive)({});
     const computeIsDisabled = (0, _vue.computed)(() => {
       const {
         disabled
@@ -60,7 +61,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       return false;
     });
     const computePropsOpts = (0, _vue.computed)(() => {
-      return props.optionProps || {};
+      return Object.assign({}, props.optionProps);
     });
     const computeLabelField = (0, _vue.computed)(() => {
       const propsOpts = computePropsOpts.value;
@@ -82,15 +83,17 @@ var _default = exports.default = (0, _vue.defineComponent)({
       xID,
       props,
       context,
+      reactData,
       getComputeMaps: () => computeMaps
     };
     (0, _ui.useSize)(props);
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, (0, _ui.createEvent)(evnt, {
+        $checkboxGroup: $xeCheckboxGroup
+      }, params));
+    };
     const checkboxGroupMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, (0, _ui.createEvent)(evnt, {
-          $checkboxGroup: $xeCheckboxGroup
-        }, params));
-      }
+      dispatchEvent
     };
     const checkboxGroupPrivateMethods = {
       handleChecked(params, evnt) {
@@ -136,8 +139,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
         });
       }) : []);
     };
-    $xeCheckboxGroup.renderVN = renderVN;
     (0, _vue.provide)('$xeCheckboxGroup', $xeCheckboxGroup);
+    $xeCheckboxGroup.renderVN = renderVN;
     return renderVN;
   }
 });

package/lib/checkbox/src/group.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")),_checkbox=_interopRequireDefault(require("./checkbox"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCheckboxGroup",props:{modelValue:Array,options:Array,optionProps:Object,disabled:{type:Boolean,default:null},max:{type:[String,Number],default:null},size:{type:String,default:()=>(0,_ui.getConfig)().checkboxGroup.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","change"],setup(a,e){const{slots:r,emit:i}=e,n=(0,_vue.inject)("$xeForm",null),d=(0,_vue.inject)("xeFormItemInfo",null);var u=_xeUtils.default.uniqueId(),t=(0,_vue.computed)(()=>{var e=a["disabled"];return null===e?!!n&&(n.props.readonly||n.props.disabled):e}),l=(0,_vue.computed)(()=>{var{modelValue:e,max:u}=a;return!!u&&(e?e.length:0)>=_xeUtils.default.toNumber(u)});const o=(0,_vue.computed)(()=>a.optionProps||{}),s=(0,_vue.computed)(()=>{return o.value.label||"label"}),p=(0,_vue.computed)(()=>{return o.value.value||"value"}),c=(0,_vue.computed)(()=>{return o.value.disabled||"disabled"}),v={computeIsMaximize:l,computeIsDisabled:t},_={xID:u,props:a,context:e,getComputeMaps:()=>v};(0,_ui.useSize)(a);Object.assign(_,{dispatchEvent(e,u,t){i(e,(0,_ui.createEvent)(t,{$checkboxGroup:_},u))}},{handleChecked(e,u){var{checked:t,label:l}=e,o=a.modelValue||[],r=o.indexOf(l);t?-1===r&&o.push(l):o.splice(r,1),i("update:modelValue",o),_.dispatchEvent("change",Object.assign({checklist:o},e),u),n&&d&&n.triggerItemEvent(u,d.itemConfig.field,o)}});l=()=>{var e=a["options"],u=r.default;const t=p.value,l=s.value,o=c.value;return(0,_vue.h)("div",{class:"vxe-checkbox-group"},u?u({}):e?e.map(e=>(0,_vue.h)(_checkbox.default,{label:e[t],content:e[l],disabled:e[o]})):[])};return _.renderVN=l,(0,_vue.provide)("$xeCheckboxGroup",_),l}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_checkbox=_interopRequireDefault(require("./checkbox"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCheckboxGroup",props:{modelValue:Array,options:Array,optionProps:Object,disabled:{type:Boolean,default:null},max:{type:[String,Number],default:null},size:{type:String,default:()=>(0,_ui.getConfig)().checkboxGroup.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","change"],setup(o,e){const{slots:a,emit:i}=e,n=(0,_vue.inject)("$xeForm",null),d=(0,_vue.inject)("xeFormItemInfo",null);var u=_xeUtils.default.uniqueId(),t=(0,_vue.reactive)({}),l=(0,_vue.computed)(()=>{var e=o["disabled"];return null===e?!!n&&(n.props.readonly||n.props.disabled):e}),r=(0,_vue.computed)(()=>{var{modelValue:e,max:u}=o;return!!u&&(e?e.length:0)>=_xeUtils.default.toNumber(u)});const s=(0,_vue.computed)(()=>Object.assign({},o.optionProps)),c=(0,_vue.computed)(()=>{return s.value.label||"label"}),p=(0,_vue.computed)(()=>{return s.value.value||"value"}),v=(0,_vue.computed)(()=>{return s.value.disabled||"disabled"}),_={computeIsMaximize:r,computeIsDisabled:l},m={xID:u,props:o,context:e,reactData:t,getComputeMaps:()=>_};(0,_ui.useSize)(o);Object.assign(m,{dispatchEvent:(e,u,t)=>{i(e,(0,_ui.createEvent)(t,{$checkboxGroup:m},u))}},{handleChecked(e,u){var{checked:t,label:l}=e,r=o.modelValue||[],a=r.indexOf(l);t?-1===a&&r.push(l):r.splice(a,1),i("update:modelValue",r),m.dispatchEvent("change",Object.assign({checklist:r},e),u),n&&d&&n.triggerItemEvent(u,d.itemConfig.field,r)}});r=()=>{var e=o["options"],u=a.default;const t=p.value,l=c.value,r=v.value;return(0,_vue.h)("div",{class:"vxe-checkbox-group"},u?u({}):e?e.map(e=>(0,_vue.h)(_checkbox.default,{label:e[t],content:e[l],disabled:e[r]})):[])};return(0,_vue.provide)("$xeCheckboxGroup",m),m.renderVN=r}});

package/lib/collapse-pane/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.VxeCollapsePane = exports.CollapsePane = void 0;
 var _core = require("@vxe-ui/core");
-var _collapsePane = _interopRequireDefault(require("./src/collapse-pane"));
+var _collapsePane = _interopRequireDefault(require("../collapse/src/collapse-pane"));
 var _dynamics = require("../dynamics");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const VxeCollapsePane = exports.VxeCollapsePane = Object.assign({}, _collapsePane.default, {

package/lib/collapse-pane/index.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeCollapsePane=exports.CollapsePane=void 0;var _core=require("@vxe-ui/core"),_collapsePane=_interopRequireDefault(require("./src/collapse-pane")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeCollapsePane=exports.VxeCollapsePane=Object.assign({},_collapsePane.default,{install(e){e.component(_collapsePane.default.name,_collapsePane.default)}}),CollapsePane=(_dynamics.dynamicApp.use(VxeCollapsePane),_core.VxeUI.component(_collapsePane.default),exports.CollapsePane=VxeCollapsePane);var _default=exports.default=VxeCollapsePane;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeCollapsePane=exports.CollapsePane=void 0;var _core=require("@vxe-ui/core"),_collapsePane=_interopRequireDefault(require("../collapse/src/collapse-pane")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeCollapsePane=exports.VxeCollapsePane=Object.assign({},_collapsePane.default,{install(e){e.component(_collapsePane.default.name,_collapsePane.default)}}),CollapsePane=(_dynamics.dynamicApp.use(VxeCollapsePane),_core.VxeUI.component(_collapsePane.default),exports.CollapsePane=VxeCollapsePane);var _default=exports.default=VxeCollapsePane;

package/lib/countdown/src/countdown.js

@@ -37,6 +37,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       currNum: 0,
       secondNum: 0
     });
+    const internalData = {
+      dnTimeout: undefined
+    };
     const refMaps = {
       refElem
     };
@@ -96,10 +99,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
-    let htime = null;
     const dispatchEvent = (type, params, evnt) => {
       emit(type, (0, _ui.createEvent)(evnt, {
         $carousel: $xeCountdown
@@ -116,10 +119,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } = reactData;
       if (currNum > 1000) {
         reactData.currNum -= 1000;
-        htime = setTimeout(handleTime, 1000);
+        internalData.dnTimeout = setTimeout(() => {
+          handleTime();
+        }, 1000);
       } else {
         reactData.currNum = 0;
-        stop();
+        handleStop();
       }
     };
     const countdownMethods = {
@@ -130,9 +135,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
       handleTime();
     };
     const handleStop = () => {
-      if (htime != null) {
-        clearTimeout(htime);
-        htime = null;
+      const {
+        dnTimeout
+      } = internalData;
+      if (dnTimeout) {
+        clearTimeout(dnTimeout);
+        internalData.dnTimeout = undefined;
         dispatchEvent('end', {}, null);
       }
     };
@@ -207,7 +215,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
         status: suffixOpts.status
       })]) : (0, _vue.createCommentVNode)()]);
     };
-    $xeCountdown.renderVN = renderVN;
     (0, _vue.watch)(() => props.modelValue, () => {
       updateCount();
       handleStop();
@@ -220,6 +227,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       handleStart();
     });
     updateCount();
+    $xeCountdown.renderVN = renderVN;
     return $xeCountdown;
   },
   render() {

package/lib/countdown/src/countdown.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_text=_interopRequireDefault(require("../../text/src/text")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCountdown",props:{modelValue:[Number,String],format:String,prefixConfig:Object,suffixConfig:Object,size:{type:String,default:()=>(0,_ui.getConfig)().countdown.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","start","end"],setup(d,e){const{slots:l,emit:n}=e;var t=_xeUtils.default.uniqueId();const v=(0,_vue.ref)(),f=(0,_ui.useSize)(d)["computeSize"],m=(0,_vue.reactive)({currNum:0,secondNum:0}),u={refElem:v},_=(0,_vue.computed)(()=>{var e=m["secondNum"];return 316224e5<=e?["yyyy","MM","dd","HH","mm","ss"]:26784e5<=e?["MM","dd","HH","mm","ss"]:864e5<=e?["dd","HH","mm","ss"]:36e5<=e?["HH","mm","ss"]:6e4<=e?["mm","ss"]:["ss"]}),x=(0,_vue.computed)(()=>{var e=m["currNum"];return _xeUtils.default.getDateDiff(Date.now(),Date.now()+e)}),p=(0,_vue.computed)(()=>{var e=d["format"],t=x.value;let u="";return e&&(u=""+e,_xeUtils.default.each(t,(e,t)=>{u=u.replace(new RegExp(t,"g"),_xeUtils.default.padStart(e,t.length,"0"))})),u}),g=(0,_vue.computed)(()=>Object.assign({},d.prefixConfig,(0,_ui.getConfig)().countdown.prefixConfig)),C=(0,_vue.computed)(()=>Object.assign({},d.suffixConfig,(0,_ui.getConfig)().countdown.suffixConfig)),o={computeSize:f},r={xID:t,props:d,context:e,reactData:m,getRefMaps:()=>u,getComputeMaps:()=>o};let s=null;const i=(e,t,u)=>{n(e,(0,_ui.createEvent)(u,{$carousel:r},t))},a=()=>{var e=_xeUtils.default.toNumber(d.modelValue||0);m.secondNum=e,m.currNum=e},c=()=>{var e=m["currNum"];1e3<e?(m.currNum-=1e3,s=setTimeout(c,1e3)):(m.currNum=0,stop())};t={dispatchEvent:i};const N=()=>{i("start",{},null),c()},w=()=>{null!=s&&(clearTimeout(s),s=null,i("end",{},null))};Object.assign(r,t,{});return r.renderVN=()=>{var{prefixConfig:e,suffixConfig:t}=d,u=m["currNum"],n=f.value,o=x.value,r=g.value,s=C.value,i=l.prefix,a=l.suffix,c=l.default;return(0,_vue.h)("div",{ref:v,class:["vxe-countdown",o.done?"is--progress":"is-end",{["size--"+n]:n}]},[i||e?(0,_vue.h)("div",{class:"vxe-countdown--prefix"},i?(0,_vn.getSlotVNs)(i({currentValue:u,diffConf:o})):[(0,_vue.h)(_text.default,{content:r.content,icon:r.icon,status:r.status})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-countdown--content"},c?(0,_vn.getSlotVNs)(c({currentValue:u,diffConf:o})):(()=>{var e=d["format"],t=_.value;const u=x.value;var n=p.value;return e?[(0,_vue.h)("div",{key:"format",class:"vxe-countdown--content-format"},n)]:t.map((e,t)=>(0,_vue.h)("div",{key:t,class:"vxe-countdown--content-item"},[(0,_vue.h)("div",{class:"vxe-countdown--content-num"},""+(u[e]||0)),(0,_vue.h)("div",{class:"vxe-countdown--content-unit"},(0,_ui.getI18n)("vxe.countdown.formats."+e))]))})()),a||t?(0,_vue.h)("div",{class:"vxe-countdown--suffix"},a?(0,_vn.getSlotVNs)(a({currentValue:u,diffConf:o})):[(0,_vue.h)(_text.default,{content:s.content,icon:s.icon,status:s.status})]):(0,_vue.createCommentVNode)()])},(0,_vue.watch)(()=>d.modelValue,()=>{a(),w(),N()}),(0,_vue.onUnmounted)(()=>{w()}),(0,_vue.onMounted)(()=>{N()}),a(),r},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_text=_interopRequireDefault(require("../../text/src/text")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCountdown",props:{modelValue:[Number,String],format:String,prefixConfig:Object,suffixConfig:Object,size:{type:String,default:()=>(0,_ui.getConfig)().countdown.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","start","end"],setup(c,e){const{slots:v,emit:n}=e;var t=_xeUtils.default.uniqueId();const f=(0,_vue.ref)(),l=(0,_ui.useSize)(c)["computeSize"],m=(0,_vue.reactive)({currNum:0,secondNum:0}),u={dnTimeout:void 0},o={refElem:f},_=(0,_vue.computed)(()=>{var e=m["secondNum"];return 316224e5<=e?["yyyy","MM","dd","HH","mm","ss"]:26784e5<=e?["MM","dd","HH","mm","ss"]:864e5<=e?["dd","HH","mm","ss"]:36e5<=e?["HH","mm","ss"]:6e4<=e?["mm","ss"]:["ss"]}),x=(0,_vue.computed)(()=>{var e=m["currNum"];return _xeUtils.default.getDateDiff(Date.now(),Date.now()+e)}),p=(0,_vue.computed)(()=>{var e=c["format"],t=x.value;let u="";return e&&(u=""+e,_xeUtils.default.each(t,(e,t)=>{u=u.replace(new RegExp(t,"g"),_xeUtils.default.padStart(e,t.length,"0"))})),u}),g=(0,_vue.computed)(()=>Object.assign({},c.prefixConfig,(0,_ui.getConfig)().countdown.prefixConfig)),C=(0,_vue.computed)(()=>Object.assign({},c.suffixConfig,(0,_ui.getConfig)().countdown.suffixConfig)),r={computeSize:l},i={xID:t,props:c,context:e,reactData:m,internalData:u,getRefMaps:()=>o,getComputeMaps:()=>r},s=(e,t,u)=>{n(e,(0,_ui.createEvent)(u,{$carousel:i},t))},a=()=>{var e=_xeUtils.default.toNumber(c.modelValue||0);m.secondNum=e,m.currNum=e},d=()=>{var e=m["currNum"];1e3<e?(m.currNum-=1e3,u.dnTimeout=setTimeout(()=>{d()},1e3)):(m.currNum=0,w())};t={dispatchEvent:s};const N=()=>{s("start",{},null),d()},w=()=>{var e=u["dnTimeout"];e&&(clearTimeout(e),u.dnTimeout=void 0,s("end",{},null))};Object.assign(i,t,{});return(0,_vue.watch)(()=>c.modelValue,()=>{a(),w(),N()}),(0,_vue.onUnmounted)(()=>{w()}),(0,_vue.onMounted)(()=>{N()}),a(),i.renderVN=()=>{var{prefixConfig:e,suffixConfig:t}=c,u=m["currNum"],n=l.value,o=x.value,r=g.value,i=C.value,s=v.prefix,a=v.suffix,d=v.default;return(0,_vue.h)("div",{ref:f,class:["vxe-countdown",o.done?"is--progress":"is-end",{["size--"+n]:n}]},[s||e?(0,_vue.h)("div",{class:"vxe-countdown--prefix"},s?(0,_vn.getSlotVNs)(s({currentValue:u,diffConf:o})):[(0,_vue.h)(_text.default,{content:r.content,icon:r.icon,status:r.status})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-countdown--content"},d?(0,_vn.getSlotVNs)(d({currentValue:u,diffConf:o})):(()=>{var e=c["format"],t=_.value;const u=x.value;var n=p.value;return e?[(0,_vue.h)("div",{key:"format",class:"vxe-countdown--content-format"},n)]:t.map((e,t)=>(0,_vue.h)("div",{key:t,class:"vxe-countdown--content-item"},[(0,_vue.h)("div",{class:"vxe-countdown--content-num"},""+(u[e]||0)),(0,_vue.h)("div",{class:"vxe-countdown--content-unit"},(0,_ui.getI18n)("vxe.countdown.formats."+e))]))})()),a||t?(0,_vue.h)("div",{class:"vxe-countdown--suffix"},a?(0,_vn.getSlotVNs)(a({currentValue:u,diffConf:o})):[(0,_vue.h)(_text.default,{content:i.content,icon:i.icon,status:i.status})]):(0,_vue.createCommentVNode)()])},i},render(){return this.renderVN()}});