directory adjust: delete entry index.js

packages/toast/toast.vue

@@ -0,0 +1,71 @@
+<template>
+  <transition name="van-toast-fade">
+    <div class="van-toast-wrapper" v-show="visible">
+      <div :class="['van-toast', 'van-toast--' + displayStyle]">
+        <!-- 只显示文字 -->
+        <div v-if="displayStyle === 'text'" class="van-toast__text">{{ message }}</div>
+        <!-- 加载中 -->
+        <van-loading v-if="displayStyle === 'loading' && type === 'loading'" type="gradient-circle" color="white"></van-loading>
+        <!-- 图案加文字 -->
+        <template v-if="displayStyle === 'default'">
+          <van-icon class="van-toast__icon" :name="type"></van-icon>
+          <div class="van-toast__text">{{ message }}</div>
+        </template>
+        <!-- 传入html -->
+        <div v-if="displayStyle === 'html'" class="van-toast__text" v-html="message"></div>
+      </div>
+      <div class="van-toast__overlay" v-if="forbidClick"></div>
+    </div>
+  </transition>
+</template>
+
+<script>
+import vanLoading from '../loading';
+import vanIcon from '../icon';
+
+const TOAST_TYPES = ['text', 'html', 'loading', 'success', 'fail'];
+const DEFAULT_STYLE_LIST = ['success', 'fail'];
+/**
+ * van-toast
+ * @module components/toast
+ * @desc toast
+ * @param {string} [type=false] - 类型
+ * @param {string} [message] - 信息
+ *
+ */
+export default {
+  name: 'van-toast',
+
+  components: {
+    'van-loading': vanLoading,
+    'van-icon': vanIcon
+  },
+  props: {
+    type: {
+      type: String,
+      default: 'text',
+      validator(value) {
+        return TOAST_TYPES.indexOf(value) > -1;
+      }
+    },
+    message: {
+      type: String,
+      default: ''
+    },
+    forbidClick: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      visible: false
+    };
+  },
+  computed: {
+    displayStyle() {
+      return DEFAULT_STYLE_LIST.indexOf(this.type) > -1 ? 'default' : this.type;
+    }
+  }
+};
+</script>