@varlet/ui 1.27.20 → 2.0.0-alpha.1663742071515

package/highlight/attributes.json

@@ -183,6 +183,10 @@
     "type": "string",
     "description": "loading 的尺寸，可选值为 `large` `normal` `small` `mini` 不作用于 `loading-type=\"circle\"` 时 默认值：normal"
   },
+  "var-button/loading-color": {
+    "type": "string",
+    "description": "loading 的颜色 默认值：currentColor"
+  },
   "var-button/auto-loading": {
     "type": "boolean",
     "description": "自动 loading 模式，方便处理异步任务 默认值：false"
@@ -279,7 +283,7 @@
     "type": "string",
     "description": "左侧图标名称 默认值：-"
   },
-  "var-cell/desc": {
+  "var-cell/description": {
     "type": "string",
     "description": "单元格描述 默认值：-"
   },
@@ -295,7 +299,7 @@
     "type": "string",
     "description": "标题额外类名 默认值：-"
   },
-  "var-cell/desc-class": {
+  "var-cell/description-class": {
     "type": "string",
     "description": "描述额外类名 默认值：-"
   },
@@ -563,7 +567,7 @@
     "type": "string",
     "description": "标题背景色。如果未指定，将使用由 color 属性或默认颜色。 默认值：#2979ff"
   },
-  "var-date-picker/shadow": {
+  "var-date-picker/elevation": {
     "type": "boolean",
     "description": "是否添加阴影 默认值：false"
   },
@@ -945,7 +949,7 @@
   },
   "var-loading/color": {
     "type": "string",
-    "description": "loading 的颜色 默认值：currentColor"
+    "description": "loading 的颜色 默认值：-"
   },
   "var-loading/type": {
     "type": "string",
@@ -953,7 +957,7 @@
   },
   "var-loading/size": {
     "type": "string",
-    "description": "loading 的大小，可选值位 `large` `normal` `small` `mini` 默认值：normal"
+    "description": "loading 的大小，可选值为 `large` `normal` `small` `mini` 默认值：normal"
   },
   "var-loading/description": {
     "type": "string",
@@ -987,6 +991,22 @@
     "type": "TeleportProps['to']",
     "description": "菜单挂载的位置 默认值：body"
   },
+  "var-menu/disabled": {
+    "type": "boolean",
+    "description": "是否禁用菜单 默认值：false"
+  },
+  "var-menu/trigger": {
+    "type": "string",
+    "description": "菜单触发方式，可选值为`click` `hover`，`click`为点击时触发，`hover`为悬停时触发 默认值：click"
+  },
+  "var-menu/placement": {
+    "type": "string: cover-top | cover-top-start | cover-top-end | cover-bottom | cover-bottom-start | cover-bottom-end | cover-left | cover-right | ...",
+    "description": "菜单显示位置，具体可参考 [popper文档](https://popper.js.org/docs/v2/) 默认值：cover-top-start"
+  },
+  "var-menu/defaultStyle": {
+    "type": "boolean",
+    "description": "是否启用默认样式 默认值：true"
+  },
   "var-option/label": {
     "type": "any",
     "description": "选项显示的文本 默认值：-"
@@ -1497,11 +1517,19 @@
   },
   "var-snackbar/loading-type": {
     "type": "string",
-    "description": "加载动画类型(见 `Loading` 组件) 默认值：circle"
+    "description": "Loading类型(见 `Loading` 组件) 默认值：circle"
   },
   "var-snackbar/loading-size": {
     "type": "string",
-    "description": "加载动画大小(见 `Loading` 组件) 默认值：normal"
+    "description": "Loading大小(见 `Loading` 组件) 默认值：normal"
+  },
+  "var-snackbar/loading-color": {
+    "type": "string",
+    "description": "loading颜色(见`_loading`组件) 默认值：current_color"
+  },
+  "var-snackbar/loading-radius": {
+    "type": "string | number",
+    "description": "Loading半径大小(见 `Loading` 组件) 默认值：-"
   },
   "var-snackbar/lock-scroll": {
     "type": "boolean",
@@ -1585,7 +1613,11 @@
   },
   "var-style-provider/style-vars": {
     "type": "Record<string, string>",
-    "description": "css 变量 默认值：{}"
+    "description": "CSS 变量 默认值：{}"
+  },
+  "var-style-provider/tag": {
+    "type": "string",
+    "description": "自定义标签名 默认值：div"
   },
   "var-swipe/loop": {
     "type": "boolean",
@@ -1767,7 +1799,7 @@
     "type": "string",
     "description": "标题背景色。如果未指定，将使用由 color 属性或默认颜色。 默认值：#2979ff"
   },
-  "var-time-picker/shadow": {
+  "var-time-picker/elevation": {
     "type": "boolean",
     "description": "是否添加阴影 默认值：false"
   },

package/highlight/tags.json

@@ -71,6 +71,7 @@
       "loading-radius",
       "loading-type",
       "loading-size",
+      "loading-color",
       "auto-loading",
       "round",
       "block",
@@ -103,11 +104,11 @@
     "attributes": [
       "title",
       "icon",
-      "desc",
+      "description",
       "border",
       "icon-class",
       "title-class",
-      "desc-class",
+      "description-class",
       "extra-class"
     ]
   },
