@varlet/ui 1.23.12-alpha.31 → 1.24.0

package/CHANGELOG.md

@@ -3,6 +3,31 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.24.0](https://github.com/haoziqaq/varlet/compare/v1.23.11...v1.24.0) (2021-12-27)
+
+
+### Bug Fixes
+
+* **card:** add word-break for description ([38d7427](https://github.com/haoziqaq/varlet/commit/38d74270eed5bc71b4f821f5433604b7a62eecbc))
+* **d.ts:** fix pack declare lost after build ([d7df27e](https://github.com/haoziqaq/varlet/commit/d7df27e439a2b28fa4a9cfb867129611f2a268b3))
+* **loading:** add transition for overlay ([2a62eaa](https://github.com/haoziqaq/varlet/commit/2a62eaa8eed6a5ff77222b48932b39655744ffae))
+* **loading:** expose marigin css variable ([313d232](https://github.com/haoziqaq/varlet/commit/313d232b363981ce94c11e419ace904bfc2b246d))
+* **placeholder:** text-overflow to ellipsis ([7c586d2](https://github.com/haoziqaq/varlet/commit/7c586d2f7e751a12993d06e46d460ac25de24b22))
+* **select:** fix select's placeholder when too long ([a7e08a6](https://github.com/haoziqaq/varlet/commit/a7e08a60e7d2d8f49f0863fcda6814bc1fdd4fdc))
+* **types:** fix prompts that could not find a declaration file when import translation file ([2637884](https://github.com/haoziqaq/varlet/commit/26378841f2fbafeda8bcd6fffd5eccfd50e9e559))
+* **types:** fix prompts that could not find a declaration file when import translation file ([e17c6d2](https://github.com/haoziqaq/varlet/commit/e17c6d2c430f1b4601875e98ca92d075a1de5813))
+* **ui/input, select:** fix placeholder animation and var--ellipsis class ([458ab30](https://github.com/haoziqaq/varlet/commit/458ab307652328ace71dc0523323422f7ebdbaac))
+* **ui/swipe:** do not use initialIndex when resize ([46e997e](https://github.com/haoziqaq/varlet/commit/46e997e8f014432149f409e40545592757ae4484))
+
+
+### Features
+
+* **loading:** add slots and desc prop ([db0df16](https://github.com/haoziqaq/varlet/commit/db0df16af2cab2de059282e9a8c15c66077b1ae2))
+
+
+
+
+
 ## [1.23.11](https://github.com/haoziqaq/varlet/compare/v1.23.10...v1.23.11) (2021-12-10)
 
 

package/es/swipe/Swipe.js

@@ -175,12 +175,7 @@ export default defineComponent({
     };
 
     var initialIndex = () => {
-      lockDuration.value = true;
       index.value = boundaryIndex(toNumber(props.initialIndex));
-      translate.value = index.value * -size.value;
-      nextTickFrame(() => {
-        lockDuration.value = false;
-      });
     };
 
     var startAutoplay = () => {
@@ -288,10 +283,17 @@ export default defineComponent({
 
 
     var resize = () => {
+      lockDuration.value = true;
       size.value = props.vertical ? swipeEl.value.offsetHeight : swipeEl.value.offsetWidth;
       trackSize.value = size.value * length.value;
-      initialIndex();
+      translate.value = index.value * -size.value;
+      swipeItems.forEach(swipeItem => {
+        swipeItem.setTranslate(0);
+      });
       startAutoplay();
+      setTimeout(() => {
+        lockDuration.value = false;
+      });
     }; // expose
 
 
@@ -365,7 +367,10 @@ export default defineComponent({
       vertical
     };
     bindSwipeItems(swipeProvider);
-    watch(() => length.value, resize);
+    watch(() => length.value, () => {
+      initialIndex();
+      resize();
+    });
     onMounted(() => {
       window.addEventListener('resize', resize);
     });

package/highlight/attributes.json

@@ -1055,7 +1055,7 @@
     "type": "string | number",
     "description": "成功提示展示时长(ms) 默认值：2000"
   },
-  "var-pull-refresh/bgColor": {
+  "var-pull-refresh/bg-color": {
     "type": "string",
     "description": "control的背景颜色 默认值：#005CAF"
   },
@@ -1063,11 +1063,11 @@
     "type": "string",
     "description": "control 的颜色 默认值：#ffffff"
   },
-  "var-pull-refresh/successBgColor": {
+  "var-pull-refresh/success-bg-color": {
     "type": "string",
     "description": "成功状态下control的背景颜色 默认值：#4CAF50"
   },
-  "var-pull-refresh/successColor": {
+  "var-pull-refresh/success-color": {
     "type": "string",
     "description": "成功状态下control的颜色 默认值：ffffff"
   },

package/highlight/tags.json

@@ -406,10 +406,10 @@
       "disabled",
       "animation-duration",
       "success-duration",
-      "bgColor",
+      "bg-color",
       "color",
-      "successBgColor",
-      "successColor"
+      "success-bg-color",
+      "success-color"
     ]
   },
   "var-radio": {

package/highlight/web-types.json

@@ -3188,7 +3188,7 @@
               }
             },
             {
-              "name": "bgColor",
+              "name": "bg-color",
               "description": "control的背景颜色",
               "default": "#005CAF",
               "value": {
@@ -3206,7 +3206,7 @@
               }
             },
             {
-              "name": "successBgColor",
+              "name": "success-bg-color",
               "description": "成功状态下control的背景颜色",
               "default": "#4CAF50",
               "value": {
@@ -3215,7 +3215,7 @@
               }
             },
             {
-              "name": "successColor",
+              "name": "success-color",
               "description": "成功状态下control的颜色",
               "default": "ffffff",
               "value": {

package/lib/snackbar/style/index.js

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

package/lib/snackbar/style/less.js

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

package/lib/swipe/Swipe.js

@@ -187,12 +187,7 @@ var _default = (0, _vue.defineComponent)({
     };
 
     var initialIndex = () => {
-      lockDuration.value = true;
       index.value = boundaryIndex((0, _shared.toNumber)(props.initialIndex));
-      translate.value = index.value * -size.value;
-      (0, _elements.nextTickFrame)(() => {
-        lockDuration.value = false;
-      });
     };
 
     var startAutoplay = () => {
@@ -300,10 +295,17 @@ var _default = (0, _vue.defineComponent)({
 
 
     var resize = () => {
+      lockDuration.value = true;
       size.value = props.vertical ? swipeEl.value.offsetHeight : swipeEl.value.offsetWidth;
       trackSize.value = size.value * length.value;
-      initialIndex();
+      translate.value = index.value * -size.value;
+      swipeItems.forEach(swipeItem => {
+        swipeItem.setTranslate(0);
+      });
       startAutoplay();
+      setTimeout(() => {
+        lockDuration.value = false;
+      });
     }; // expose
 
 
@@ -377,7 +379,10 @@ var _default = (0, _vue.defineComponent)({
       vertical
     };
     bindSwipeItems(swipeProvider);
-    (0, _vue.watch)(() => length.value, resize);
+    (0, _vue.watch)(() => length.value, () => {
+      initialIndex();
+      resize();
+    });
     (0, _vue.onMounted)(() => {
       window.addEventListener('resize', resize);
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "1.23.12-alpha.31+5b819182",
+  "version": "1.24.0",
   "description": "A material like components library",
   "module": "es/index.js",
   "main": "lib/index.js",
@@ -47,9 +47,9 @@
   "peerDependencies": {
     "vue": "^3.2.0"
   },
-  "gitHead": "5b8191822305e5a485003223d3109a6554b33251",
+  "gitHead": "859769307c762134844c0ddfdb69452631f76d62",
   "devDependencies": {
-    "@varlet/cli": "^1.23.12-alpha.31+5b819182"
+    "@varlet/cli": "^1.24.0"
   },
   "dependencies": {
     "dayjs": "^1.10.4",