[improvement] Toast: add context option (#800)

packages/goods-action-button/index.wxml

@@ -1,13 +1,13 @@
 <van-button
   square
+  id="{{ id }}"
   size="large"
+  lang="{{ lang }}"
   type="{{ type }}"
   loading="{{ loading }}"
   disabled="{{ disabled }}"
-  custom-class="custom-class"
-  id="{{ id }}"
-  lang="{{ lang }}"
   open-type="{{ openType }}"
+  custom-class="custom-class"
   app-parameter="{{ appParameter }}"
   hover-stay-time="{{ hoverStayTime }}"
   hover-start-time="{{ hoverStartTime }}"
@@ -17,7 +17,7 @@
   send-message-path="{{ sendMessagePath }}"
   send-message-img="{{ sendMessageImg }}"
   show-message-card="{{ showMessageCard }}"
-  bind:tap="onClick"
+  bind:click="onClick"
   binderror="bindError"
   bindcontact="bindContact"
   bindopensetting="bindOpenSetting"

packages/goods-action-icon/index.wxml

@@ -1,12 +1,12 @@
 <van-button
-  custom-class="van-goods-action-icon"
-  size="large"
-  disabled="{{ disabled }}"
-  loading="{{ loading }}"
   square
   id="{{ id }}"
+  size="large"
   lang="{{ lang }}"
+  loading="{{ loading }}"
+  disabled="{{ disabled }}"
   open-type="{{ openType }}"
+  custom-class="van-goods-action-icon"
   app-parameter="{{ appParameter }}"
   hover-stay-time="{{ hoverStayTime }}"
   hover-start-time="{{ hoverStartTime }}"
@@ -16,7 +16,7 @@
   send-message-path="{{ sendMessagePath }}"
   send-message-img="{{ sendMessageImg }}"
   show-message-card="{{ showMessageCard }}"
-  bind:tap="onClick"
+  bind:click="onClick"
   binderror="bindError"
   bindcontact="bindContact"
   bindopensetting="bindOpenSetting"

packages/toast/README.md

@@ -95,6 +95,7 @@ const timer = setInterval(() => {
 | zIndex | z-index 层级 | `Number` | `1000` |
 | duration | 展示时长(ms)，值为 0 时，toast 不会消失 | `Number` | `3000` |
 | selector | 自定义选择器 | `String` | `van-toast` |
+| context | 选择器的选择范围，可以传入自定义组件的 this 作为上下文 | `Object` | 当前页面 |
 
 ### 更新日志
 

packages/toast/toast.ts

@@ -7,6 +7,7 @@ export type ToastOptions = {
   type?: string;
   mask?: boolean;
   zIndex?: number;
+  context?: any;
   position?: string;
   duration?: number;
   selector?: string;
@@ -45,16 +46,26 @@ function parseOptions(message): ToastOptions {
   return isObj(message) ? message : { message };
 }
 
+function getContext() {
+  const pages = getCurrentPages();
+  return pages[pages.length - 1];
+}
+
 const Toast: Toast = (options = {}) => {
   options = {
     ...currentOptions,
     ...parseOptions(options)
   } as ToastOptions;
 
-  const pages = getCurrentPages();
-  const ctx = pages[pages.length - 1];
+  const context = options.context || getContext();
+  const toast = context.selectComponent(options.selector);
 
-  const toast = ctx.selectComponent(options.selector);
+  if (!toast) {
+    console.warn('未找到 van-toast 节点，请确认 selector 及 context 是否正确');
+    return;
+  }
+
+  delete options.context;
   delete options.selector;
 
   queue.push(toast);