vxe-pc-ui 3.16.0 → 3.16.1

package/lib/context-menu/src/context-menu.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}function createInternalData(){return{}}function createReactData(){return{visible:!1,activeOption:null,activeChildOption:null,popupStyle:{top:"",left:"",zIndex:0},childOffsetX:0}}function hasChildMenu(e){e=e.children;return e&&e.some(function(e){return!1!==e.visible})}function hasValidItem(e){return!e.loading&&!e.disabled&&!1!==e.visible}function findNextFirstItem(e,t){for(var n=0;n<e.length;n++)if(t===e[n]){var i=e[n+1];if(i)return i}return _xeUtils.default.first(e)}function findPrevFirstItem(e,t){for(var n=0;n<e.length;n++){var i=e[n];if(t===i&&0<n)return e[n-1]}return _xeUtils.default.last(e)}function findFirstChildItem(e){var t=e.children;if(t)for(var n=0;n<t.length;n++){var i=t[n];if(hasValidItem(i))return i}return null}function findPrevChildItem(e,t){var n=e.children,i=null;if(n){for(var a=0;a<n.length;a++){var o=n[a];if(t===o)break;hasValidItem(o)&&(i=o)}if(!i)for(var l=n.length-1;0<=l;l--){var r=n[l];if(hasValidItem(r))return r}}return i}function findNextChildItem(e,t){var n=e.children,i=null;if(n)for(var a=!1,o=0;o<n.length;o++){var l=n[o];if(i||hasValidItem(l)&&(i=l),a){if(hasValidItem(l))return l}else a=t===l}return i}function openMenu(e){var t=e.reactData,n=e.value,i=t.visible,a=!0;return t.visible=a,e.handleLocate(),e.updateZindex(),n!==a&&(e.emitModel(a),e.dispatchEvent("change",{value:a},null)),i!==a&&e.dispatchEvent("show",{visible:a},null),e.$nextTick().then(function(){e.updateLocate()})}function closeMenu(e){var t=e.reactData,n=e.value,i=t.visible;return(t.visible=!1)!==n&&(e.emitModel(!1),e.dispatchEvent("change",{value:!1},null)),!1!==i&&e.dispatchEvent("hide",{visible:!1},null),e.$nextTick()}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeContextMenu",mixins:[_ui.globalMixins.sizeMixin],props:{value:Boolean,className:String,size:{type:String,default:function(){return(0,_ui.getConfig)().contextMenu.size||(0,_ui.getConfig)().size}},options:Array,x:[Number,String],y:[Number,String],autoLocate:{type:Boolean,default:function(){return(0,_ui.getConfig)().contextMenu.autoLocate}},zIndex:[Number,String],position:{type:String,default:function(){return(0,_ui.getConfig)().contextMenu.position}},destroyOnClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().contextMenu.destroyOnClose}},transfer:{type:Boolean,default:function(){return(0,_ui.getConfig)().contextMenu.transfer}}},data:function(){var e=createReactData();return Object.assign(Object.assign({},{}),{xID:_xeUtils.default.uniqueId(),reactData:e})},computed:Object.assign(Object.assign({},{}),{computeMenuGroups:function(){return this.options||[]},computeAllFirstMenuList:function(){for(var e=this.computeMenuGroups,t=[],n=0;n<e.length;n++)for(var i=e[n],a=0;a<i.length;a++){var o=i[a];hasValidItem(o)&&t.push(o)}return t},computeTopAndLeft:function(){var e=this.x,t=this.y;return"".concat(e).concat(t)}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$contextMenu:this},t))},emitModel:function(e){var t=this._events;this.$emit("input",e),t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},open:function(){return openMenu(this)},close:function(){return closeMenu(this)},handleLocate:function(){var e=this.reactData,t=this.x,n=this.y,e=e.popupStyle;e.left=(0,_dom.toCssUnit)(t||0),e.top=(0,_dom.toCssUnit)(n||0),this.updateLocate()},updateZindex:function(){var e=this.reactData,t=this.zIndex,n=this.transfer,e=e.popupStyle,i=e.zIndex;t?e.zIndex=_xeUtils.default.toNumber(t):i<(0,_utils.getLastZIndex)()&&(e.zIndex=(n?(0,_utils.nextSubZIndex):(0,_utils.nextZIndex))())},updateLocate:function(){var e,t,n,i,a,o=this.reactData,l=this.autoLocate,r=this.position,o=o.popupStyle;l&&(l=this.$refs.refElem)&&(e=(t=(0,_dom.getDomNode)()).visibleWidth,t=t.visibleHeight,i=getComputedStyle(l),n=_xeUtils.default.toNumber(i.top),i=_xeUtils.default.toNumber(i.left),a=l.offsetWidth,l=l.offsetHeight,"absolute"!==r)&&(t<n+l&&(o.top="".concat(Math.max(0,n-l),"px")),e<i+a)&&(o.left="".concat(Math.max(0,i-a),"px")),this.updateChildLocate()},updateChildLocate:function(){var i,a,e,o=this.reactData,l=this.$refs.refElem;l&&(i=(0,_dom.getDomNode)().visibleWidth,a=4,(e=function(){var e=getComputedStyle(l),e=_xeUtils.default.toNumber(e.left),t=l.offsetWidth,n=l.querySelector(".vxe-context-menu--children-wrapper"),n=n?n.offsetWidth:t;o.childOffsetX=i-n<e+t?-n+a:t-a})(),this.$nextTick(function(){e()}))},handleVisible:function(){(this.value?openMenu:closeMenu)(this)},handleItemClickEvent:function(e,t){e.preventDefault(),e.stopPropagation(),t.disabled||t.loading||hasChildMenu(t)||(this.dispatchEvent("option-click",{option:t},e),closeMenu(this))},handleItemMouseenterEvent:function(e,t,n){var i=this,a=i.reactData,o=i.internalData.leaveTime;o&&clearTimeout(o),a.activeOption=n||t,n?(a.activeOption=n,a.activeChildOption=t):hasChildMenu(a.activeOption=t)?(a.activeChildOption=findFirstChildItem(t),i.$nextTick(function(){i.updateChildLocate()})):a.activeChildOption=null},handleItemMouseleaveEvent:function(){var e=this.reactData,t=this.internalData,n=t.leaveTime;n&&clearTimeout(n),t.leaveTime=setTimeout(function(){t.leaveTime=null,e.activeOption=null,e.activeChildOption=null},300)},handleGlobalMousewheelEvent:function(e){var t;this.reactData.visible&&(t=this.$refs.refElem,(0,_dom.getEventTargetNode)(e,t,"").flag||closeMenu(this))},handleGlobalKeydownEvent:function(e){var t=this,n=t.reactData,i=n.visible,a=n.activeOption,o=n.activeChildOption,l=t.computeAllFirstMenuList;if(i){var i=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),r=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),u=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),s=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),c=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ENTER);if(!_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE))return c&&(a||o)?(e.preventDefault(),e.stopPropagation(),!o&&hasChildMenu(a)?(n.activeChildOption=findFirstChildItem(a),void t.updateChildLocate()):void t.handleItemClickEvent(e,o||a)):void(o?r?(e.preventDefault(),n.activeChildOption=findPrevChildItem(a,o),t.updateChildLocate()):s?(e.preventDefault(),n.activeChildOption=findNextChildItem(a,o),t.updateChildLocate()):i&&(e.preventDefault(),n.activeChildOption=null):a?(e.preventDefault(),r?n.activeOption=findPrevFirstItem(l,a):s?n.activeOption=findNextFirstItem(l,a):hasChildMenu(a)&&u&&(n.activeChildOption=findFirstChildItem(a),t.updateChildLocate())):(e.preventDefault(),n.activeOption=_xeUtils.default.first(l)));closeMenu(t)}},handleGlobalMousedownEvent:function(e){var t;this.reactData.visible&&(t=this.$refs.refElem,(0,_dom.getEventTargetNode)(e,t,"").flag||closeMenu(this))},handleGlobalBlurEvent:function(){this.reactData.visible&&closeMenu(this)},renderMenuItem:function(e,t,n,i){var a,o,l,r,u=this,s=t.visible,c=t.disabled,d=t.loading;return!1===s?(0,_ui.renderEmptyElement)(u):(a=(s=Object.assign({},t.prefixConfig)).icon||t.prefixIcon,l=(o=Object.assign({},t.suffixConfig)).icon||t.suffixIcon,r=d?(0,_ui.getI18n)("vxe.contextMenu.loadingText"):(0,_utils.getFuncText)(t.name),e("div",{class:["vxe-context-menu--item-inner",{"is--disabled":c,"is--loading":d}],on:{click:function(e){u.handleItemClickEvent(e,t)},mouseenter:function(e){u.handleItemMouseenterEvent(e,t,n)},mouseleave:u.handleItemMouseleaveEvent}},[e("div",{class:["vxe-context-menu--item-prefix",s.className||""]},d?[e("span",{key:"1"},[e("i",{class:(0,_ui.getIcon)().CONTEXT_MENU_OPTION_LOADING})])]:[a&&_xeUtils.default.isFunction(a)?e("span",{key:"2"},(0,_vn.getSlotVNs)(a({}))):e("span",{key:"3"},[e("i",{class:a})]),s.content?e("span",{key:"4"},"".concat(s.content||"")):(0,_ui.renderEmptyElement)(u)]),e("div",{class:"vxe-context-menu--item-label"},r),d||!l&&!o.content?(0,_ui.renderEmptyElement)(u):e("div",{class:["vxe-context-menu--item-suffix",o.className||""]},[l&&_xeUtils.default.isFunction(l)?e("span",{key:"2"},(0,_vn.getSlotVNs)(l({}))):e("span",{key:"3"},[e("i",{class:l})]),o.content?e("span",{key:"4"},"".concat(o.content||"")):(0,_ui.renderEmptyElement)(u)]),i?e("div",{class:"vxe-context-menu--item-subicon"},[e("i",{class:(0,_ui.getIcon)().CONTEXT_MENU_CHILDREN})]):(0,_ui.renderEmptyElement)(u)]))},renderMenus:function(u){var s=this,e=s.reactData,c=e.activeOption,d=e.activeChildOption,f=e.childOffsetX,t=[];return s.computeMenuGroups.forEach(function(e,l){var r=[];e.forEach(function(t,e){var n=t.children,i=n&&n.some(function(e){return!1!==e.visible}),a=c===t,o=a&&!!d;r.push(u("div",{key:"".concat(l,"_").concat(e),class:["vxe-context-menu--item-wrapper vxe-context-menu--first-item",t.className||"",{"is--active":a,"is--subactive":a&&!!d}]},[i&&o?u("div",{class:"vxe-context-menu--children-wrapper",style:{transform:"translate(".concat(f,"px, -2px)")}},n.map(function(e){return u("div",{class:["vxe-context-menu--item-wrapper vxe-context-menu--child-item",e.className||"",{"is--active":d===e}]},[s.renderMenuItem(u,e,t)])})):(0,_ui.renderEmptyElement)(s),s.renderMenuItem(u,t,null,i)]))}),t.push(u("div",{key:l,class:"vxe-context-menu--group-wrapper"},r))}),t},renderVN:function(e){var t=this.reactData,n=this.className,i=this.position,a=this.destroyOnClose,o=t.visible,t=t.popupStyle,l=this.computeSize;return e("div",{ref:"refElem",class:["vxe-context-menu vxe-context-menu--wrapper","absolute"===i?"is--"+i:"is--fixed",n||"",_defineProperty(_defineProperty({},"size--".concat(l),l),"is--visible",o)],style:t},!a||o?this.renderMenus(e):[])}},watch:{value:function(){var e=this;e.handleVisible(),e.$nextTick(function(){e.updateLocate()})},computeTopAndLeft:function(){this.handleLocate()}},created:function(){var e=this;e.internalData=createInternalData(),e.handleVisible(),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"keydown",e.handleGlobalKeydownEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this,t=e.reactData,n=e.internalData,i=n.leaveTime;i&&clearTimeout(i),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"keydown"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"blur"),_xeUtils.default.assign(t,createReactData()),_xeUtils.default.assign(n,createInternalData())},render:function(e){return this.renderVN(e)}});