@@ -210,7 +211,7 @@
       "allowed-dates",
       "color",
       "header-color",
-      "shadow",
+      "elevation",
       "first-day-of-week",
       "min",
       "max",
@@ -372,7 +373,11 @@
       "alignment",
       "offset-x",
       "offset-y",
-      "teleport"
+      "teleport",
+      "disabled",
+      "trigger",
+      "placement",
+      "defaultStyle"
     ]
   },
   "var-option": {
@@ -561,6 +566,8 @@
       "vertical",
       "loading-type",
       "loading-size",
+      "loading-color",
+      "loading-radius",
       "lock-scroll",
       "forbid-click",
       "teleport"
@@ -601,7 +608,8 @@
   },
   "var-style-provider": {
     "attributes": [
-      "style-vars"
+      "style-vars",
+      "tag"
     ]
   },
   "var-styles": {
@@ -688,7 +696,7 @@
       "format",
       "color",
       "header-color",
-      "shadow",
+      "elevation",
       "min",
       "max",
       "allowed-time",

package/highlight/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "1.27.19",
+  "version": "1.27.20",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -559,6 +559,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "loading-color",
+              "description": "loading 的颜色",
+              "default": "currentColor",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "auto-loading",
               "description": "自动 loading 模式，方便处理异步任务",
@@ -838,7 +847,7 @@
               }
             },
             {
-              "name": "desc",
+              "name": "description",
               "description": "单元格描述",
               "default": "-",
               "value": {
@@ -874,7 +883,7 @@
               }
             },
             {
-              "name": "desc-class",
+              "name": "description-class",
               "description": "描述额外类名",
               "default": "-",
               "value": {
@@ -903,7 +912,7 @@
               "description": "自定义左侧 icon 区域"
             },
             {
-              "name": "desc",
+              "name": "description",
               "description": "描述的内容"
             },
             {
@@ -1679,7 +1688,7 @@
               }
             },
             {
-              "name": "shadow",
+              "name": "elevation",
               "description": "是否添加阴影",
               "default": "false",
               "value": {
@@ -2834,7 +2843,7 @@
             {
               "name": "color",
               "description": "loading 的颜色",
-              "default": "currentColor",
+              "default": "-",
               "value": {
                 "type": "string",
                 "kind": "expression"
@@ -2851,7 +2860,7 @@
             },
             {
               "name": "size",
-              "description": "loading 的大小，可选值位 `large` `normal` `small` `mini`",
+              "description": "loading 的大小，可选值为 `large` `normal` `small` `mini`",
               "default": "normal",
               "value": {
                 "type": "string",
@@ -2951,6 +2960,42 @@
                 "type": "TeleportProps['to']",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "disabled",
+              "description": "是否禁用菜单",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "trigger",
+              "description": "菜单触发方式，可选值为`click` `hover`，`click`为点击时触发，`hover`为悬停时触发",
+              "default": "click",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "placement",
+              "description": "菜单显示位置，具体可参考 [popper文档](https://popper.js.org/docs/v2/)",
+              "default": "cover-top-start",
+              "value": {
+                "type": "string: cover-top | cover-top-start | cover-top-end | cover-bottom | cover-bottom-start | cover-bottom-end | cover-left | cover-right | ...",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "defaultStyle",
+              "description": "是否启用默认样式",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ],
           "events": [
@@ -4417,7 +4462,7 @@
             },
             {
               "name": "loading-type",
-              "description": "加载动画类型(见 `Loading` 组件)",
+              "description": "Loading类型(见 `Loading` 组件)",
               "default": "circle",
               "value": {
                 "type": "string",
@@ -4426,13 +4471,31 @@
             },
             {
               "name": "loading-size",
-              "description": "加载动画大小(见 `Loading` 组件)",
+              "description": "Loading大小(见 `Loading` 组件)",
               "default": "normal",
               "value": {
                 "type": "string",
                 "kind": "expression"
               }
             },
+            {
+              "name": "loading-color",
+              "description": "loading颜色(见`_loading`组件)",
+              "default": "current_color",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "loading-radius",
+              "description": "Loading半径大小(见 `Loading` 组件)",
+              "default": "-",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
             {
               "name": "lock-scroll",
               "description": "是否禁止滚动穿透",
@@ -4706,12 +4769,21 @@
           "attributes": [
             {
               "name": "style-vars",
-              "description": "css 变量",
+              "description": "CSS 变量",
               "default": "{}",
               "value": {
                 "type": "Record<string, string>",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "tag",
+              "description": "自定义标签名",
+              "default": "div",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
             }
           ],
           "events": [],
@@ -5264,7 +5336,7 @@
               }
             },
             {
-              "name": "shadow",
+              "name": "elevation",
               "description": "是否添加阴影",
               "default": "false",
               "value": {

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

@@ -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)({

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

@@ -26,7 +26,7 @@ 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);