@varlet/ui 1.21.0 → 1.22.0-alpha.10

package/es/collapse/Collapse.js

@@ -2,21 +2,16 @@ import { computed, defineComponent, nextTick, watch } from 'vue';
 import { useCollapseItem } from './provide';
 import { props } from './props';
 import { isArray } from '../utils/shared';
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock, withScopeId as _withScopeId, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+import { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 
-var _withId = /*#__PURE__*/_withScopeId("");
-
-_pushScopeId("");
+var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
 var _hoisted_1 = {
   class: "var-collapse"
 };
-
-_popScopeId();
-
-export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
-  return _openBlock(), _createBlock("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default")]);
-});
+export function render(_ctx, _cache) {
+  return _openBlock(), _createElementBlock("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default")]);
+}
 export default defineComponent({
   render,
   name: 'VarCollapse',

package/es/collapse-item/CollapseItem.js

@@ -4,11 +4,9 @@ import { isArray } from '../utils/shared';
 import { useCollapse } from './provide';
 import { props } from './props';
 import Icon from '../icon';
-import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createVNode as _createVNode, resolveComponent as _resolveComponent, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createBlock as _createBlock, withScopeId as _withScopeId, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 
-var _withId = /*#__PURE__*/_withScopeId("");
-
-_pushScopeId("");
+var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
 var _hoisted_1 = {
   class: "var-collapse-item-header__title"
@@ -19,43 +17,40 @@ var _hoisted_2 = {
 var _hoisted_3 = {
   class: "var-collapse-item__wrap"
 };
-
-_popScopeId();
-
-export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
+export function render(_ctx, _cache) {
   var _component_var_icon = _resolveComponent("var-icon");
 
-  return _openBlock(), _createBlock("div", {
-    class: {
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass({
       'var-collapse-item': true,
       'var-collapse-item__active': _ctx.offset && _ctx.isShow,
       'var-collapse-item__disable': _ctx.disabled
-    }
-  }, [_createVNode("div", {
+    })
+  }, [_createElementVNode("div", {
     class: "var-collapse-item-header",
-    onClick: _cache[1] || (_cache[1] = $event => _ctx.toggle())
-  }, [_createVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "title", {}, () => [_createTextVNode(_toDisplayString(_ctx.title), 1
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.toggle())
+  }, [_createElementVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "title", {}, () => [_createTextVNode(_toDisplayString(_ctx.title), 1
   /* TEXT */
-  )])]), _createVNode("div", _hoisted_2, [_renderSlot(_ctx.$slots, "icon", {}, () => [_createVNode(_component_var_icon, {
+  )])]), _createElementVNode("div", _hoisted_2, [_renderSlot(_ctx.$slots, "icon", {}, () => [_createVNode(_component_var_icon, {
     name: _ctx.icon,
     transition: 400,
-    class: {
+    class: _normalizeClass({
       'var-collapse-item-header__icon': true,
       'var-collapse-item-header__open': _ctx.isShow && _ctx.icon === 'chevron-down',
       'var-collapse-item-header__disable': _ctx.disabled
-    }
+    })
   }, null, 8
   /* PROPS */
-  , ["name", "class"])])])]), _withDirectives(_createVNode("div", {
+  , ["name", "class"])])])]), _withDirectives(_createElementVNode("div", {
     class: "var-collapse-item-content",
     ref: "contentEl",
-    onTransitionend: _cache[2] || (_cache[2] = (...args) => _ctx.transitionend && _ctx.transitionend(...args))
-  }, [_createVNode("div", _hoisted_3, [_renderSlot(_ctx.$slots, "default")])], 544
+    onTransitionend: _cache[1] || (_cache[1] = (...args) => _ctx.transitionend && _ctx.transitionend(...args))
+  }, [_createElementVNode("div", _hoisted_3, [_renderSlot(_ctx.$slots, "default")])], 544
   /* HYDRATE_EVENTS, NEED_PATCH */
   ), [[_vShow, _ctx.show]])], 2
   /* CLASS */
   );
-});
+}
 export default defineComponent({
   render,
   name: 'VarCollapseItem',

package/es/countdown/Countdown.js

@@ -6,23 +6,18 @@ var SECOND = 1000;
 var MINUTE = 60 * SECOND;
 var HOUR = 60 * MINUTE;
 var DAY = 24 * HOUR;
-import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createBlock as _createBlock, withScopeId as _withScopeId, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+import { normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 
-var _withId = /*#__PURE__*/_withScopeId("");
-
-_pushScopeId("");
+var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
 var _hoisted_1 = {
   class: "var-countdown"
 };
-
-_popScopeId();
-
-export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
-  return _openBlock(), _createBlock("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default", _ctx.timeData, () => [_createTextVNode(_toDisplayString(_ctx.showTime), 1
+export function render(_ctx, _cache) {
+  return _openBlock(), _createElementBlock("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default", _normalizeProps(_guardReactiveProps(_ctx.timeData)), () => [_createTextVNode(_toDisplayString(_ctx.showTime), 1
   /* TEXT */
   )])]);
-});
+}
 export default defineComponent({
   render,
   name: 'VarCountdown',

package/es/counter/Counter.js

@@ -10,38 +10,34 @@ import { useForm } from '../form/provide';
 import { useValidation } from '../utils/components';
 var SPEED = 100;
 var DELAY = 600;
-import { resolveComponent as _resolveComponent, resolveDirective as _resolveDirective, createVNode as _createVNode, withDirectives as _withDirectives, vModelText as _vModelText, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock, withScopeId as _withScopeId, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+import { resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, createVNode as _createVNode, withDirectives as _withDirectives, vModelText as _vModelText, createElementVNode as _createElementVNode, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 
-var _withId = /*#__PURE__*/_withScopeId("");
-
-_pushScopeId("");
+var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
 var _hoisted_1 = {
   class: "var-counter var--box"
 };
-
-_popScopeId();
-
-export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
+var _hoisted_2 = ["inputmode", "readonly", "disabled"];
+export function render(_ctx, _cache) {
   var _component_var_icon = _resolveComponent("var-icon");
 
   var _component_var_form_details = _resolveComponent("var-form-details");
 
   var _directive_ripple = _resolveDirective("ripple");
 
-  return _openBlock(), _createBlock("div", _hoisted_1, [_createVNode("div", _mergeProps({
+  return _openBlock(), _createElementBlock("div", _hoisted_1, [_createElementVNode("div", _mergeProps({
     class: ["var-counter__controller var-elevation--2", [_ctx.disabled || _ctx.formDisabled ? 'var-counter--disabled' : null, _ctx.errorMessage ? 'var-counter--error' : null]],
     style: {
       background: _ctx.color ? _ctx.color : null
     }
   }, _ctx.$attrs), [_withDirectives(_createVNode(_component_var_icon, {
-    class: ["var-counter__decrement-button", [!_ctx.decrementButton ? 'var-counter--hidden' : null]],
+    class: _normalizeClass(["var-counter__decrement-button", [!_ctx.decrementButton ? 'var-counter--hidden' : null]]),
     "var-counter-cover": "",
     name: "minus",
-    style: {
+    style: _normalizeStyle({
       width: _ctx.toSizeUnit(_ctx.buttonSize),
       height: _ctx.toSizeUnit(_ctx.buttonSize)
-    },
+    }),
     onClick: _ctx.decrement,
     onTouchstart: _ctx.pressDecrement,
     onTouchend: _ctx.releaseDecrement,
@@ -50,27 +46,27 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
   /* PROPS */
   , ["class", "style", "onClick", "onTouchstart", "onTouchend", "onTouchcancel"]), [[_directive_ripple, {
     disabled: !_ctx.ripple || _ctx.disabled || _ctx.readonly || _ctx.disableDecrement || !_ctx.decrementButton || _ctx.isMin
-  }]]), _withDirectives(_createVNode("input", {
+  }]]), _withDirectives(_createElementVNode("input", {
     class: "var-counter__input",
-    style: {
+    style: _normalizeStyle({
       width: _ctx.toSizeUnit(_ctx.inputWidth),
       fontSize: _ctx.toSizeUnit(_ctx.inputTextSize)
-    },
+    }),
     inputmode: _ctx.toNumber(_ctx.decimalLength) === 0 ? 'numeric' : 'decimal',
     readonly: _ctx.readonly || _ctx.formReadonly,
     disabled: _ctx.disabled || _ctx.formDisabled || _ctx.disableInput,
-    "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.inputValue = $event),
-    onChange: _cache[2] || (_cache[2] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.inputValue = $event),
+    onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
   }, null, 44
   /* STYLE, PROPS, HYDRATE_EVENTS */
-  , ["inputmode", "readonly", "disabled"]), [[_vModelText, _ctx.inputValue]]), _withDirectives(_createVNode(_component_var_icon, {
-    class: ["var-counter__increment-button", [!_ctx.incrementButton ? 'var-counter--hidden' : null]],
+  , _hoisted_2), [[_vModelText, _ctx.inputValue]]), _withDirectives(_createVNode(_component_var_icon, {
+    class: _normalizeClass(["var-counter__increment-button", [!_ctx.incrementButton ? 'var-counter--hidden' : null]]),
     "var-counter-cover": "",
     name: "plus",
-    style: {
+    style: _normalizeStyle({
       width: _ctx.toSizeUnit(_ctx.buttonSize),
       height: _ctx.toSizeUnit(_ctx.buttonSize)
-    },
+    }),
     onClick: _ctx.increment,
     onTouchstart: _ctx.pressIncrement,
     onTouchend: _ctx.releaseIncrement,
@@ -86,7 +82,7 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
   }, null, 8
   /* PROPS */
   , ["error-message"])]);
-});
+}
 export default defineComponent({
   render,
   name: 'VarCounter',

package/es/date-picker/DatePicker.js

@@ -1,56 +1,51 @@
 import { defineComponent, ref, computed, reactive, watch } from 'vue';
-import dayjs from 'dayjs';
+import dayjs from 'dayjs/esm';
 import MonthPickerPanel from './src/month-picker-panel.js'
 import YearPickerPanel from './src/year-picker-panel.js'
 import DayPickerPanel from './src/day-picker-panel.js'
 import { props, MONTH_LIST, WEEK_HEADER } from './props';
 import { isArray, toNumber } from '../utils/shared';
 import { pack } from '../locale';
-import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createVNode as _createVNode, createCommentVNode as _createCommentVNode, openBlock as _openBlock, createBlock as _createBlock, mergeProps as _mergeProps, Transition as _Transition, resolveComponent as _resolveComponent, withScopeId as _withScopeId, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, createCommentVNode as _createCommentVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeProps as _normalizeProps, mergeProps as _mergeProps, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, normalizeStyle as _normalizeStyle, resolveComponent as _resolveComponent, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 
-var _withId = /*#__PURE__*/_withScopeId("");
-
-_pushScopeId("");
+var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
 var _hoisted_1 = {
   class: "var-date-picker-body"
 };
-
-_popScopeId();
-
-export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
+export function render(_ctx, _cache) {
   var _component_year_picker_panel = _resolveComponent("year-picker-panel");
 
   var _component_month_picker_panel = _resolveComponent("month-picker-panel");
 
   var _component_day_picker_panel = _resolveComponent("day-picker-panel");
 
-  return _openBlock(), _createBlock("div", {
-    class: ["var-date-picker", [_ctx.shadow ? 'var-elevation--2' : null]]
-  }, [_createVNode("div", {
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(["var-date-picker", [_ctx.shadow ? 'var-elevation--2' : null]])
+  }, [_createElementVNode("div", {
     class: "var-date-picker-title",
-    style: {
+    style: _normalizeStyle({
       background: _ctx.headerColor || _ctx.color
-    }
-  }, [_createVNode("div", {
-    class: ["var-date-picker-title__year", [_ctx.isYearPanel ? 'var-date-picker-title__year--active' : null]],
-    onClick: _cache[1] || (_cache[1] = $event => _ctx.clickEl('year'))
+    })
+  }, [_createElementVNode("div", {
+    class: _normalizeClass(["var-date-picker-title__year", [_ctx.isYearPanel ? 'var-date-picker-title__year--active' : null]]),
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.clickEl('year'))
   }, [_renderSlot(_ctx.$slots, "year", {
     year: _ctx.previewYear
   }, () => [_createTextVNode(_toDisplayString(_ctx.previewYear), 1
   /* TEXT */
   )])], 2
   /* CLASS */
-  ), _createVNode("div", {
-    class: ["var-date-picker-title__date", [!_ctx.isYearPanel ? 'var-date-picker-title__date--active' : null, _ctx.range ? 'var-date-picker-title__date--range' : null]],
-    onClick: _cache[2] || (_cache[2] = $event => _ctx.clickEl('date'))
+  ), _createElementVNode("div", {
+    class: _normalizeClass(["var-date-picker-title__date", [!_ctx.isYearPanel ? 'var-date-picker-title__date--active' : null, _ctx.range ? 'var-date-picker-title__date--range' : null]]),
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.clickEl('date'))
   }, [_createVNode(_Transition, {
     name: _ctx.multiple ? '' : _ctx.reverse ? 'var-date-picker-reverse-translatey' : 'var-date-picker-translatey'
   }, {
-    default: _withId(() => {
+    default: _withCtx(() => {
       var _ctx$chooseMonth, _ctx$chooseMonth2, _ctx$chooseMonth3;
 
-      return [_ctx.type === 'month' ? (_openBlock(), _createBlock("div", {
+      return [_ctx.type === 'month' ? (_openBlock(), _createElementBlock("div", {
         key: _ctx.range || _ctx.multiple || _ctx.chooseYear + ((_ctx$chooseMonth = _ctx.chooseMonth) == null ? void 0 : _ctx$chooseMonth.index)
       }, [_ctx.range ? _renderSlot(_ctx.$slots, "range", {
         key: 0,
@@ -68,7 +63,7 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
         year: _ctx.chooseYear
       }, () => [_createTextVNode(_toDisplayString(_ctx.getMonthTitle), 1
       /* TEXT */
-      )])])) : (_openBlock(), _createBlock("div", {
+      )])])) : (_openBlock(), _createElementBlock("div", {
         key: _ctx.chooseYear + ((_ctx$chooseMonth3 = _ctx.chooseMonth) == null ? void 0 : _ctx$chooseMonth3.index) + _ctx.chooseDay
       }, [_ctx.range ? _renderSlot(_ctx.$slots, "range", {
         key: 0,
@@ -80,9 +75,9 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
         choose: _ctx.getChoose.chooseDays
       }, () => [_createTextVNode(_toDisplayString(_ctx.getDateTitle), 1
       /* TEXT */
-      )]) : _renderSlot(_ctx.$slots, "date", _mergeProps({
+      )]) : _renderSlot(_ctx.$slots, "date", _normalizeProps(_mergeProps({
         key: 2
-      }, _ctx.slotProps), () => [_createTextVNode(_toDisplayString(_ctx.getDateTitle), 1
+      }, _ctx.slotProps)), () => [_createTextVNode(_toDisplayString(_ctx.getDateTitle), 1
       /* TEXT */
       )])]))];
     }),
@@ -95,10 +90,10 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
   /* CLASS */
   )], 4
   /* STYLE */
-  ), _createVNode("div", _hoisted_1, [_createVNode(_Transition, {
+  ), _createElementVNode("div", _hoisted_1, [_createVNode(_Transition, {
     name: "var-date-picker-panel-fade"
   }, {
-    default: _withId(() => [_ctx.isYearPanel ? (_openBlock(), _createBlock(_component_year_picker_panel, {
+    default: _withCtx(() => [_ctx.isYearPanel ? (_openBlock(), _createBlock(_component_year_picker_panel, {
       key: 0,
       "component-props": _ctx.componentProps,
       preview: _ctx.previewYear,
@@ -134,7 +129,7 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
   })])], 2
   /* CLASS */
   );
-});
+}
 export default defineComponent({
   render,
   name: 'VarDatePicker',

package/es/date-picker/src/day-picker-panel.js

@@ -1,9 +1,9 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import { defineComponent, ref, computed, watch, onMounted, reactive } from 'vue';
-import dayjs from 'dayjs';
-import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
-import isSameOrAfter from 'dayjs/plugin/isSameOrAfter';
+import dayjs from 'dayjs/esm';
+import isSameOrBefore from 'dayjs/esm/plugin/isSameOrBefore';
+import isSameOrAfter from 'dayjs/esm/plugin/isSameOrAfter';
 import PanelHeader from './panel-header.js'
 import Button from '../../button';
 import { WEEK_HEADER } from '../props';
@@ -11,11 +11,9 @@ import { toNumber } from '../../utils/shared';
 import { pack } from '../../locale';
 dayjs.extend(isSameOrBefore);
 dayjs.extend(isSameOrAfter);
-import { resolveComponent as _resolveComponent, createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createBlock as _createBlock, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, mergeProps as _mergeProps, Transition as _Transition, withScopeId as _withScopeId, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+import { resolveComponent as _resolveComponent, createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, mergeProps as _mergeProps, withCtx as _withCtx, Transition as _Transition, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 
-var _withId = /*#__PURE__*/_withScopeId("");
-
-_pushScopeId("");
+var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
 var _hoisted_1 = {
   class: "var-day-picker__panel"
@@ -29,15 +27,12 @@ var _hoisted_3 = {
 var _hoisted_4 = {
   class: "var-day-picker__body"
 };
-
-_popScopeId();
-
-export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
+export function render(_ctx, _cache) {
   var _component_panel_header = _resolveComponent("panel-header");
 
   var _component_var_button = _resolveComponent("var-button");
 
-  return _openBlock(), _createBlock("div", _hoisted_1, [_createVNode("div", _hoisted_2, [_createVNode(_component_panel_header, {
+  return _openBlock(), _createElementBlock("div", _hoisted_1, [_createElementVNode("div", _hoisted_2, [_createVNode(_component_panel_header, {
     type: "day",
     date: _ctx.preview,
     disabled: _ctx.panelBtnDisabled,
@@ -48,18 +43,18 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
   , ["date", "disabled", "onCheckPanel", "onCheckDate"]), _createVNode(_Transition, {
     name: _ctx.reverse ? 'var-date-picker-reverse-translatex' : 'var-date-picker-translatex'
   }, {
-    default: _withId(() => [(_openBlock(), _createBlock("div", {
+    default: _withCtx(() => [(_openBlock(), _createElementBlock("div", {
       key: _ctx.panelKey
-    }, [_createVNode("ul", _hoisted_3, [(_openBlock(true), _createBlock(_Fragment, null, _renderList(_ctx.sortWeekList, week => {
-      return _openBlock(), _createBlock("li", {
+    }, [_createElementVNode("ul", _hoisted_3, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.sortWeekList, week => {
+      return _openBlock(), _createElementBlock("li", {
         key: week.index
       }, _toDisplayString(_ctx.getDayAbbr(week.index)), 1
       /* TEXT */
       );
     }), 128
     /* KEYED_FRAGMENT */
-    ))]), _createVNode("ul", _hoisted_4, [(_openBlock(true), _createBlock(_Fragment, null, _renderList(_ctx.days, (day, index) => {
-      return _openBlock(), _createBlock("li", {
+    ))]), _createElementVNode("ul", _hoisted_4, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.days, (day, index) => {
+      return _openBlock(), _createElementBlock("li", {
         key: index
       }, [_createVNode(_component_var_button, _mergeProps({
         type: "primary",
@@ -72,7 +67,7 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
       }, _extends({}, _ctx.buttonProps(day)), {
         onClick: $event => _ctx.chooseDay(day)
       }), {
-        default: _withId(() => [_createTextVNode(_toDisplayString(_ctx.filterDay(day)), 1
+        default: _withCtx(() => [_createTextVNode(_toDisplayString(_ctx.filterDay(day)), 1
         /* TEXT */
         )]),
         _: 2
@@ -90,7 +85,7 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
   }, 8
   /* PROPS */
   , ["name"])])]);
-});
+}
 export default defineComponent({
   render,
   name: 'DayPickerPanel',

package/es/date-picker/src/month-picker-panel.js

@@ -1,9 +1,9 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import { defineComponent, ref, computed, reactive, watch } from 'vue';
-import dayjs from 'dayjs';
-import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
-import isSameOrAfter from 'dayjs/plugin/isSameOrAfter';
+import dayjs from 'dayjs/esm';
+import isSameOrBefore from 'dayjs/esm/plugin/isSameOrBefore';
+import isSameOrAfter from 'dayjs/esm/plugin/isSameOrAfter';
 import { MONTH_LIST } from '../props';
 import PanelHeader from './panel-header.js'
 import Button from '../../button';
@@ -11,11 +11,9 @@ import { toNumber } from '../../utils/shared';
 import { pack } from '../../locale';
 dayjs.extend(isSameOrBefore);
 dayjs.extend(isSameOrAfter);
-import { resolveComponent as _resolveComponent, createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createBlock as _createBlock, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, mergeProps as _mergeProps, Transition as _Transition, withScopeId as _withScopeId, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+import { resolveComponent as _resolveComponent, createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, mergeProps as _mergeProps, withCtx as _withCtx, Transition as _Transition, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 
-var _withId = /*#__PURE__*/_withScopeId("");
-
-_pushScopeId("");
+var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
 var _hoisted_1 = {
   class: "var-month-picker__panel"
@@ -23,15 +21,12 @@ var _hoisted_1 = {
 var _hoisted_2 = {
   class: "var-month-picker__content"
 };
-
-_popScopeId();
-
-export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
+export function render(_ctx, _cache) {
   var _component_panel_header = _resolveComponent("panel-header");
 
   var _component_var_button = _resolveComponent("var-button");
 
-  return _openBlock(), _createBlock("div", _hoisted_1, [_createVNode("div", _hoisted_2, [_createVNode(_component_panel_header, {
+  return _openBlock(), _createElementBlock("div", _hoisted_1, [_createElementVNode("div", _hoisted_2, [_createVNode(_component_panel_header, {
     type: "month",
     date: _ctx.preview,
     onCheckPanel: _ctx.clickYear,
@@ -42,10 +37,10 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
   , ["date", "onCheckPanel", "disabled", "onCheckDate"]), _createVNode(_Transition, {
     name: _ctx.reverse ? 'var-date-picker-reverse-translatex' : 'var-date-picker-translatex'
   }, {
-    default: _withId(() => [(_openBlock(), _createBlock("ul", {
+    default: _withCtx(() => [(_openBlock(), _createElementBlock("ul", {
       key: _ctx.panelKey
-    }, [(_openBlock(true), _createBlock(_Fragment, null, _renderList(_ctx.MONTH_LIST, month => {
-      return _openBlock(), _createBlock("li", {
+    }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.MONTH_LIST, month => {
+      return _openBlock(), _createElementBlock("li", {
         key: month.index
       }, [_createVNode(_component_var_button, _mergeProps({
         type: "primary",
@@ -55,7 +50,7 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
       }, _extends({}, _ctx.buttonProps(month.index)), {
         onClick: $event => _ctx.chooseMonth(month)
       }), {
-        default: _withId(() => [_createTextVNode(_toDisplayString(_ctx.getMonthAbbr(month.index)), 1
+        default: _withCtx(() => [_createTextVNode(_toDisplayString(_ctx.getMonthAbbr(month.index)), 1
         /* TEXT */
         )]),
         _: 2
@@ -73,7 +68,7 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
   }, 8
   /* PROPS */
   , ["name"])])]);
-});
+}
 export default defineComponent({
   render,
   name: 'MonthPickerPanel',

package/es/date-picker/src/panel-header.js

@@ -3,31 +3,26 @@ import Button from '../../button';
 import Icon from '../../icon';
 import { toNumber } from '../../utils/shared';
 import { pack } from '../../locale';
-import { resolveComponent as _resolveComponent, createVNode as _createVNode, toDisplayString as _toDisplayString, openBlock as _openBlock, createBlock as _createBlock, Transition as _Transition, withScopeId as _withScopeId, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+import { resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, Transition as _Transition, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 
-var _withId = /*#__PURE__*/_withScopeId("");
-
-_pushScopeId("");
+var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
 var _hoisted_1 = {
   class: "var-picker-header"
 };
-
-_popScopeId();
-
-export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
+export function render(_ctx, _cache) {
   var _component_var_icon = _resolveComponent("var-icon");
 
   var _component_var_button = _resolveComponent("var-button");
 
-  return _openBlock(), _createBlock("div", _hoisted_1, [_createVNode(_component_var_button, {
+  return _openBlock(), _createElementBlock("div", _hoisted_1, [_createVNode(_component_var_button, {
     round: "",
     text: "",
     "text-color": _ctx.disabled.left ? '' : 'rgba(0, 0, 0, .54)',
     disabled: _ctx.disabled.left,
-    onClick: _cache[1] || (_cache[1] = $event => _ctx.checkDate('prev'))
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.checkDate('prev'))
   }, {
-    default: _withId(() => [_createVNode(_component_var_icon, {
+    default: _withCtx(() => [_createVNode(_component_var_icon, {
       name: "chevron-left"
     })]),
     _: 1
@@ -35,13 +30,13 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
 
   }, 8
   /* PROPS */
-  , ["text-color", "disabled"]), _createVNode("div", {
+  , ["text-color", "disabled"]), _createElementVNode("div", {
     class: "var-picker-header__value",
-    onClick: _cache[2] || (_cache[2] = $event => _ctx.$emit('check-panel'))
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('check-panel'))
   }, [_createVNode(_Transition, {
     name: _ctx.reverse ? 'var-date-picker-reverse-translatex' : 'var-date-picker-translatex'
   }, {
-    default: _withId(() => [(_openBlock(), _createBlock("div", {
+    default: _withCtx(() => [(_openBlock(), _createElementBlock("div", {
       key: _ctx.showDate
     }, _toDisplayString(_ctx.showDate), 1
     /* TEXT */
@@ -56,9 +51,9 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
     text: "",
     "text-color": _ctx.disabled.right ? '' : 'rgba(0, 0, 0, .54)',
     disabled: _ctx.disabled.right,
-    onClick: _cache[3] || (_cache[3] = $event => _ctx.checkDate('next'))
+    onClick: _cache[2] || (_cache[2] = $event => _ctx.checkDate('next'))
   }, {
-    default: _withId(() => [_createVNode(_component_var_icon, {
+    default: _withCtx(() => [_createVNode(_component_var_icon, {
       name: "chevron-right"
     })]),
     _: 1
@@ -67,7 +62,7 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
   }, 8
   /* PROPS */
   , ["text-color", "disabled"])]);
-});
+}
 export default defineComponent({
   render,
   name: 'PanelHeader',

package/es/date-picker/src/year-picker-panel.js

@@ -1,34 +1,30 @@
 import { defineComponent, computed, onMounted } from 'vue';
-import dayjs from 'dayjs';
+import dayjs from 'dayjs/esm';
 import { toNumber } from '../../utils/shared';
-import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createBlock as _createBlock, toDisplayString as _toDisplayString, withScopeId as _withScopeId, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 
-var _withId = /*#__PURE__*/_withScopeId("");
-
-_pushScopeId("");
+var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
 var _hoisted_1 = {
   class: "var-year-picker__panel"
 };
-
-_popScopeId();
-
-export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
-  return _openBlock(), _createBlock("ul", _hoisted_1, [(_openBlock(true), _createBlock(_Fragment, null, _renderList(_ctx.yearList, year => {
-    return _openBlock(), _createBlock("li", {
+var _hoisted_2 = ["onClick"];
+export function render(_ctx, _cache) {
+  return _openBlock(), _createElementBlock("ul", _hoisted_1, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.yearList, year => {
+    return _openBlock(), _createElementBlock("li", {
       key: year,
-      class: [year === _ctx.toNumber(_ctx.preview) ? 'var-year-picker__panel--active' : null],
-      style: {
+      class: _normalizeClass([year === _ctx.toNumber(_ctx.preview) ? 'var-year-picker__panel--active' : null]),
+      style: _normalizeStyle({
         color: year === _ctx.toNumber(_ctx.preview) ? _ctx.componentProps.color : ''
-      },
+      }),
       onClick: $event => _ctx.chooseYear(year)
     }, _toDisplayString(year), 15
     /* TEXT, CLASS, STYLE, PROPS */
-    , ["onClick"]);
+    , _hoisted_2);
   }), 128
   /* KEYED_FRAGMENT */
   ))]);
-});
+}
 export default defineComponent({
   render,
   name: 'YearPickerPanel',