fix: make imperative component calls respect global theme config

packages/veui-theme-dls/components/toast-list.less

@@ -6,18 +6,7 @@
   align-items: center;
   flex-flow: column;
 
-  .@{veui-prefix}-toast {
-    .veui-transition(opacity, top, transform);
-    transform: translateY(0);
+  & > div {
     margin-bottom: @dls-toast-spacing;
-
-    &-enter,
-    &-leave-to {
-      opacity: 0;
-    }
-
-    &-enter {
-      transform: translateY(-100%);
-    }
   }
 }

packages/veui-theme-dls/components/toast.less

@@ -10,6 +10,17 @@
   background-color: @dls-toast-background-color;
   color: @dls-toast-font-color;
   box-shadow: @dls-toast-shadow;
+  transform: translateY(0);
+  .veui-transition(opacity, top, transform);
+
+  &-enter,
+  &-leave-to {
+    opacity: 0;
+  }
+
+  &-enter {
+    transform: translateY(-100%);
+  }
 
   &-multiline {
     .padding(@dls-toast-padding-y, _);

packages/veui/demo/cases/Plugins.vue

@@ -14,6 +14,10 @@
 </template>
 
 <script>
+import config from '@/managers/config'
+
+config.set({ theme: 'ai' })
+
 export default {
   name: 'plugins-demo',
   components: {},
@@ -25,7 +29,7 @@ export default {
   methods: {
     handleToast () {
       this.$toast.info('我是提示', {
-        theme: 'ai'
+        theme: Math.random() > 0.5 ? 'd20' : 'ai'
       })
     },
     async handleRemove () {
@@ -53,8 +57,7 @@ export default {
           })
         },
         okLabel: '恢复它',
-        cancelLabel: '不恢复它',
-        theme: 'ai'
+        cancelLabel: '不恢复它'
       })
     },
     async handlePromptInput () {

packages/veui/src/components/Toast.vue

@@ -1,5 +1,5 @@
 <template>
-<transition :name="$c('toast')" appear>
+<transition :name="$c('toast')" :appear="appear">
   <div
     v-if="realOpen"
     :ui="realUi"
@@ -90,7 +90,8 @@ export default {
     open: Boolean,
     duration: {
       type: Number
-    }
+    },
+    appear: Boolean
   },
   data () {
     return {

packages/veui/src/components/ToastList.vue

@@ -72,6 +72,7 @@ export default {
           <Toast
             key={m.__message_id__}
             open
+            appear
             status={m.status || m.type}
             message={typeof m.message === 'string' ? m.message : null}
             closable={m.closable}

packages/veui/src/managers/simple-dialog.js

@@ -1,5 +1,6 @@
 import Vue from 'vue'
 import { remove } from 'lodash'
+import config from './config'
 
 export default class SimpleDialog {
   components = []
@@ -12,7 +13,10 @@ export default class SimpleDialog {
   }
 
   create (data) {
-    const component = this.createComponent(data)
+    const component = this.createComponent({
+      theme: config.get('theme'),
+      ...data
+    })
     const el = document.createElement('div')
     document.body.appendChild(el)
     component.$mount(el)

packages/veui/src/managers/toast.js

@@ -2,6 +2,7 @@ import Vue from 'vue'
 import { isString, isObject, isNumber } from 'lodash'
 import ToastList from '../components/ToastList'
 import warn from '../utils/warn'
+import config from './config'
 
 let Container = Vue.extend(ToastList)
 
@@ -22,11 +23,13 @@ export class ToastManager {
       this.init()
     }
 
+    const theme = config.get('theme')
+
     let messages = []
     if (Array.isArray(option)) {
-      messages = option.map((item) => this.container.add(item))
+      messages = option.map((item) => this.container.add({ theme, ...item }))
     } else if (isObject(option)) {
-      messages = [this.container.add(option)]
+      messages = [this.container.add({ theme, ...option })]
     } else {
       warn('[toast-manager] Invalid arguments for Toasts.')
     }
@@ -48,7 +51,6 @@ export class ToastManager {
   }
 
   show (message, status) {
-    console.log(status)
     let options = {}
     if (isObject(message)) {
       options = { ...message }