fix: fix snackbar bugs

varletjs · Jan 7, 2021 · 0f05496 · 0f05496
1 parent cd082d1
commit 0f05496
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/packages/varlet-ui/src/pull-refresh/PullRefresh.vue b/packages/varlet-ui/src/pull-refresh/PullRefresh.vue
@@ -13,7 +13,7 @@
 		>
 			<var-icon :name="iconName" :transition="200" :class="iconClass" />
 		</div>
-		<slot></slot>
+		<slot />
 	</div>
 </template>
 
@@ -36,7 +36,6 @@ export default defineComponent({
 	components: {
 		[Icon.name]: Icon,
 	},
-	inheritAttrs: false,
 	props,
 	setup(props) {
 		const freshNode: Ref<HTMLElement | null> = ref(null)
@@ -138,5 +137,5 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-@import './pull-refresh';
+@import './pullRefresh';
 </style>
diff --git a/...let-ui/src/pull-refresh/pull-refresh.less → ...rlet-ui/src/pull-refresh/pullRefresh.less b/...let-ui/src/pull-refresh/pull-refresh.less → ...rlet-ui/src/pull-refresh/pullRefresh.less
diff --git a/packages/varlet-ui/src/snackbar/core.less b/packages/varlet-ui/src/snackbar/core.less
@@ -26,6 +26,7 @@
 		transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);
 
 		&__wrapper {
+			width: 256px;
 			display: flex;
 			border-radius: 4px;
 			color: hsla(0, 0%, 100%, 0.87);
@@ -59,7 +60,7 @@
 		}
 
 		&__action {
-			margin-right: 8px;
+			margin-right: 16px;
 			display: flex;
 		}
 

diff --git a/packages/varlet-ui/src/snackbar/core.vue b/packages/varlet-ui/src/snackbar/core.vue
@@ -57,9 +57,10 @@ export default defineComponent({
 				if (show) {
 					props.onOpen?.()
 					timer.value = setTimeout(() => {
-						props['onUpdate:show']?.()
+						props['onUpdate:show']?.(false)
 					}, props.duration)
 				} else if (show === false) {
+					clearTimeout(timer.value)
 					props.onClose?.()
 				}
 			}