package/lib/context-menu/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/context-menu/style/style.css

@@ -0,0 +1,109 @@
+.vxe-context-menu {
+  --vxe-ui-context-menu-current-font-size: var(--vxe-ui-font-size-default);
+}
+.vxe-context-menu.size--medium {
+  --vxe-ui-context-menu-current-font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-context-menu.size--small {
+  --vxe-ui-context-menu-current-font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-context-menu.size--mini {
+  --vxe-ui-context-menu-current-font-size: var(--vxe-ui-font-size-mini);
+}
+
+.vxe-context-menu {
+  display: none;
+  top: 0;
+  left: 0;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.vxe-context-menu.is--visible {
+  display: block;
+}
+.vxe-context-menu.is--fixed {
+  position: fixed;
+}
+.vxe-context-menu.is--absolute {
+  position: absolute;
+}
+
+.vxe-context-menu--group-wrapper {
+  border-top: 1px solid var(--vxe-ui-base-popup-border-color);
+}
+.vxe-context-menu--group-wrapper:first-child {
+  border: 0;
+}
+
+.vxe-context-menu--wrapper,
+.vxe-context-menu--children-wrapper {
+  padding: 0;
+  font-size: var(--vxe-ui-context-menu-current-font-size);
+  color: var(--vxe-ui-font-color);
+  font-family: var(--vxe-ui-font-family);
+  border: 1px solid var(--vxe-ui-base-popup-border-color);
+  background-color: var(--vxe-ui-layout-background-color);
+  border-radius: var(--vxe-ui-base-border-radius);
+  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
+}
+
+.vxe-context-menu--children-wrapper {
+  display: none;
+  position: absolute;
+  transform: translate(0, -5px);
+}
+
+.vxe-context-menu--item-wrapper {
+  position: relative;
+  min-width: 12em;
+  max-width: 20em;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.vxe-context-menu--item-wrapper.is--active {
+  background-color: var(--vxe-ui-base-hover-background-color);
+}
+
+.vxe-context-menu--first-item.is--subactive .vxe-context-menu--children-wrapper {
+  display: block;
+}
+
+.vxe-context-menu--item-inner {
+  height: var(--vxe-ui-context-menu-option-height);
+  display: flex;
+  align-items: center;
+  padding: 0 0.8em;
+  cursor: pointer;
+}
+.vxe-context-menu--item-inner.is--loading {
+  opacity: 0.5;
+  cursor: progress;
+}
+.vxe-context-menu--item-inner.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: no-drop;
+}
+
+.vxe-context-menu--item-prefix {
+  min-width: 1em;
+  text-align: center;
+}
+
+.vxe-context-menu--item-prefix,
+.vxe-context-menu--item-suffix {
+  flex-shrink: 0;
+  font-size: 0.9em;
+}
+
+.vxe-context-menu--item-label {
+  font-size: 0.9em;
+  padding: 0 0.5em;
+  flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

package/lib/context-menu/style/style.min.css

@@ -0,0 +1 @@
+.vxe-context-menu{--vxe-ui-context-menu-current-font-size:var(--vxe-ui-font-size-default)}.vxe-context-menu.size--medium{--vxe-ui-context-menu-current-font-size:var(--vxe-ui-font-size-medium)}.vxe-context-menu.size--small{--vxe-ui-context-menu-current-font-size:var(--vxe-ui-font-size-small)}.vxe-context-menu.size--mini{--vxe-ui-context-menu-current-font-size:var(--vxe-ui-font-size-mini)}.vxe-context-menu{display:none;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-context-menu.is--visible{display:block}.vxe-context-menu.is--fixed{position:fixed}.vxe-context-menu.is--absolute{position:absolute}.vxe-context-menu--group-wrapper{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-context-menu--group-wrapper:first-child{border:0}.vxe-context-menu--children-wrapper,.vxe-context-menu--wrapper{padding:0;font-size:var(--vxe-ui-context-menu-current-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);border:1px solid var(--vxe-ui-base-popup-border-color);background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);box-shadow:0 0 12px 0 rgba(0,0,0,.3)}.vxe-context-menu--children-wrapper{display:none;position:absolute;transform:translate(0,-5px)}.vxe-context-menu--item-wrapper{position:relative;min-width:12em;max-width:20em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-context-menu--item-wrapper.is--active{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-context-menu--first-item.is--subactive .vxe-context-menu--children-wrapper{display:block}.vxe-context-menu--item-inner{height:var(--vxe-ui-context-menu-option-height);display:flex;align-items:center;padding:0 .8em;cursor:pointer}.vxe-context-menu--item-inner.is--loading{opacity:.5;cursor:progress}.vxe-context-menu--item-inner.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-context-menu--item-prefix{min-width:1em;text-align:center}.vxe-context-menu--item-prefix,.vxe-context-menu--item-suffix{flex-shrink:0;font-size:.9em}.vxe-context-menu--item-label{font-size:.9em;padding:0 .5em;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/lib/countdown/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeCountdown = exports.Countdown = void 0;
+var _core = require("@vxe-ui/core");
+var _countdown = _interopRequireDefault(require("./src/countdown"));
+var _dynamics = require("../dynamics");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var VxeCountdown = exports.VxeCountdown = Object.assign({}, _countdown.default, {
+  install: function install(app) {
+    app.component(_countdown.default.name, _countdown.default);
+  }
+});
+_dynamics.dynamicApp.use(VxeCountdown);
+_core.VxeUI.component(_countdown.default);
+var Countdown = exports.Countdown = VxeCountdown;
+var _default = exports.default = VxeCountdown;

package/lib/countdown/index.min.js

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

package/lib/countdown/src/countdown.js

@@ -0,0 +1,251 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _comp = require("../../ui/src/comp");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _ui = require("../../ui");
+var _vn = require("../../ui/src/vn");
+var _text = _interopRequireDefault(require("../../text/src/text"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
+  name: 'VxeCountdown',
+  mixins: [_ui.globalMixins.sizeMixin],
+  props: {
+    value: [Number, String],
+    format: String,
+    prefixConfig: Object,
+    suffixConfig: Object,
+    size: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().countdown.size || (0, _ui.getConfig)().size;
+      }
+    }
+  },
+  data: function data() {
+    var xID = _xeUtils.default.uniqueId();
+    var reactData = {
+      currNum: 0,
+      secondNum: 0
+    };
+    var internalData = {
+      dnTimeout: undefined
+    };
+    return {
+      xID: xID,
+      reactData: reactData,
+      internalData: internalData
+    };
+  },
+  computed: Object.assign(Object.assign({}, {}), {
+    computeTimeFormats: function computeTimeFormats() {
+      var $xeCountdown = this;
+      var reactData = $xeCountdown.reactData;
+      var secondNum = reactData.secondNum;
+      if (secondNum >= 31622400000) {
+        return ['yyyy', 'MM', 'dd', 'HH', 'mm', 'ss'];
+      }
+      if (secondNum >= 2678400000) {
+        return ['MM', 'dd', 'HH', 'mm', 'ss'];
+      }
+      if (secondNum >= 86400000) {
+        return ['dd', 'HH', 'mm', 'ss'];
+      }
+      if (secondNum >= 3600000) {
+        return ['HH', 'mm', 'ss'];
+      }
+      if (secondNum >= 60000) {
+        return ['mm', 'ss'];
+      }
+      return ['ss'];
+    },
+    computeDiffConf: function computeDiffConf() {
+      var $xeCountdown = this;
+      var reactData = $xeCountdown.reactData;
+      var currNum = reactData.currNum;
+      var diffRest = _xeUtils.default.getDateDiff(Date.now(), Date.now() + currNum);
+      return Object.assign(diffRest, {
+        done: !(_xeUtils.default.isBoolean(diffRest.status) ? diffRest.status : diffRest.done)
+      });
+    },
+    computeFormatLabel: function computeFormatLabel() {
+      var $xeCountdown = this;
+      var props = $xeCountdown;
+      var format = props.format;
+      var diffConf = $xeCountdown.computeDiffConf;
+      var rest = '';
+      if (format) {
+        rest = "".concat(format);
+        _xeUtils.default.each(diffConf, function (val, key) {
+          rest = rest.replace(new RegExp(key, 'g'), _xeUtils.default.padStart(val, key.length, '0'));
+        });
+        return rest;
+      }
+      return rest;
+    },
+    computePrefixOpts: function computePrefixOpts() {
+      var $xeCountdown = this;
+      var props = $xeCountdown;
+      return Object.assign({}, props.prefixConfig, (0, _ui.getConfig)().countdown.prefixConfig);
+    },
+    computeSuffixOpts: function computeSuffixOpts() {
+      var $xeCountdown = this;
+      var props = $xeCountdown;
+      return Object.assign({}, props.suffixConfig, (0, _ui.getConfig)().countdown.suffixConfig);
+    }
+  }),
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeCountdown = this;
+      $xeCountdown.$emit(type, (0, _ui.createEvent)(evnt, {
+        $carousel: $xeCountdown
+      }, params));
+    },
+    updateCount: function updateCount() {
+      var $xeCountdown = this;
+      var props = $xeCountdown;
+      var reactData = $xeCountdown.reactData;
+      var secondNum = _xeUtils.default.toNumber(props.value || 0);
+      reactData.secondNum = secondNum;
+      reactData.currNum = secondNum;
+    },
+    handleTime: function handleTime() {
+      var $xeCountdown = this;
+      var reactData = $xeCountdown.reactData;
+      var internalData = $xeCountdown.internalData;
+      var currNum = reactData.currNum;
+      if (currNum > 1000) {
+        reactData.currNum -= 1000;
+        internalData.dnTimeout = setTimeout(function () {
+          $xeCountdown.handleTime();
+        }, 1000);
+      } else {
+        reactData.currNum = 0;
+        $xeCountdown.handleStop();
+      }
+    },
+    handleStart: function handleStart() {
+      var $xeCountdown = this;
+      $xeCountdown.dispatchEvent('start', {}, null);
+      $xeCountdown.handleTime();
+    },
+    handleStop: function handleStop() {
+      var $xeCountdown = this;
+      var internalData = $xeCountdown.internalData;
+      var dnTimeout = internalData.dnTimeout;
+      if (dnTimeout) {
+        clearTimeout(dnTimeout);
+        internalData.dnTimeout = undefined;
+        $xeCountdown.dispatchEvent('end', {}, null);
+      }
+    },
+    //
+    // Render
+    //
+    renderDefaultContentVNs: function renderDefaultContentVNs(h) {
+      var $xeCountdown = this;
+      var props = $xeCountdown;
+      var format = props.format;
+      var timeFormats = $xeCountdown.computeTimeFormats;
+      var diffConf = $xeCountdown.computeDiffConf;
+      var formatLabel = $xeCountdown.computeFormatLabel;
+      if (format) {
+        return [h('div', {
+          key: 'format',
+          class: 'vxe-countdown--content-format'
+        }, formatLabel)];
+      }
+      return timeFormats.map(function (key, index) {
+        return h('div', {
+          key: index,
+          class: 'vxe-countdown--content-item'
+        }, [h('div', {
+          class: 'vxe-countdown--content-num'
+        }, "".concat(diffConf[key] || 0)), h('div', {
+          class: 'vxe-countdown--content-unit'
+        }, (0, _ui.getI18n)("vxe.countdown.formats.".concat(key)))]);
+      });
+    },
+    renderVN: function renderVN(h) {
+      var $xeCountdown = this;
+      var props = $xeCountdown;
+      var slots = $xeCountdown.$scopedSlots;
+      var reactData = $xeCountdown.reactData;
+      var prefixConfig = props.prefixConfig,
+        suffixConfig = props.suffixConfig;
+      var currNum = reactData.currNum;
+      var vSize = $xeCountdown.computeSize;
+      var diffConf = $xeCountdown.computeDiffConf;
+      var prefixOpts = $xeCountdown.computePrefixOpts;
+      var suffixOpts = $xeCountdown.computeSuffixOpts;
+      var prefixSlot = slots.prefix;
+      var suffixSlot = slots.suffix;
+      var defaultSlot = slots.default;
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-countdown', diffConf.done ? 'is--progress' : 'is-end', _defineProperty({}, "size--".concat(vSize), vSize)]
+      }, [prefixSlot || prefixConfig ? h('div', {
+        class: 'vxe-countdown--prefix'
+      }, prefixSlot ? (0, _vn.getSlotVNs)(prefixSlot({
+        currentValue: currNum,
+        diffConf: diffConf
+      })) : [h(_text.default, {
+        props: {
+          content: prefixOpts.content,
+          icon: prefixOpts.icon,
+          status: prefixOpts.status
+        }
+      })]) : (0, _ui.renderEmptyElement)($xeCountdown), h('div', {
+        class: 'vxe-countdown--content'
+      }, defaultSlot ? (0, _vn.getSlotVNs)(defaultSlot({
+        currentValue: currNum,
+        diffConf: diffConf
+      })) : $xeCountdown.renderDefaultContentVNs(h)), suffixSlot || suffixConfig ? h('div', {
+        class: 'vxe-countdown--suffix'
+      }, suffixSlot ? (0, _vn.getSlotVNs)(suffixSlot({
+        currentValue: currNum,
+        diffConf: diffConf
+      })) : [h(_text.default, {
+        props: {
+          content: suffixOpts.content,
+          icon: suffixOpts.icon,
+          status: suffixOpts.status
+        }
+      })]) : (0, _ui.renderEmptyElement)($xeCountdown)]);
+    }
+  },
+  watch: {
+    value: function value() {
+      var $xeCountdown = this;
+      $xeCountdown.updateCount();
+      $xeCountdown.handleStop();
+      $xeCountdown.handleStart();
+    }
+  },
+  created: function created() {
+    var $xeCountdown = this;
+    $xeCountdown.updateCount();
+  },
+  mounted: function mounted() {
+    var $xeCountdown = this;
+    $xeCountdown.handleStart();
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeCountdown = this;
+    $xeCountdown.handleStop();
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});
+/* define-vxe-component end */

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_text=_interopRequireDefault(require("../../text/src/text"));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _defineProperty(t,e,n){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function _toPropertyKey(t){t=_toPrimitive(t,"string");return"symbol"==_typeof(t)?t:t+""}function _toPrimitive(t,e){if("object"!=_typeof(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0===n)return("string"===e?String:Number)(t);n=n.call(t,e||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCountdown",mixins:[_ui.globalMixins.sizeMixin],props:{value:[Number,String],format:String,prefixConfig:Object,suffixConfig:Object,size:{type:String,default:function(){return(0,_ui.getConfig)().countdown.size||(0,_ui.getConfig)().size}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{currNum:0,secondNum:0},internalData:{dnTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeTimeFormats:function(){var t=this.reactData.secondNum;return 316224e5<=t?["yyyy","MM","dd","HH","mm","ss"]:26784e5<=t?["MM","dd","HH","mm","ss"]:864e5<=t?["dd","HH","mm","ss"]:36e5<=t?["HH","mm","ss"]:6e4<=t?["mm","ss"]:["ss"]},computeDiffConf:function(){var t=this.reactData.currNum,t=_xeUtils.default.getDateDiff(Date.now(),Date.now()+t);return Object.assign(t,{done:!(_xeUtils.default.isBoolean(t.status)?t.status:t.done)})},computeFormatLabel:function(){var t=this.format,e=this.computeDiffConf,n="";return t&&(n="".concat(t),_xeUtils.default.each(e,function(t,e){n=n.replace(new RegExp(e,"g"),_xeUtils.default.padStart(t,e.length,"0"))})),n},computePrefixOpts:function(){return Object.assign({},this.prefixConfig,(0,_ui.getConfig)().countdown.prefixConfig)},computeSuffixOpts:function(){return Object.assign({},this.suffixConfig,(0,_ui.getConfig)().countdown.suffixConfig)}}),methods:{dispatchEvent:function(t,e,n){this.$emit(t,(0,_ui.createEvent)(n,{$carousel:this},e))},updateCount:function(){var t=this.reactData,e=_xeUtils.default.toNumber(this.value||0);t.secondNum=e,t.currNum=e},handleTime:function(){var t=this,e=t.reactData,n=t.internalData;1e3<e.currNum?(e.currNum-=1e3,n.dnTimeout=setTimeout(function(){t.handleTime()},1e3)):(e.currNum=0,t.handleStop())},handleStart:function(){this.dispatchEvent("start",{},null),this.handleTime()},handleStop:function(){var t=this.internalData,e=t.dnTimeout;e&&(clearTimeout(e),t.dnTimeout=void 0,this.dispatchEvent("end",{},null))},renderDefaultContentVNs:function(n){var t=this.format,e=this.computeTimeFormats,i=this.computeDiffConf,o=this.computeFormatLabel;return t?[n("div",{key:"format",class:"vxe-countdown--content-format"},o)]:e.map(function(t,e){return n("div",{key:e,class:"vxe-countdown--content-item"},[n("div",{class:"vxe-countdown--content-num"},"".concat(i[t]||0)),n("div",{class:"vxe-countdown--content-unit"},(0,_ui.getI18n)("vxe.countdown.formats.".concat(t)))])})},renderVN:function(t){var e=this,n=e.$scopedSlots,i=e.prefixConfig,o=e.suffixConfig,r=e.reactData.currNum,u=e.computeSize,a=e.computeDiffConf,s=e.computePrefixOpts,f=e.computeSuffixOpts,c=n.prefix,d=n.suffix,n=n.default;return t("div",{ref:"refElem",class:["vxe-countdown",a.done?"is--progress":"is-end",_defineProperty({},"size--".concat(u),u)]},[c||i?t("div",{class:"vxe-countdown--prefix"},c?(0,_vn.getSlotVNs)(c({currentValue:r,diffConf:a})):[t(_text.default,{props:{content:s.content,icon:s.icon,status:s.status}})]):(0,_ui.renderEmptyElement)(e),t("div",{class:"vxe-countdown--content"},n?(0,_vn.getSlotVNs)(n({currentValue:r,diffConf:a})):e.renderDefaultContentVNs(t)),d||o?t("div",{class:"vxe-countdown--suffix"},d?(0,_vn.getSlotVNs)(d({currentValue:r,diffConf:a})):[t(_text.default,{props:{content:f.content,icon:f.icon,status:f.status}})]):(0,_ui.renderEmptyElement)(e)])}},watch:{value:function(){this.updateCount(),this.handleStop(),this.handleStart()}},created:function(){this.updateCount()},mounted:function(){this.handleStart()},beforeDestroy:function(){this.handleStop()},render:function(t){return this.renderVN(t)}});

package/lib/countdown/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/countdown/style/style.css

@@ -0,0 +1,38 @@
+.vxe-countdown {
+  display: inline-flex;
+  flex-direction: row;
+}
+
+.vxe-countdown--content {
+  display: flex;
+  flex-direction: row;
+}
+
+.vxe-countdown--prefix,
+.vxe-countdown--suffix,
+.vxe-countdown--content {
+  padding: 0 0.1em;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+}
+
+.vxe-countdown--content-item {
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 0;
+}
+
+.vxe-countdown--content-num {
+  padding: 0 0.2em;
+}
+
+.vxe-countdown.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-countdown.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-countdown.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
+}

package/lib/countdown/style/style.min.css

@@ -0,0 +1 @@
+.vxe-countdown{display:inline-flex;flex-direction:row}.vxe-countdown--content{display:flex;flex-direction:row}.vxe-countdown--content,.vxe-countdown--prefix,.vxe-countdown--suffix{padding:0 .1em;flex-shrink:0;display:flex;align-items:center}.vxe-countdown--content-item{display:flex;flex-direction:row;flex-shrink:0}.vxe-countdown--content-num{padding:0 .2em}.vxe-countdown.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-countdown.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-countdown.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/lib/date-panel/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeDatePanel = exports.DatePanel = void 0;
+var _core = require("@vxe-ui/core");
+var _datePanel = _interopRequireDefault(require("./src/date-panel"));
+var _dynamics = require("../dynamics");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var VxeDatePanel = exports.VxeDatePanel = Object.assign({}, _datePanel.default, {
+  install: function install(app) {
+    app.component(_datePanel.default.name, _datePanel.default);
+  }
+});
+_dynamics.dynamicApp.use(VxeDatePanel);
+_core.VxeUI.component(_datePanel.default);
+var DatePanel = exports.DatePanel = VxeDatePanel;
+var _default = exports.default = VxeDatePanel;

package/lib/date-panel/index.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeDatePanel=exports.DatePanel=void 0;var _core=require("@vxe-ui/core"),_datePanel=_interopRequireDefault(require("./src/date-panel")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var VxeDatePanel=exports.VxeDatePanel=Object.assign({},_datePanel.default,{install:function(e){e.component(_datePanel.default.name,_datePanel.default)}}),DatePanel=(_dynamics.dynamicApp.use(VxeDatePanel),_core.VxeUI.component(_datePanel.default),exports.DatePanel=VxeDatePanel),_default=exports.default=VxeDatePanel;