@varlet/ui 1.23.11 → 1.24.0

package/lib/styles/common.css

@@ -1 +1 @@
-.var--box { box-sizing: border-box;}.var--box * { box-sizing: border-box;}.var--relative { position: relative;}.var--absolute { position: absolute;}.var--hidden { overflow: hidden;}.var--lock { overflow: hidden;}.var--block { display: block;}.var--inline-block { display: inline-block;}.var--flex { display: flex;}.var--inline-flex { display: inline-flex;}:root { --font-size-xs: 10px; --font-size-sm: 12px; --font-size-md: 14px; --font-size-lg: 16px; --icon-size-xs: 16px; --icon-size-sm: 18px; --icon-size-md: 20px; --icon-size-lg: 22px; --color-body: #fff; --color-text: #333; --color-primary: #3a7afe; --color-info: #00afef; --color-success: #00c48f; --color-warning: #ff9f00; --color-danger: #f44336; --color-disabled: #e0e0e0; --color-text-disabled: #aaa; --cubic-bezier: cubic-bezier(0.25, 0.8, 0.5, 1); --shadow-key-umbra-opacity: rgba(0, 0, 0, 0.2); --shadow-key-penumbra-opacity: rgba(0, 0, 0, 0.14); --shadow-key-ambient-opacity: rgba(0, 0, 0, 0.12);}
+.var--box { box-sizing: border-box;}.var--box * { box-sizing: border-box;}.var--relative { position: relative;}.var--absolute { position: absolute;}.var--hidden { overflow: hidden;}.var--lock { overflow: hidden;}.var--block { display: block;}.var--ellipsis { overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap;}.var--inline-block { display: inline-block;}.var--flex { display: flex;}.var--inline-flex { display: inline-flex;}:root { --font-size-xs: 10px; --font-size-sm: 12px; --font-size-md: 14px; --font-size-lg: 16px; --icon-size-xs: 16px; --icon-size-sm: 18px; --icon-size-md: 20px; --icon-size-lg: 22px; --color-body: #fff; --color-text: #333; --color-primary: #3a7afe; --color-info: #00afef; --color-success: #00c48f; --color-warning: #ff9f00; --color-danger: #f44336; --color-disabled: #e0e0e0; --color-text-disabled: #aaa; --cubic-bezier: cubic-bezier(0.25, 0.8, 0.5, 1); --shadow-key-umbra-opacity: rgba(0, 0, 0, 0.2); --shadow-key-penumbra-opacity: rgba(0, 0, 0, 0.14); --shadow-key-ambient-opacity: rgba(0, 0, 0, 0.12);}

package/lib/styles/common.less

@@ -29,6 +29,12 @@
     display: block;
   }
 
+  &--ellipsis {
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
   &--inline-block {
     display: inline-block;
   }

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.11",
+  "version": "1.24.0",
   "description": "A material like components library",
   "module": "es/index.js",
   "main": "lib/index.js",
@@ -22,9 +22,7 @@
     "umd",
     "highlight",
     "types",
-    "CHANGELOG.md",
-    "README.md",
-    "README.zh-CN.md"
+    "CHANGELOG.md"
   ],
   "author": "haoziqaq <357229046@qq.com>",
   "license": "MIT",
@@ -49,9 +47,9 @@
   "peerDependencies": {
     "vue": "^3.2.0"
   },
-  "gitHead": "449df88f0ff65a2ad89fa48a5d443ab864bd0bb3",
+  "gitHead": "859769307c762134844c0ddfdb69452631f76d62",
   "devDependencies": {
-    "@varlet/cli": "^1.23.11"
+    "@varlet/cli": "^1.24.0"
   },
   "dependencies": {
     "dayjs": "^1.10.4",

package/types/loading.d.ts

@@ -5,6 +5,8 @@ export interface LoadingProps {
   radius?: string | number
   size?: 'normal' | 'mini' | 'small' | 'large'
   color?: string
+  description?: string
+  show?: boolean
 }
 
 export class Loading extends VarComponent {