@varlet/ui 1.23.10 → 1.23.11

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.23.11](https://github.com/haoziqaq/varlet/compare/v1.23.10...v1.23.11) (2021-12-10)
+
+
+### Bug Fixes
+
+* **card:** fix image css problem in card  ([#224](https://github.com/haoziqaq/varlet/issues/224)) ([498cb3c](https://github.com/haoziqaq/varlet/commit/498cb3c41f70ca265ab407cb9d4ed4100abf6c9f))
+* **fix the offset problem when the divider is vertical:** remove transformY,use align-items: center ([5b10f08](https://github.com/haoziqaq/varlet/commit/5b10f08ef6e2ebdbae4c3e199b23e68a319181e2))
+* fix types ([2d95d4c](https://github.com/haoziqaq/varlet/commit/2d95d4c53a8e106ef38d23b372e7f5583d7ef0d2))
+* remove unused code ([b37f258](https://github.com/haoziqaq/varlet/commit/b37f25809adfc0a7e3e8a3ecf3085715c531aa7f))
+
+
+
+
+
 ## [1.23.10](https://github.com/haoziqaq/varlet/compare/v1.23.9...v1.23.10) (2021-12-01)
 
 

package/es/card/card.css

@@ -1 +1 @@
-:root { --card-padding: 5px 0 15px 0; --card-background: #fff; --card-border-radius: 4px; --card-image-width: 100%; --card-image-height: 200px; --card-title-color: #333; --card-title-font-size: 20px; --card-title-padding: 0 12px; --card-title-margin: 10px 0 0 0; --card-subtitle-color: rgba(0, 0, 0, 0.6); --card-subtitle-font-size: 14px; --card-subtitle-padding: 0 13px; --card-subtitle-margin: 10px 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-margin: 30px 0 0px 0; --card-line-height: 22px;}.var-card { border-radius: var(--card-border-radius); overflow: hidden; padding: var(--card-padding); line-height: var(--card-line-height); background: var(--card-background); transition: background-color 0.25s;}.var-card__image { width: var(--card-image-width); height: var(--card-image-height); display: block;}.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);}.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);}.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);}.var-card__footer { padding: var(--card-footer-padding); margin: var(--card-footer-margin);}
+:root { --card-padding: 0 0 15px 0; --card-background: #fff; --card-border-radius: 4px; --card-image-width: 100%; --card-image-height: 200px; --card-title-color: #333; --card-title-font-size: 20px; --card-title-padding: 0 12px; --card-title-margin: 15px 0 0 0; --card-subtitle-color: rgba(0, 0, 0, 0.6); --card-subtitle-font-size: 14px; --card-subtitle-padding: 0 13px; --card-subtitle-margin: 10px 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-margin: 30px 0 0px 0; --card-line-height: 22px;}.var-card { border-radius: var(--card-border-radius); overflow: hidden; padding: var(--card-padding); line-height: var(--card-line-height); background: var(--card-background); transition: background-color 0.25s;}.var-card__image { width: var(--card-image-width); height: var(--card-image-height); display: block;}.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);}.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);}.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);}.var-card__footer { padding: var(--card-footer-padding); margin: var(--card-footer-margin);}

package/es/card/card.less

@@ -1,4 +1,4 @@
-@card-padding: 5px 0 15px 0;
+@card-padding: 0 0 15px 0;
 @card-background: #fff;
 @card-border-radius: 4px;
 @card-image-width: 100%;
@@ -6,7 +6,7 @@
 @card-title-color: #333;
 @card-title-font-size: 20px;
 @card-title-padding: 0 12px;
-@card-title-margin: 10px 0 0 0;
+@card-title-margin: 15px 0 0 0;
 @card-subtitle-color: rgba(0, 0, 0, 0.6);
 @card-subtitle-font-size: 14px;
 @card-subtitle-padding: 0 13px;

package/es/divider/divider.css

@@ -1 +1 @@
-:root { --divider-color: rgba(0, 0, 0, 0.12); --divider-text-color: #888; --divider-text-margin: 8px 0; --divider-text-padding: 0 8px; --divider-inset: 72px; --divider-vertical-inset: 8px;}.var-divider { position: relative; width: 100%; height: 0; border: none; border-top: 1px solid var(--divider-color); margin: var(--divider-text-margin); font-size: var(--font-size-md); color: var(--divider-text-color);}.var-divider--vertical { width: 0; height: 80%; margin: auto var(--divider-text-margin); padding: var(--divider-text-margin); border-top: none; border-left: 1px solid var(--divider-color); transform: translateY(-10%);}.var-divider--inset { width: calc(100% - var(--divider-inset)); left: var(--divider-inset);}.var-divider--vertical.var-divider--inset { width: 0; left: unset; height: calc(80% - var(--divider-vertical-inset));}.var-divider__text { display: inline-block; padding: var(--divider-text-padding);}.var-divider--with-text { background-color: transparent; height: fit-content; display: flex; align-items: center; justify-content: center; border: none;}.var-divider--with-text::before,.var-divider--with-text::after { display: inline-block; content: ''; flex: 1; height: 0; border-top: 1px solid var(--divider-color);}.var-divider--dashed { border-top-style: dashed;}.var-divider--dashed.var-divider--vertical { border-top: none; border-left-style: dashed;}
+:root { --divider-color: rgba(0, 0, 0, 0.12); --divider-text-color: #888; --divider-text-margin: 8px 0; --divider-text-padding: 0 8px; --divider-inset: 72px; --divider-vertical-inset: 8px;}.var-divider { position: relative; width: 100%; height: 0; border: none; border-top: 1px solid var(--divider-color); margin: var(--divider-text-margin); font-size: var(--font-size-md); color: var(--divider-text-color);}.var-divider--vertical { width: 0; height: 80%; margin: auto var(--divider-text-margin); padding: var(--divider-text-margin); border-top: none; border-left: 1px solid var(--divider-color);}.var-divider--inset { width: calc(100% - var(--divider-inset)); left: var(--divider-inset);}.var-divider--vertical.var-divider--inset { width: 0; left: unset; height: calc(80% - var(--divider-vertical-inset));}.var-divider__text { display: inline-block; padding: var(--divider-text-padding);}.var-divider--with-text { background-color: transparent; height: fit-content; display: flex; align-items: center; justify-content: center; border: none;}.var-divider--with-text::before,.var-divider--with-text::after { display: inline-block; content: ''; flex: 1; height: 0; border-top: 1px solid var(--divider-color);}.var-divider--dashed { border-top-style: dashed;}.var-divider--dashed.var-divider--vertical { border-top: none; border-left-style: dashed;}

package/es/divider/divider.less

@@ -31,7 +31,6 @@
     padding: var(--divider-text-margin);
     border-top: none;
     border-left: 1px solid var(--divider-color);
-    transform: translateY(-10%);
   }
 
   &--inset {

package/es/snackbar/style/index.js

@@ -1,8 +1,8 @@
 import '../../styles/common.css'
-import '../SnackbarSfc.css'
 import '../../styles/elevation.css'
 import '../../loading/loading.css'
 import '../../button/button.css'
 import '../../icon/icon.css'
 import '../snackbar.css'
 import '../coreSfc.css'
+import '../SnackbarSfc.css'

package/es/snackbar/style/less.js

@@ -1,8 +1,8 @@
 import '../../styles/common.less'
-import '../SnackbarSfc.less'
 import '../../styles/elevation.less'
 import '../../loading/loading.less'
 import '../../button/button.less'
 import '../../icon/icon.less'
 import '../snackbar.less'
 import '../coreSfc.less'
+import '../SnackbarSfc.less'

package/highlight/attributes.json

@@ -17,11 +17,11 @@
   },
   "var-action-sheet/overlay-class": {
     "type": "string",
-    "description": "自定义遮罩层的class 默认值：-"
+    "description": "自定义遮罩层的 class 默认值：-"
   },
   "var-action-sheet/overlay-style": {
     "type": "string",
-    "description": "自定义遮罩层的style 默认值：-"
+    "description": "自定义遮罩层的 style 默认值：-"
   },
   "var-action-sheet/lock-scroll": {
     "type": "boolean",
@@ -113,15 +113,15 @@
   },
   "var-button/loading-radius": {
     "type": "string | number",
-    "description": "loading的半径，只作用于 `loading-type=\"circle\"` 时 默认值：12"
+    "description": "loading 的半径，只作用于 `loading-type=\"circle\"` 时 默认值：12"
   },
   "var-button/loading-type": {
     "type": "string",
-    "description": "loading的类型，可选值为 `circle` `wave` `cube` `rect` `disappear` 默认值：circle"
+    "description": "loading 的类型，可选值为 `circle` `wave` `cube` `rect` `disappear` 默认值：circle"
   },
   "var-button/loading-size": {
     "type": "string",
-    "description": "loading的尺寸，可选值为 `large` `normal` `small` `mini` 不作用于 `loading-type=\"circle\"` 时 默认值：normal"
+    "description": "loading 的尺寸，可选值为 `large` `normal` `small` `mini` 不作用于 `loading-type=\"circle\"` 时 默认值：normal"
   },
   "var-button/round": {
     "type": "boolean",
@@ -841,7 +841,7 @@
   },
   "var-loading/radius": {
     "type": "string | number",
-    "description": "loading 的类型为`circle`时，可设置其大小 默认值：-"
+    "description": "loading 的类型为 `circle` 时，可设置其大小 默认值：-"
   },
   "var-menu/v-model:show": {
     "type": "string",
@@ -1441,7 +1441,7 @@
   },
   "var-style-provider/style-vars": {
     "type": "Record<string, string>",
-    "description": "css变量 默认值：{}"
+    "description": "css 变量 默认值：{}"
   },
   "var-swipe/loop": {
     "type": "boolean",

package/highlight/web-types.json

@@ -47,7 +47,7 @@
             },
             {
               "name": "overlay-class",
-              "description": "自定义遮罩层的class",
+              "description": "自定义遮罩层的 class",
               "default": "-",
               "value": {
                 "type": "string",
@@ -56,7 +56,7 @@
             },
             {
               "name": "overlay-style",
-              "description": "自定义遮罩层的style",
+              "description": "自定义遮罩层的 style",
               "default": "-",
               "value": {
                 "type": "string",
@@ -190,7 +190,7 @@
           "slots": [
             {
               "name": "default",
-              "description": "自定义标题内容,会覆盖`title`的内容"
+              "description": "自定义标题内容,会覆盖 `title` 的内容"
             },
             {
               "name": "left",
@@ -353,7 +353,7 @@
             },
             {
               "name": "loading-radius",
-              "description": "loading的半径，只作用于 `loading-type=\"circle\"` 时",
+              "description": "loading 的半径，只作用于 `loading-type=\"circle\"` 时",
               "default": "12",
               "value": {
                 "type": "string | number",
@@ -362,7 +362,7 @@
             },
             {
               "name": "loading-type",
-              "description": "loading的类型，可选值为 `circle` `wave` `cube` `rect` `disappear`",
+              "description": "loading 的类型，可选值为 `circle` `wave` `cube` `rect` `disappear`",
               "default": "circle",
               "value": {
                 "type": "string",
@@ -371,7 +371,7 @@
             },
             {
               "name": "loading-size",
-              "description": "loading的尺寸，可选值为 `large` `normal` `small` `mini` 不作用于 `loading-type=\"circle\"` 时",
+              "description": "loading 的尺寸，可选值为 `large` `normal` `small` `mini` 不作用于 `loading-type=\"circle\"` 时",
               "default": "normal",
               "value": {
                 "type": "string",
@@ -662,11 +662,11 @@
           "slots": [
             {
               "name": "default",
-              "description": "cell的内容"
+              "description": "cell 的内容"
             },
             {
               "name": "icon",
-              "description": "自定义左侧icon区域"
+              "description": "自定义左侧 icon 区域"
             },
             {
               "name": "desc",
@@ -2073,19 +2073,19 @@
             },
             {
               "name": "open",
-              "description": "打开image-preview时触发"
+              "description": "打开 image-preview 时触发"
             },
             {
               "name": "opened",
-              "description": "打开image-preview动画结束时触发"
+              "description": "打开 image-preview 动画结束时触发"
             },
             {
               "name": "close",
-              "description": "关闭image-preview时触发"
+              "description": "关闭 image-preview 时触发"
             },
             {
               "name": "closed",
-              "description": "关闭image-preview动画结束时触发"
+              "description": "关闭 image-preview 动画结束时触发"
             }
           ],
           "slots": [
@@ -2537,7 +2537,7 @@
             },
             {
               "name": "radius",
-              "description": "loading 的类型为`circle`时，可设置其大小",
+              "description": "loading 的类型为 `circle` 时，可设置其大小",
               "default": "-",
               "value": {
                 "type": "string | number",
@@ -3560,13 +3560,13 @@
           "events": [
             {
               "name": "click",
-              "description": "点击Row时触发"
+              "description": "点击 Row 时触发"
             }
           ],
           "slots": [
             {
               "name": "default",
-              "description": "Row内容"
+              "description": "Row 内容"
             }
           ]
         },
@@ -4306,7 +4306,7 @@
           "attributes": [
             {
               "name": "style-vars",
-              "description": "css变量",
+              "description": "css 变量",
               "default": "{}",
               "value": {
                 "type": "Record<string, string>",
@@ -4756,7 +4756,7 @@
           "events": [
             {
               "name": "click",
-              "description": "点击选项卡时触发, 在选项卡`disabled` 状态为 `true` 时不触发"
+              "description": "点击选项卡时触发, 在选项卡 `disabled` 状态为 `true` 时不触发"
             },
             {
               "name": "change",

package/lib/card/card.css

@@ -1 +1 @@
-:root { --card-padding: 5px 0 15px 0; --card-background: #fff; --card-border-radius: 4px; --card-image-width: 100%; --card-image-height: 200px; --card-title-color: #333; --card-title-font-size: 20px; --card-title-padding: 0 12px; --card-title-margin: 10px 0 0 0; --card-subtitle-color: rgba(0, 0, 0, 0.6); --card-subtitle-font-size: 14px; --card-subtitle-padding: 0 13px; --card-subtitle-margin: 10px 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-margin: 30px 0 0px 0; --card-line-height: 22px;}.var-card { border-radius: var(--card-border-radius); overflow: hidden; padding: var(--card-padding); line-height: var(--card-line-height); background: var(--card-background); transition: background-color 0.25s;}.var-card__image { width: var(--card-image-width); height: var(--card-image-height); display: block;}.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);}.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);}.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);}.var-card__footer { padding: var(--card-footer-padding); margin: var(--card-footer-margin);}
+:root { --card-padding: 0 0 15px 0; --card-background: #fff; --card-border-radius: 4px; --card-image-width: 100%; --card-image-height: 200px; --card-title-color: #333; --card-title-font-size: 20px; --card-title-padding: 0 12px; --card-title-margin: 15px 0 0 0; --card-subtitle-color: rgba(0, 0, 0, 0.6); --card-subtitle-font-size: 14px; --card-subtitle-padding: 0 13px; --card-subtitle-margin: 10px 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-margin: 30px 0 0px 0; --card-line-height: 22px;}.var-card { border-radius: var(--card-border-radius); overflow: hidden; padding: var(--card-padding); line-height: var(--card-line-height); background: var(--card-background); transition: background-color 0.25s;}.var-card__image { width: var(--card-image-width); height: var(--card-image-height); display: block;}.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);}.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);}.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);}.var-card__footer { padding: var(--card-footer-padding); margin: var(--card-footer-margin);}

package/lib/card/card.less

@@ -1,4 +1,4 @@
-@card-padding: 5px 0 15px 0;
+@card-padding: 0 0 15px 0;
 @card-background: #fff;
 @card-border-radius: 4px;
 @card-image-width: 100%;
@@ -6,7 +6,7 @@
 @card-title-color: #333;
 @card-title-font-size: 20px;
 @card-title-padding: 0 12px;
-@card-title-margin: 10px 0 0 0;
+@card-title-margin: 15px 0 0 0;
 @card-subtitle-color: rgba(0, 0, 0, 0.6);
 @card-subtitle-font-size: 14px;
 @card-subtitle-padding: 0 13px;

package/lib/divider/divider.css

@@ -1 +1 @@
-:root { --divider-color: rgba(0, 0, 0, 0.12); --divider-text-color: #888; --divider-text-margin: 8px 0; --divider-text-padding: 0 8px; --divider-inset: 72px; --divider-vertical-inset: 8px;}.var-divider { position: relative; width: 100%; height: 0; border: none; border-top: 1px solid var(--divider-color); margin: var(--divider-text-margin); font-size: var(--font-size-md); color: var(--divider-text-color);}.var-divider--vertical { width: 0; height: 80%; margin: auto var(--divider-text-margin); padding: var(--divider-text-margin); border-top: none; border-left: 1px solid var(--divider-color); transform: translateY(-10%);}.var-divider--inset { width: calc(100% - var(--divider-inset)); left: var(--divider-inset);}.var-divider--vertical.var-divider--inset { width: 0; left: unset; height: calc(80% - var(--divider-vertical-inset));}.var-divider__text { display: inline-block; padding: var(--divider-text-padding);}.var-divider--with-text { background-color: transparent; height: fit-content; display: flex; align-items: center; justify-content: center; border: none;}.var-divider--with-text::before,.var-divider--with-text::after { display: inline-block; content: ''; flex: 1; height: 0; border-top: 1px solid var(--divider-color);}.var-divider--dashed { border-top-style: dashed;}.var-divider--dashed.var-divider--vertical { border-top: none; border-left-style: dashed;}
+:root { --divider-color: rgba(0, 0, 0, 0.12); --divider-text-color: #888; --divider-text-margin: 8px 0; --divider-text-padding: 0 8px; --divider-inset: 72px; --divider-vertical-inset: 8px;}.var-divider { position: relative; width: 100%; height: 0; border: none; border-top: 1px solid var(--divider-color); margin: var(--divider-text-margin); font-size: var(--font-size-md); color: var(--divider-text-color);}.var-divider--vertical { width: 0; height: 80%; margin: auto var(--divider-text-margin); padding: var(--divider-text-margin); border-top: none; border-left: 1px solid var(--divider-color);}.var-divider--inset { width: calc(100% - var(--divider-inset)); left: var(--divider-inset);}.var-divider--vertical.var-divider--inset { width: 0; left: unset; height: calc(80% - var(--divider-vertical-inset));}.var-divider__text { display: inline-block; padding: var(--divider-text-padding);}.var-divider--with-text { background-color: transparent; height: fit-content; display: flex; align-items: center; justify-content: center; border: none;}.var-divider--with-text::before,.var-divider--with-text::after { display: inline-block; content: ''; flex: 1; height: 0; border-top: 1px solid var(--divider-color);}.var-divider--dashed { border-top-style: dashed;}.var-divider--dashed.var-divider--vertical { border-top: none; border-left-style: dashed;}

package/lib/divider/divider.less

@@ -31,7 +31,6 @@
     padding: var(--divider-text-margin);
     border-top: none;
     border-left: 1px solid var(--divider-color);
-    transform: translateY(-10%);
   }
 
   &--inset {