@varlet/ui 1.27.20 → 2.0.0-alpha.1663499244572

package/lib/action-sheet/actionSheet.css

@@ -1 +1 @@
-:root { --action-sheet-border-radius: 2px; --action-sheet-title-color: #888; --action-sheet-title-padding: 10px 16px; --action-sheet-title-font-size: 14px; --action-sheet-action-item-height: 48px; --action-sheet-action-item-padding: 0px 18px; --action-sheet-action-item-color: #333; --action-sheet-action-item-disabled-color: var(--color-text-disabled); --action-sheet-icon-margin: 0 20px 0 0; --action-sheet-icon-size: 24px; --action-sheet-background: #fff;}.var-action-sheet { padding: 10px 0; max-height: 80%; background: var(--action-sheet-background); transition: background-color 0.25s;}.var-action-sheet__popup-radius { border-radius: var(--action-sheet-border-radius);}.var-action-sheet__title { padding: var(--action-sheet-title-padding); color: var(--action-sheet-title-color); font-size: var(--action-sheet-title-font-size);}.var-action-sheet__action-item { display: flex; align-items: center; height: var(--action-sheet-action-item-height); padding: var(--action-sheet-action-item-padding); color: var(--action-sheet-action-item-color); cursor: pointer;}.var-action-sheet__action-name { overflow: auto; max-height: var(--action-sheet-action-item-height);}.var-action-sheet__action-icon[var-action-sheet-cover] { margin: var(--action-sheet-icon-margin); width: var(--action-sheet-icon-size); height: var(--action-sheet-icon-size); font-size: var(--action-sheet-icon-size);}.var-action-sheet--disabled { color: var(--action-sheet-action-item-disabled-color) !important; cursor: not-allowed;}
+:root { --action-sheet-border-radius: 2px; --action-sheet-title-color: #888; --action-sheet-title-padding: 10px 16px; --action-sheet-title-font-size: 14px; --action-sheet-action-item-height: 48px; --action-sheet-action-item-padding: 0 18px; --action-sheet-action-item-color: #333; --action-sheet-action-item-disabled-color: var(--color-text-disabled); --action-sheet-icon-margin: 0 20px 0 0; --action-sheet-icon-size: 24px; --action-sheet-background: #fff;}.var-action-sheet { padding: 10px 0; max-height: 80%; background: var(--action-sheet-background); transition: background-color 0.25s;}.var-action-sheet__popup-radius { border-radius: var(--action-sheet-border-radius);}.var-action-sheet__title { padding: var(--action-sheet-title-padding); color: var(--action-sheet-title-color); font-size: var(--action-sheet-title-font-size);}.var-action-sheet__action-item { display: flex; align-items: center; height: var(--action-sheet-action-item-height); padding: var(--action-sheet-action-item-padding); color: var(--action-sheet-action-item-color); cursor: pointer;}.var-action-sheet__action-name { overflow: auto; max-height: var(--action-sheet-action-item-height);}.var-action-sheet__action-icon[var-action-sheet-cover] { margin: var(--action-sheet-icon-margin); width: var(--action-sheet-icon-size); height: var(--action-sheet-icon-size); font-size: var(--action-sheet-icon-size);}.var-action-sheet--disabled { color: var(--action-sheet-action-item-disabled-color) !important; cursor: not-allowed;}

package/lib/action-sheet/props.js

@@ -7,7 +7,7 @@ var _components = require("../utils/components");
 
 var _props = require("../popup/props");
 
-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); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 
 var props = _extends({
   show: {

package/lib/bottom-navigation/BottomNavigation.js

@@ -18,7 +18,7 @@ var _shared = require("@varlet/shared");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 
 var {
   n,

package/lib/button/Button.js

@@ -47,12 +47,13 @@ function render(_ctx, _cache) {
     key: 0,
     class: (0, _vue.normalizeClass)(_ctx.n('loading')),
     "var-button-cover": "",
+    color: _ctx.loadingColor,
     type: _ctx.loadingType,
     size: _ctx.loadingSize,
     radius: _ctx.loadingRadius
   }, null, 8
   /* PROPS */
-  , ["class", "type", "size", "radius"])) : (0, _vue.createCommentVNode)("v-if", true), (0, _vue.createElementVNode)("div", {
+  , ["class", "color", "type", "size", "radius"])) : (0, _vue.createCommentVNode)("v-if", true), (0, _vue.createElementVNode)("div", {
     class: (0, _vue.normalizeClass)(_ctx.classes(_ctx.n('content'), [_ctx.loading || _ctx.pending, _ctx.n('--hidden')]))
   }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 2
   /* CLASS */

package/lib/button/button.css

@@ -1 +1 @@
-:root { --button-default-color: #f5f5f5; --button-primary-color: var(--color-primary); --button-danger-color: var(--color-danger); --button-success-color: var(--color-success); --button-warning-color: var(--color-warning); --button-info-color: var(--color-info); --button-disabled-color: var(--color-disabled); --button-disabled-text-color: var(--color-text-disabled); --button-border-radius: 4px; --button-mini-padding: 0 9px; --button-small-padding: 0 11px; --button-normal-padding: 0 15px; --button-large-padding: 0 22px; --button-round-padding: 6px; --button-mini-height: 20px; --button-small-height: 28px; --button-normal-height: 36px; --button-large-height: 44px;}.var-button { position: relative; justify-content: center; align-items: center; outline: none; border: none; border-radius: var(--button-border-radius); user-select: none; cursor: pointer; font-family: inherit; transition: box-shadow 0.2s, background-color 0.25s; will-change: box-shadow; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); white-space: nowrap; line-height: 1;}.var-button:active { box-shadow: 0 3px 5px -1px var(--shadow-key-umbra-opacity), 0 5px 8px 0 var(--shadow-key-penumbra-opacity), 0 1px 14px 0 var(--shadow-key-ambient-opacity);}.var-button__loading[var-button-cover] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.var-button--default { color: inherit; background-color: var(--button-default-color);}.var-button--primary { color: #fff; background-color: var(--button-primary-color);}.var-button--info { color: #fff; background-color: var(--button-info-color);}.var-button--success { color: #fff; background-color: var(--button-success-color);}.var-button--warning { color: #fff; background-color: var(--button-warning-color);}.var-button--danger { color: #fff; background-color: var(--button-danger-color);}.var-button--disabled { background-color: var(--button-disabled-color); color: var(--button-disabled-text-color); cursor: not-allowed; box-shadow: none !important;}.var-button--block { width: 100%;}.var-button--text { background-color: transparent;}.var-button--text:active { box-shadow: none;}.var-button--text-default { color: inherit;}.var-button--text-primary { color: var(--button-primary-color);}.var-button--text-info { color: var(--button-info-color);}.var-button--text-success { color: var(--button-success-color);}.var-button--text-warning { color: var(--button-warning-color);}.var-button--text-danger { color: var(--button-danger-color);}.var-button--text-disabled { color: var(--button-disabled-text-color);}.var-button--normal { height: var(--button-normal-height); padding: var(--button-normal-padding); font-size: var(--font-size-md);}.var-button--large { height: var(--button-large-height); padding: var(--button-large-padding); font-size: var(--font-size-lg);}.var-button--small { height: var(--button-small-height); padding: var(--button-small-padding); font-size: var(--font-size-sm);}.var-button--mini { height: var(--button-mini-height); padding: var(--button-mini-padding); font-size: var(--font-size-xs);}.var-button--round { padding: var(--button-round-padding); border-radius: 50%; height: auto;}.var-button--outline { border: thin solid currentColor;}.var-button--hidden { opacity: 0;}
+:root { --button-default-color: #f5f5f5; --button-primary-color: var(--color-primary); --button-danger-color: var(--color-danger); --button-success-color: var(--color-success); --button-warning-color: var(--color-warning); --button-info-color: var(--color-info); --button-disabled-color: var(--color-disabled); --button-disabled-text-color: var(--color-text-disabled); --button-border-radius: 4px; --button-mini-padding: 0 9px; --button-small-padding: 0 11px; --button-normal-padding: 0 15px; --button-large-padding: 0 22px; --button-round-padding: 6px; --button-mini-height: 20px; --button-small-height: 28px; --button-normal-height: 36px; --button-large-height: 44px;}.var-button { position: relative; justify-content: center; align-items: center; outline: none; border: none; border-radius: var(--button-border-radius); user-select: none; cursor: pointer; font-family: inherit; transition: box-shadow 0.2s, background-color 0.25s; will-change: box-shadow; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); white-space: nowrap;}.var-button:active { box-shadow: 0 3px 5px -1px var(--shadow-key-umbra-opacity), 0 5px 8px 0 var(--shadow-key-penumbra-opacity), 0 1px 14px 0 var(--shadow-key-ambient-opacity);}.var-button__content { display: flex; align-items: center; flex-wrap: wrap;}.var-button__loading[var-button-cover] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.var-button--default { color: inherit; background-color: var(--button-default-color);}.var-button--primary { color: #fff; background-color: var(--button-primary-color);}.var-button--info { color: #fff; background-color: var(--button-info-color);}.var-button--success { color: #fff; background-color: var(--button-success-color);}.var-button--warning { color: #fff; background-color: var(--button-warning-color);}.var-button--danger { color: #fff; background-color: var(--button-danger-color);}.var-button--disabled { background-color: var(--button-disabled-color); color: var(--button-disabled-text-color); cursor: not-allowed; box-shadow: none !important;}.var-button--block { width: 100%;}.var-button--text { background-color: transparent;}.var-button--text:active { box-shadow: none;}.var-button--text-default { color: inherit;}.var-button--text-primary { color: var(--button-primary-color);}.var-button--text-info { color: var(--button-info-color);}.var-button--text-success { color: var(--button-success-color);}.var-button--text-warning { color: var(--button-warning-color);}.var-button--text-danger { color: var(--button-danger-color);}.var-button--text-disabled { color: var(--button-disabled-text-color);}.var-button--normal { height: var(--button-normal-height); padding: var(--button-normal-padding); font-size: var(--font-size-md);}.var-button--large { height: var(--button-large-height); padding: var(--button-large-padding); font-size: var(--font-size-lg);}.var-button--small { height: var(--button-small-height); padding: var(--button-small-padding); font-size: var(--font-size-sm);}.var-button--mini { height: var(--button-mini-height); padding: var(--button-mini-padding); font-size: var(--font-size-xs);}.var-button--round { padding: var(--button-round-padding); border-radius: 50%; height: auto;}.var-button--outline { border: thin solid currentColor;}.var-button--hidden { opacity: 0;}

package/lib/button/props.js

@@ -7,6 +7,8 @@ var _props = require("../loading/props");
 
 var _components = require("../utils/components");
 
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+
 function typeValidator(type) {
   return ['default', 'primary', 'info', 'success', 'warning', 'danger'].includes(type);
 }
@@ -70,6 +72,9 @@ var props = {
   },
   loadingType: (0, _components.pickProps)(_props.props, 'type'),
   loadingSize: (0, _components.pickProps)(_props.props, 'size'),
+  loadingColor: _extends({}, (0, _components.pickProps)(_props.props, 'color'), {
+    default: 'currentColor'
+  }),
   onClick: {
     type: Function
   },

package/lib/card/Card.js

@@ -64,25 +64,21 @@ function render(_ctx, _cache) {
       left: _ctx.floaterLeft,
       overflow: _ctx.floaterOverflow,
       position: _ctx.floaterPosition,
-      transition: _ctx.floated ? "background-color " + _ctx.floatingDuration + "ms, width " + _ctx.floatingDuration + "ms, height " + _ctx.floatingDuration + "ms, top " + _ctx.floatingDuration + "ms, left " + _ctx.floatingDuration + "ms" : undefined
+      transition: _ctx.floated ? "background-color " + _ctx.floatingDuration + "ms, color " + _ctx.floatingDuration + "ms, width " + _ctx.floatingDuration + "ms, height " + _ctx.floatingDuration + "ms, top " + _ctx.floatingDuration + "ms, left " + _ctx.floatingDuration + "ms" : undefined
     })
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "image", {}, () => {
-    var _ctx$imageHeight;
-
-    return [_ctx.src ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("img", {
-      key: 0,
-      class: (0, _vue.normalizeClass)(_ctx.n('image')),
-      style: (0, _vue.normalizeStyle)({
-        objectFit: _ctx.fit,
-        height: _ctx.toSizeUnit((_ctx$imageHeight = _ctx.imageHeight) != null ? _ctx$imageHeight : _ctx.height),
-        width: _ctx.toSizeUnit(_ctx.imageWidth)
-      }),
-      src: _ctx.src,
-      alt: _ctx.alt
-    }, null, 14
-    /* CLASS, STYLE, PROPS */
-    , _hoisted_1)) : (0, _vue.createCommentVNode)("v-if", true)];
-  }), (0, _vue.createElementVNode)("div", {
+  }, [(0, _vue.renderSlot)(_ctx.$slots, "image", {}, () => [_ctx.src ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("img", {
+    key: 0,
+    class: (0, _vue.normalizeClass)(_ctx.n('image')),
+    style: (0, _vue.normalizeStyle)({
+      objectFit: _ctx.fit,
+      height: _ctx.toSizeUnit(_ctx.imageHeight),
+      width: _ctx.toSizeUnit(_ctx.imageWidth)
+    }),
+    src: _ctx.src,
+    alt: _ctx.alt
+  }, null, 14
+  /* CLASS, STYLE, PROPS */
+  , _hoisted_1)) : (0, _vue.createCommentVNode)("v-if", true)]), (0, _vue.createElementVNode)("div", {
     class: (0, _vue.normalizeClass)(_ctx.n('container'))
   }, [(0, _vue.renderSlot)(_ctx.$slots, "title", {}, () => [_ctx.title ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
     key: 0,
@@ -186,13 +182,13 @@ var _default = (0, _vue.defineComponent)({
     var floaterOverflow = (0, _vue.ref)('hidden');
     var contentHeight = (0, _vue.ref)('0px');
     var opacity = (0, _vue.ref)('0');
-    var {
-      zIndex
-    } = (0, _zIndex.useZIndex)(() => props.floating, 1);
     var isRow = (0, _vue.computed)(() => props.layout === 'row');
     var showFloatingButtons = (0, _vue.ref)(false);
     var floated = (0, _vue.ref)(false);
-    (0, _lock.useLock)(() => props.floating, () => isRow);
+    var {
+      zIndex
+    } = (0, _zIndex.useZIndex)(() => props.floating, 1);
+    (0, _lock.useLock)(() => props.floating, () => !isRow.value);
     var dropdownFloaterTop = 'auto';
     var dropdownFloaterLeft = 'auto';
     var dropper = null;

package/lib/card/card.css

@@ -1 +1 @@
-:root { --card-padding: 0 0 15px 0; --card-background: #fff; --card-border-radius: 4px; --card-image-width: 100%; --card-row-image-width: 140px; --card-image-height: 200px; --card-row-height: 140px; --card-title-color: #333; --card-title-font-size: 20px; --card-title-padding: 0 12px; --card-title-margin: 15px 0 0 0; --card-title-row-margin: 12px 0; --card-subtitle-color: rgba(0, 0, 0, 0.6); --card-subtitle-font-size: 14px; --card-subtitle-padding: 0 12px; --card-subtitle-margin: 10px 0 0 0; --card-subtitle-row-margin: -8px 0 0 0; --card-description-color: rgba(0, 0, 0, 0.6); --card-description-font-size: 14px; --card-description-margin: 20px 0 0 0; --card-description-padding: 0 13px; --card-footer-padding: 0 12px; --card-footer-right: 13px; --card-footer-bottom: 9px; --card-footer-margin: 30px 0 0px 0; --card-line-height: 22px; --card-row-line-height: 1.5; --card-floating-buttons-bottom: 16px; --card-floating-buttons-right: 16px; --card-floating-buttons-color: #fff; --card-close-button-icon-size: 24px; --card-close-button-size: 56px; --card-close-button-primary-color: #212121;}.var-card { border-radius: var(--card-border-radius); overflow: hidden; width: 100%;}.var-card__floater { display: flex; flex-direction: column; position: static; line-height: var(--card-line-height); background: var(--card-background); transition-timing-function: cubic-bezier(0.45, 0.19, 0.06, 0.89);}.var-card__container { padding: var(--card-padding); flex-grow: 1; min-width: 0;}.var-card--layout-row .var-card__floater { min-height: var(--card-row-height); height: 100%; flex-direction: row; position: relative; line-height: var(--card-row-line-height);}.var-card__image { width: var(--card-image-width); height: var(--card-image-height); display: block;}.var-card--layout-row .var-card__image { width: var(--card-row-image-width); height: auto; display: block; flex-shrink: 0;}.var-card__title { font-size: var(--card-title-font-size); padding: var(--card-title-padding); margin: var(--card-title-margin); color: var(--card-title-color); word-break: break-word;}.var-card--layout-row .var-card__title { max-width: 100%; overflow: hidden; margin: var(--card-title-row-margin); text-overflow: ellipsis; white-space: nowrap;}.var-card__subtitle { font-size: var(--card-subtitle-font-size); color: var(--card-subtitle-color); padding: var(--card-subtitle-padding); margin: var(--card-subtitle-margin); word-break: break-word;}.var-card--layout-row .var-card__subtitle { margin: var(--card-subtitle-row-margin); text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}.var-card__description { font-size: var(--card-description-font-size); color: var(--card-description-color); margin: var(--card-description-margin); padding: var(--card-description-padding); word-break: break-all;}.var-card__footer { display: flex; justify-content: flex-end; padding: var(--card-footer-padding); margin: var(--card-footer-margin);}.var-card--layout-row .var-card__footer { position: absolute; padding: 0; right: var(--card-footer-right); bottom: var(--card-footer-bottom);}.var-card__content { overflow: hidden; transition-timing-function: cubic-bezier(0.45, 0.19, 0.06, 0.89);}.var-card__floating-buttons { position: fixed; bottom: var(--card-floating-buttons-bottom); right: var(--card-floating-buttons-right); color: var(--card-floating-buttons-color);}.var-card__close-button[var-card-cover] { padding: var(--card-close-button-padding); width: var(--card-close-button-size); height: var(--card-close-button-size); background-color: var(--card-close-button-primary-color);}.var-card__close-button-icon[var-card-cover] { font-size: var(--card-close-button-icon-size);}
+:root { --card-padding: 0 0 15px 0; --card-background: #fff; --card-border-radius: 4px; --card-image-width: 100%; --card-row-image-width: 140px; --card-image-height: 200px; --card-row-height: 140px; --card-title-color: #333; --card-title-font-size: 20px; --card-title-padding: 0 12px; --card-title-margin: 15px 0 0 0; --card-title-row-margin: 12px 0; --card-subtitle-color: rgba(0, 0, 0, 0.6); --card-subtitle-font-size: 14px; --card-subtitle-padding: 0 12px; --card-subtitle-margin: 10px 0 0 0; --card-subtitle-row-margin: -8px 0 0 0; --card-description-color: rgba(0, 0, 0, 0.6); --card-description-font-size: 14px; --card-description-margin: 20px 0 0 0; --card-description-padding: 0 13px; --card-footer-padding: 0 12px; --card-footer-right: 13px; --card-footer-bottom: 9px; --card-footer-margin: 30px 0 0 0; --card-line-height: 22px; --card-row-line-height: 1.5; --card-floating-buttons-bottom: 16px; --card-floating-buttons-right: 16px; --card-floating-buttons-color: #fff; --card-close-button-icon-size: 24px; --card-close-button-size: 56px; --card-close-button-primary-color: #212121;}.var-card { border-radius: var(--card-border-radius); overflow: hidden; width: 100%;}.var-card__floater { display: flex; flex-direction: column; position: static; line-height: var(--card-line-height); background: var(--card-background); transition: background-color 0.25s, color 0.25s; transition-timing-function: cubic-bezier(0.45, 0.19, 0.06, 0.89);}.var-card__container { padding: var(--card-padding); flex-grow: 1; min-width: 0;}.var-card--layout-row .var-card__floater { min-height: var(--card-row-height); height: 100%; flex-direction: row; position: relative; line-height: var(--card-row-line-height);}.var-card__image { width: var(--card-image-width); height: var(--card-image-height); display: block;}.var-card--layout-row .var-card__image { width: var(--card-row-image-width); height: auto; display: block; flex-shrink: 0;}.var-card__title { font-size: var(--card-title-font-size); padding: var(--card-title-padding); margin: var(--card-title-margin); color: var(--card-title-color); word-break: break-word;}.var-card--layout-row .var-card__title { max-width: 100%; overflow: hidden; margin: var(--card-title-row-margin); text-overflow: ellipsis; white-space: nowrap;}.var-card__subtitle { font-size: var(--card-subtitle-font-size); color: var(--card-subtitle-color); padding: var(--card-subtitle-padding); margin: var(--card-subtitle-margin); word-break: break-word;}.var-card--layout-row .var-card__subtitle { margin: var(--card-subtitle-row-margin); text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}.var-card__description { font-size: var(--card-description-font-size); color: var(--card-description-color); margin: var(--card-description-margin); padding: var(--card-description-padding); word-break: break-all;}.var-card__footer { display: flex; justify-content: flex-end; padding: var(--card-footer-padding); margin: var(--card-footer-margin);}.var-card--layout-row .var-card__footer { position: absolute; padding: 0; right: var(--card-footer-right); bottom: var(--card-footer-bottom);}.var-card__content { overflow: hidden; transition-timing-function: cubic-bezier(0.45, 0.19, 0.06, 0.89);}.var-card__floating-buttons { position: fixed; bottom: var(--card-floating-buttons-bottom); right: var(--card-floating-buttons-right); color: var(--card-floating-buttons-color);}.var-card__close-button[var-card-cover] { padding: var(--card-close-button-padding); width: var(--card-close-button-size); height: var(--card-close-button-size); background-color: var(--card-close-button-primary-color);}.var-card__close-button-icon[var-card-cover] { font-size: var(--card-close-button-icon-size);}

package/lib/card/props.js

@@ -16,13 +16,6 @@ var props = {
     validator: fitValidator,
     default: 'cover'
   },
-
-  /**
-   * @deprecated use imageHeight instead
-   */
-  height: {
-    type: [String, Number]
-  },
   imageHeight: {
     type: [String, Number]
   },

package/lib/cell/Cell.js

@@ -42,10 +42,10 @@ function render(_ctx, _cache) {
   /* TEXT */
   )])], 2
   /* CLASS */
-  ), _ctx.$slots.desc || _ctx.desc ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
+  ), _ctx.$slots.description || _ctx.description ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
     key: 0,
-    class: (0, _vue.normalizeClass)(_ctx.classes(_ctx.n('desc'), [_ctx.descClass, _ctx.descClass]))
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "desc", {}, () => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.desc), 1
+    class: (0, _vue.normalizeClass)(_ctx.classes(_ctx.n('description'), [_ctx.descriptionClass, _ctx.descriptionClass]))
+  }, [(0, _vue.renderSlot)(_ctx.$slots, "description", {}, () => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.description), 1
   /* TEXT */
   )])], 2
   /* CLASS */

package/lib/cell/cell.css

@@ -1 +1 @@
-:root { --cell-color: var(--color-text); --cell-font-size: var(--font-size-md); --cell-desc-font-size: var(--font-size-sm); --cell-desc-color: rgba(0, 0, 0, 0.6); --cell-padding: 10px 12px; --cell-min-height: 40px; --cell-border-color: #bcc2cb; --cell-border-left: 12px; --cell-border-right: 12px; --cell-icon-right: 8px; --cell-extra-left: 8px;}.var-cell { align-items: center; display: flex; min-height: var(--cell-min-height); outline: none; width: 100%; padding: var(--cell-padding); position: relative; box-sizing: border-box; font-size: var(--cell-font-size); color: var(--cell-color);}.var-cell--border::after { position: absolute; box-sizing: border-box; content: ' '; pointer-events: none; right: var(--cell-border-right); bottom: 0; left: var(--cell-border-left); border-bottom: 1px solid var(--cell-border-color); transform: scaleY(0.5);}.var-cell__icon { margin-right: var(--cell-icon-right); flex: 0;}.var-cell__content { flex: 1; overflow: hidden;}.var-cell__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.var-cell__desc { font-size: var(--cell-desc-font-size); color: var(--cell-desc-color);}.var-cell__extra { flex: 0; margin-left: var(--cell-extra-left);}
+:root { --cell-color: var(--color-text); --cell-font-size: var(--font-size-md); --cell-description-font-size: var(--font-size-sm); --cell-description-color: rgba(0, 0, 0, 0.6); --cell-padding: 10px 12px; --cell-min-height: 40px; --cell-border-color: #bcc2cb; --cell-border-left: 12px; --cell-border-right: 12px; --cell-icon-right: 8px; --cell-extra-left: 8px;}.var-cell { align-items: center; display: flex; min-height: var(--cell-min-height); outline: none; width: 100%; padding: var(--cell-padding); position: relative; box-sizing: border-box; font-size: var(--cell-font-size); color: var(--cell-color);}.var-cell--border::after { position: absolute; box-sizing: border-box; content: ' '; pointer-events: none; right: var(--cell-border-right); bottom: 0; left: var(--cell-border-left); border-bottom: 1px solid var(--cell-border-color); transform: scaleY(0.5);}.var-cell__icon { margin-right: var(--cell-icon-right); flex: 0;}.var-cell__content { flex: 1; overflow: hidden;}.var-cell__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.var-cell__description { font-size: var(--cell-description-font-size); color: var(--cell-description-color);}.var-cell__extra { flex: 0; margin-left: var(--cell-extra-left);}

package/lib/cell/props.js

@@ -9,7 +9,7 @@ var props = {
   icon: {
     type: String
   },
-  desc: {
+  description: {
     type: String
   },
   border: {
@@ -22,7 +22,7 @@ var props = {
   titleClass: {
     type: String
   },
-  descClass: {
+  descriptionClass: {
     type: String
   },
   extraClass: {

package/lib/chip/chip.css

@@ -1 +1 @@
-:root { --chip-default-color: #e0e0e0; --chip-primary-color: var(--color-primary); --chip-danger-color: var(--color-danger); --chip-success-color: var(--color-success); --chip-warning-color: var(--color-warning); --chip-info-color: var(--color-info); --chip-border-radius: 2px; --chip-normal-height: 32px; --chip-large-height: 40px; --chip-small-height: 24px; --chip-mini-height: 16px; --chip-round-radius: 100px; --chip-normal-padding: 0px 10px; --chip-large-padding: 0px 17px; --chip-small-padding: 0px 6px; --chip-mini-padding: 0px 4px; --chip-text-normal-margin: 0 5px; --chip-text-large-margin: 0 5px; --chip-text-small-margin: 0 3px; --chip-text-mini-margin: 0 2px;}.var-fade-leave-to { opacity: 0;}.var-fade-leave-active { transition: opacity 0.3s;}.var-chip { justify-content: center; align-items: center; font-family: Roboto, sans-serif; border-radius: var(--chip-border-radius); cursor: default; border: thin solid transparent; vertical-align: middle; line-height: 1; transition: background-color 0.25s;}.var-chip--default { color: inherit; background: var(--chip-default-color);}.var-chip--primary { color: #fff; background-color: var(--chip-primary-color);}.var-chip--info { color: #fff; background-color: var(--chip-info-color);}.var-chip--success { color: #fff; background-color: var(--chip-success-color);}.var-chip--warning { color: #fff; background-color: var(--chip-warning-color);}.var-chip--danger { color: #fff; background-color: var(--chip-danger-color);}.var-chip__plain { background-color: transparent;}.var-chip__plain:active { box-shadow: none;}.var-chip__plain-default { color: inherit; border-color: currentColor;}.var-chip__plain-primary { color: var(--chip-primary-color); border-color: currentColor;}.var-chip__plain-info { color: var(--chip-info-color); border-color: currentColor;}.var-chip__plain-success { color: var(--chip-success-color); border-color: currentColor;}.var-chip__plain-warning { color: var(--chip-warning-color); border-color: currentColor;}.var-chip__plain-danger { color: var(--chip-danger-color); border-color: currentColor;}.var-chip--round { border-radius: var(--chip-round-radius);}.var-chip--normal { font-size: var(--font-size-md); padding: var(--chip-normal-padding); height: var(--chip-normal-height);}.var-chip--large { padding: var(--chip-large-padding); font-size: var(--font-size-lg); height: var(--chip-large-height);}.var-chip--small { padding: var(--chip-small-padding); font-size: var(--font-size-sm); height: var(--chip-small-height);}.var-chip--mini { padding: var(--chip-mini-padding); font-size: var(--font-size-xs); height: var(--chip-mini-height);}.var-chip--close { cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-chip__text-large { margin: var(--chip-text-large-margin);}.var-chip__text-normal { margin: var(--chip-text-normal-margin);}.var-chip__text-small { margin: var(--chip-text-small-margin);}.var-chip__text-mini { margin: var(--chip-text-mini-margin);}
+:root { --chip-default-color: #e0e0e0; --chip-primary-color: var(--color-primary); --chip-danger-color: var(--color-danger); --chip-success-color: var(--color-success); --chip-warning-color: var(--color-warning); --chip-info-color: var(--color-info); --chip-border-radius: 2px; --chip-normal-height: 32px; --chip-large-height: 40px; --chip-small-height: 24px; --chip-mini-height: 16px; --chip-round-radius: 100px; --chip-normal-padding: 0 10px; --chip-large-padding: 0 17px; --chip-small-padding: 0 6px; --chip-mini-padding: 0 4px; --chip-text-normal-margin: 0 5px; --chip-text-large-margin: 0 5px; --chip-text-small-margin: 0 3px; --chip-text-mini-margin: 0 2px;}.var-fade-leave-to { opacity: 0;}.var-fade-leave-active { transition: opacity 0.3s;}.var-chip { justify-content: center; align-items: center; font-family: Roboto, sans-serif; border-radius: var(--chip-border-radius); cursor: default; border: thin solid transparent; vertical-align: middle; transition: background-color 0.25s;}.var-chip--default { color: inherit; background: var(--chip-default-color);}.var-chip--primary { color: #fff; background-color: var(--chip-primary-color);}.var-chip--info { color: #fff; background-color: var(--chip-info-color);}.var-chip--success { color: #fff; background-color: var(--chip-success-color);}.var-chip--warning { color: #fff; background-color: var(--chip-warning-color);}.var-chip--danger { color: #fff; background-color: var(--chip-danger-color);}.var-chip__plain { background-color: transparent;}.var-chip__plain:active { box-shadow: none;}.var-chip__plain-default { color: inherit; border-color: currentColor;}.var-chip__plain-primary { color: var(--chip-primary-color); border-color: currentColor;}.var-chip__plain-info { color: var(--chip-info-color); border-color: currentColor;}.var-chip__plain-success { color: var(--chip-success-color); border-color: currentColor;}.var-chip__plain-warning { color: var(--chip-warning-color); border-color: currentColor;}.var-chip__plain-danger { color: var(--chip-danger-color); border-color: currentColor;}.var-chip--round { border-radius: var(--chip-round-radius);}.var-chip--normal { font-size: var(--font-size-md); padding: var(--chip-normal-padding); height: var(--chip-normal-height);}.var-chip--large { padding: var(--chip-large-padding); font-size: var(--font-size-lg); height: var(--chip-large-height);}.var-chip--small { padding: var(--chip-small-padding); font-size: var(--font-size-sm); height: var(--chip-small-height);}.var-chip--mini { padding: var(--chip-mini-padding); font-size: var(--font-size-xs); height: var(--chip-mini-height);}.var-chip--close { cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-chip__text-large { margin: var(--chip-text-large-margin);}.var-chip__text-normal { margin: var(--chip-text-normal-margin);}.var-chip__text-small { margin: var(--chip-text-small-margin);}.var-chip__text-mini { margin: var(--chip-text-mini-margin);}

package/lib/date-picker/DatePicker.js

@@ -6,7 +6,7 @@ exports.render = render;
 
 var _vue = require("vue");
 
-var _dayjs = _interopRequireDefault(require("dayjs"));
+var _esm = _interopRequireDefault(require("dayjs/esm"));
 
 var _monthPickerPanel = _interopRequireDefault(require("./src/month-picker-panel.js"));
 
@@ -39,7 +39,7 @@ function render(_ctx, _cache) {
   var _component_day_picker_panel = (0, _vue.resolveComponent)("day-picker-panel");
 
   return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
-    class: (0, _vue.normalizeClass)(_ctx.classes(_ctx.n(), [_ctx.shadow, 'var-elevation--2']))
+    class: (0, _vue.normalizeClass)(_ctx.classes(_ctx.n(), [_ctx.elevation, 'var-elevation--2']))
   }, [(0, _vue.createElementVNode)("div", {
     class: (0, _vue.normalizeClass)(_ctx.n('title')),
     style: (0, _vue.normalizeStyle)({
@@ -181,7 +181,7 @@ var _default = (0, _vue.defineComponent)({
     var startY = 0;
     var checkType = '';
     var touchDirection;
-    var currentDate = (0, _dayjs.default)().format('YYYY-MM-D');
+    var currentDate = (0, _esm.default)().format('YYYY-MM-D');
     var [currentYear, currentMonth] = currentDate.split('-');
 
     var monthDes = _props.MONTH_LIST.find(month => month.index === currentMonth);
@@ -254,13 +254,13 @@ var _default = (0, _vue.defineComponent)({
       } = props;
 
       if (range) {
-        var formatRangeDays = chooseRangeDay.value.map(date => (0, _dayjs.default)(date).format('YYYY-MM-DD'));
+        var formatRangeDays = chooseRangeDay.value.map(date => (0, _esm.default)(date).format('YYYY-MM-DD'));
         return formatRangeDays.length ? formatRangeDays[0] + " ~ " + formatRangeDays[1] : '';
       }
 
       if (multiple) return "" + chooseDays.value.length + _locale.pack.value.datePickerSelected;
       if (!chooseYear.value || !chooseMonth.value || !chooseDay.value) return '';
-      var weekIndex = (0, _dayjs.default)(chooseYear.value + "-" + chooseMonth.value.index + "-" + chooseDay.value).day();
+      var weekIndex = (0, _esm.default)(chooseYear.value + "-" + chooseMonth.value.index + "-" + chooseDay.value).day();
 
       var week = _props.WEEK_HEADER.find(value => value.index === "" + weekIndex);
 
@@ -282,7 +282,7 @@ var _default = (0, _vue.defineComponent)({
     var slotProps = (0, _vue.computed)(() => {
       var _chooseMonth$value, _chooseDay$value, _chooseYear$value, _chooseMonth$value$in, _chooseMonth$value2;
 
-      var weekIndex = (0, _dayjs.default)(chooseYear.value + "-" + ((_chooseMonth$value = chooseMonth.value) == null ? void 0 : _chooseMonth$value.index) + "-" + chooseDay.value).day();
+      var weekIndex = (0, _esm.default)(chooseYear.value + "-" + ((_chooseMonth$value = chooseMonth.value) == null ? void 0 : _chooseMonth$value.index) + "-" + chooseDay.value).day();
       var date = chooseDay.value ? (_chooseDay$value = chooseDay.value) == null ? void 0 : _chooseDay$value.padStart(2, '0') : '';
       return {
         week: "" + weekIndex,
@@ -291,7 +291,7 @@ var _default = (0, _vue.defineComponent)({
         date
       };
     });
-    var formatRange = (0, _vue.computed)(() => getChoose.value.chooseRangeDay.map(choose => (0, _dayjs.default)(choose).format('YYYY-MM-DD')));
+    var formatRange = (0, _vue.computed)(() => getChoose.value.chooseRangeDay.map(choose => (0, _esm.default)(choose).format('YYYY-MM-DD')));
     var isSameYear = (0, _vue.computed)(() => chooseYear.value === previewYear.value);
     var isSameMonth = (0, _vue.computed)(() => {
       var _chooseMonth$value3;
@@ -347,7 +347,7 @@ var _default = (0, _vue.defineComponent)({
       rangeDone.value = !rangeDone.value;
 
       if (rangeDone.value) {
-        var isChangeOrder = (0, _dayjs.default)(rangeDate.value[0]).isAfter(rangeDate.value[1]);
+        var isChangeOrder = (0, _esm.default)(rangeDate.value[0]).isAfter(rangeDate.value[1]);
 
         var _date = isChangeOrder ? [rangeDate.value[1], rangeDate.value[0]] : [...rangeDate.value];
 
@@ -359,7 +359,7 @@ var _default = (0, _vue.defineComponent)({
     var updateMultiple = (date, type) => {
       var multipleDates = type === 'month' ? chooseMonths : chooseDays;
       var formatType = type === 'month' ? 'YYYY-MM' : 'YYYY-MM-DD';
-      var formatDates = multipleDates.value.map(date => (0, _dayjs.default)(date).format(formatType));
+      var formatDates = multipleDates.value.map(date => (0, _esm.default)(date).format(formatType));
       var index = formatDates.findIndex(choose => choose === date);
       if (index === -1) formatDates.push(date);else formatDates.splice(index, 1);
       (0, _components.call)(props['onUpdate:modelValue'], formatDates);
@@ -384,7 +384,7 @@ var _default = (0, _vue.defineComponent)({
       if (day < 0 || readonly) return;
       reverse.value = getReverse('day', day);
       var date = previewYear.value + "-" + previewMonth.value.index + "-" + day;
-      var formatDate = (0, _dayjs.default)(date).format('YYYY-MM-DD');
+      var formatDate = (0, _esm.default)(date).format('YYYY-MM-DD');
       if (range) updateRange(formatDate, 'day');else if (multiple) updateMultiple(formatDate, 'day');else {
         (0, _components.call)(updateModelValue, formatDate);
         (0, _components.call)(onChange, formatDate);
@@ -476,11 +476,11 @@ var _default = (0, _vue.defineComponent)({
     var rangeInit = (value, type) => {
       var rangeDate = type === 'month' ? chooseRangeMonth : chooseRangeDay;
       var formatType = type === 'month' ? 'YYYY-MM' : 'YYYY-MM-D';
-      var formatDateList = value.map(choose => (0, _dayjs.default)(choose).format(formatType)).slice(0, 2);
+      var formatDateList = value.map(choose => (0, _esm.default)(choose).format(formatType)).slice(0, 2);
       var isValid = rangeDate.value.some(date => invalidFormatDate(date));
       if (isValid) return;
       rangeDate.value = formatDateList;
-      var isChangeOrder = (0, _dayjs.default)(rangeDate.value[0]).isAfter(rangeDate.value[1]);
+      var isChangeOrder = (0, _esm.default)(rangeDate.value[0]).isAfter(rangeDate.value[1]);
 
       if (rangeDate.value.length === 2 && isChangeOrder) {
         rangeDate.value = [rangeDate.value[1], rangeDate.value[0]];
@@ -491,12 +491,12 @@ var _default = (0, _vue.defineComponent)({
       var rangeDate = type === 'month' ? chooseMonths : chooseDays;
       var formatType = type === 'month' ? 'YYYY-MM' : 'YYYY-MM-D'; // 需要去重
 
-      var formatDateList = Array.from(new Set(value.map(choose => (0, _dayjs.default)(choose).format(formatType))));
+      var formatDateList = Array.from(new Set(value.map(choose => (0, _esm.default)(choose).format(formatType))));
       rangeDate.value = formatDateList.filter(date => date !== 'Invalid Date');
     };
 
     var dateInit = value => {
-      var formatDate = (0, _dayjs.default)(value).format('YYYY-MM-D');
+      var formatDate = (0, _esm.default)(value).format('YYYY-MM-D');
       if (invalidFormatDate(formatDate)) return;
       var [yearValue, monthValue, dayValue] = formatDate.split('-');
 

package/lib/date-picker/props.js

@@ -67,7 +67,7 @@ var props = {
   headerColor: {
     type: String
   },
-  shadow: {
+  elevation: {
     type: Boolean,
     default: false
   },

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

@@ -4,11 +4,11 @@ exports.__esModule = true;
 exports.default = void 0;
 exports.render = render;
 
-var _dayjs = _interopRequireDefault(require("dayjs"));
+var _esm = _interopRequireDefault(require("dayjs/esm"));
 
-var _isSameOrBefore = _interopRequireDefault(require("dayjs/plugin/isSameOrBefore"));
+var _isSameOrBefore = _interopRequireDefault(require("dayjs/esm/plugin/isSameOrBefore"));
 
-var _isSameOrAfter = _interopRequireDefault(require("dayjs/plugin/isSameOrAfter"));
+var _isSameOrAfter = _interopRequireDefault(require("dayjs/esm/plugin/isSameOrAfter"));
 
 var _panelHeader = _interopRequireDefault(require("./panel-header.js"));
 
@@ -26,11 +26,11 @@ var _locale = require("../../locale");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 
-_dayjs.default.extend(_isSameOrBefore.default);
+_esm.default.extend(_isSameOrBefore.default);
 
-_dayjs.default.extend(_isSameOrAfter.default);
+_esm.default.extend(_isSameOrAfter.default);
 
 var {
   n,
@@ -186,8 +186,8 @@ var _default = (0, _vue.defineComponent)({
           previewYear
         }
       } = props;
-      var monthNum = (0, _dayjs.default)(previewYear + "-" + previewMonth.index).daysInMonth();
-      var firstDayToWeek = (0, _dayjs.default)(previewYear + "-" + previewMonth.index + "-01").day();
+      var monthNum = (0, _esm.default)(previewYear + "-" + previewMonth.index).daysInMonth();
+      var firstDayToWeek = (0, _esm.default)(previewYear + "-" + previewMonth.index + "-01").day();
       var index = sortWeekList.value.findIndex(week => week.index === "" + firstDayToWeek);
       days.value = [...Array(index).fill(-1), ...Array.from(Array(monthNum + 1).keys())].filter(value => value);
     };
@@ -206,13 +206,13 @@ var _default = (0, _vue.defineComponent)({
 
       if (max) {
         var date = previewYear + "-" + ((0, _shared.toNumber)(previewMonth.index) + 1);
-        panelBtnDisabled.right = !(0, _dayjs.default)(date).isSameOrBefore((0, _dayjs.default)(max), 'month');
+        panelBtnDisabled.right = !(0, _esm.default)(date).isSameOrBefore((0, _esm.default)(max), 'month');
       }
 
       if (min) {
         var _date = previewYear + "-" + ((0, _shared.toNumber)(previewMonth.index) - 1);
 
-        panelBtnDisabled.left = !(0, _dayjs.default)(_date).isSameOrAfter((0, _dayjs.default)(min), 'month');
+        panelBtnDisabled.left = !(0, _esm.default)(_date).isSameOrAfter((0, _esm.default)(min), 'month');
       }
     };
 
@@ -230,8 +230,8 @@ var _default = (0, _vue.defineComponent)({
       var isBeforeMax = true;
       var isAfterMin = true;
       var previewDate = previewYear + "-" + previewMonth.index + "-" + day;
-      if (max) isBeforeMax = (0, _dayjs.default)(previewDate).isSameOrBefore((0, _dayjs.default)(max), 'day');
-      if (min) isAfterMin = (0, _dayjs.default)(previewDate).isSameOrAfter((0, _dayjs.default)(min), 'day');
+      if (max) isBeforeMax = (0, _esm.default)(previewDate).isSameOrBefore((0, _esm.default)(max), 'day');
+      if (min) isAfterMin = (0, _esm.default)(previewDate).isSameOrAfter((0, _esm.default)(min), 'day');
       return isBeforeMax && isAfterMin;
     };
 
@@ -248,8 +248,8 @@ var _default = (0, _vue.defineComponent)({
 
       if (range) {
         if (!chooseRangeDay.length) return false;
-        var isBeforeMax = (0, _dayjs.default)(val).isSameOrBefore((0, _dayjs.default)(chooseRangeDay[1]), 'day');
-        var isAfterMin = (0, _dayjs.default)(val).isSameOrAfter((0, _dayjs.default)(chooseRangeDay[0]), 'day');
+        var isBeforeMax = (0, _esm.default)(val).isSameOrBefore((0, _esm.default)(chooseRangeDay[1]), 'day');
+        var isAfterMin = (0, _esm.default)(val).isSameOrAfter((0, _esm.default)(chooseRangeDay[0]), 'day');
         return isBeforeMax && isAfterMin;
       }
 

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

@@ -6,11 +6,11 @@ exports.render = render;
 
 var _vue = require("vue");
 
-var _dayjs = _interopRequireDefault(require("dayjs"));
+var _esm = _interopRequireDefault(require("dayjs/esm"));
 
-var _isSameOrBefore = _interopRequireDefault(require("dayjs/plugin/isSameOrBefore"));
+var _isSameOrBefore = _interopRequireDefault(require("dayjs/esm/plugin/isSameOrBefore"));
 
-var _isSameOrAfter = _interopRequireDefault(require("dayjs/plugin/isSameOrAfter"));
+var _isSameOrAfter = _interopRequireDefault(require("dayjs/esm/plugin/isSameOrAfter"));
 
 var _props = require("../props");
 
@@ -26,11 +26,11 @@ var _locale = require("../../locale");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 
-_dayjs.default.extend(_isSameOrBefore.default);
+_esm.default.extend(_isSameOrBefore.default);
 
-_dayjs.default.extend(_isSameOrAfter.default);
+_esm.default.extend(_isSameOrAfter.default);
 
 var {
   n,
@@ -162,8 +162,8 @@ var _default = (0, _vue.defineComponent)({
       var isBeforeMax = true;
       var isAfterMin = true;
       var previewDate = previewYear + "-" + key;
-      if (max) isBeforeMax = (0, _dayjs.default)(previewDate).isSameOrBefore((0, _dayjs.default)(max), 'month');
-      if (min) isAfterMin = (0, _dayjs.default)(previewDate).isSameOrAfter((0, _dayjs.default)(min), 'month');
+      if (max) isBeforeMax = (0, _esm.default)(previewDate).isSameOrBefore((0, _esm.default)(max), 'month');
+      if (min) isAfterMin = (0, _esm.default)(previewDate).isSameOrAfter((0, _esm.default)(min), 'month');
       return isBeforeMax && isAfterMin;
     };
 
@@ -182,8 +182,8 @@ var _default = (0, _vue.defineComponent)({
 
       if (range) {
         if (!chooseRangeMonth.length) return false;
-        var isBeforeMax = (0, _dayjs.default)(val).isSameOrBefore((0, _dayjs.default)(chooseRangeMonth[1]), 'month');
-        var isAfterMin = (0, _dayjs.default)(val).isSameOrAfter((0, _dayjs.default)(chooseRangeMonth[0]), 'month');
+        var isBeforeMax = (0, _esm.default)(val).isSameOrBefore((0, _esm.default)(chooseRangeMonth[1]), 'month');
+        var isAfterMin = (0, _esm.default)(val).isSameOrAfter((0, _esm.default)(chooseRangeMonth[0]), 'month');
         return isBeforeMax && isAfterMin;
       }
 
@@ -281,8 +281,8 @@ var _default = (0, _vue.defineComponent)({
           max
         }
       } = props;
-      if (max) panelBtnDisabled.right = !(0, _dayjs.default)("" + ((0, _shared.toNumber)(year) + 1)).isSameOrBefore((0, _dayjs.default)(max), 'year');
-      if (min) panelBtnDisabled.left = !(0, _dayjs.default)("" + ((0, _shared.toNumber)(year) - 1)).isSameOrAfter((0, _dayjs.default)(min), 'year');
+      if (max) panelBtnDisabled.right = !(0, _esm.default)("" + ((0, _shared.toNumber)(year) + 1)).isSameOrBefore((0, _esm.default)(max), 'year');
+      if (min) panelBtnDisabled.left = !(0, _esm.default)("" + ((0, _shared.toNumber)(year) - 1)).isSameOrAfter((0, _esm.default)(min), 'year');
     }, {
       immediate: true
     });

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

@@ -6,7 +6,7 @@ exports.render = render;
 
 var _vue = require("vue");
 
-var _dayjs = _interopRequireDefault(require("dayjs"));
+var _esm = _interopRequireDefault(require("dayjs/esm"));
 
 var _shared = require("@varlet/shared");
 
@@ -75,14 +75,14 @@ var _default = (0, _vue.defineComponent)({
       var yearRange = [(0, _shared.toNumber)(preview) + 100, (0, _shared.toNumber)(preview) - 100];
 
       if (max) {
-        var formatMax = (0, _dayjs.default)(max).format('YYYY-MM-D');
+        var formatMax = (0, _esm.default)(max).format('YYYY-MM-D');
         var year = (0, _shared.toNumber)(formatMax.split('-')[0]);
         if (year < yearRange[0] && year > yearRange[1]) yearRange = [year, yearRange[1]];
         if (year <= yearRange[1]) return [year];
       }
 
       if (min) {
-        var formatMin = (0, _dayjs.default)(min).format('YYYY-MM-D');
+        var formatMin = (0, _esm.default)(min).format('YYYY-MM-D');
 
         var _year = (0, _shared.toNumber)(formatMin.split('-')[0]);
 

package/lib/dialog/props.js

@@ -7,7 +7,7 @@ var _components = require("../utils/components");
 
 var _props = require("../popup/props");
 
-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); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 
 function messageAlignValidator(messageAlign) {
   return ['left', 'center', 'right'].includes(messageAlign);

package/lib/divider/Divider.js

@@ -14,7 +14,7 @@ var _props = require("./props");
 
 var _components = require("../utils/components");
 
-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); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 
 var {
   n,

package/lib/image-preview/props.js

@@ -9,7 +9,7 @@ var _props = require("../swipe/props");
 
 var _props2 = require("../popup/props");
 
-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); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 
 var props = _extends({
   show: {

package/lib/index.d.ts

@@ -1 +1 @@
-export * from '../types'
+export * from '..\types'

package/lib/index.js

@@ -60,6 +60,7 @@ var TabItem = require('./tab-item')['default']
 var Table = require('./table')['default']
 var Tabs = require('./tabs')['default']
 var TabsItems = require('./tabs-items')['default']
+var Themes = require('./themes')['default']
 var TimePicker = require('./time-picker')['default']
 var Uploader = require('./uploader')['default']
 
@@ -127,6 +128,7 @@ function install(app) {
   Table.install && app.use(Table)
   Tabs.install && app.use(Tabs)
   TabsItems.install && app.use(TabsItems)
+  Themes.install && app.use(Themes)
   TimePicker.install && app.use(TimePicker)
   Uploader.install && app.use(Uploader)
 }
@@ -196,6 +198,7 @@ module.exports = {
   Table,
   Tabs,
   TabsItems,
+  Themes,
   TimePicker,
   Uploader
 }

package/lib/input/Input.js

@@ -88,7 +88,7 @@ function render(_ctx, _cache) {
     onTouchstart: _cache[4] || (_cache[4] = function () {
       return _ctx.handleTouchstart && _ctx.handleTouchstart(...arguments);
     })
-  }, "\n        ", 46
+  }, "\r\n        ", 46
   /* CLASS, STYLE, PROPS, HYDRATE_EVENTS */
   , _hoisted_1)) : ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("input", {
     key: 2,

package/lib/lazy/index.js

@@ -15,7 +15,7 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
-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); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 
 var BACKGROUND_IMAGE_ARG_NAME = 'background-image';
 var LAZY_LOADING = 'lazy-loading';