增加quickcommand.showMessageBox

quasar.config.js

@@ -26,8 +26,8 @@ module.exports = configure(function (ctx) {
     // --> boot files are part of "main.js"
     // https://v2.quasar.dev/quasar-cli-webpack/boot-files
     boot: [
-      
+
-      
+
     ],
 
     // https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-css
@@ -72,7 +72,7 @@ module.exports = configure(function (ctx) {
 
       // https://v2.quasar.dev/quasar-cli-webpack/handling-webpack
       // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
-      
+
       chainWebpack (chain) {
         chain.plugin('eslint-webpack-plugin')
           .use(ESLintPlugin, [{ extensions: [ 'js', 'vue' ] }])
@@ -105,7 +105,7 @@ module.exports = configure(function (ctx) {
       // directives: [],
 
       // Quasar plugins
-      plugins: ['Dialog']
+      plugins: ['Dialog', 'Notify']
     },
 
     // animations: 'all', // --- includes all animations
@@ -125,12 +125,12 @@ module.exports = configure(function (ctx) {
       maxAge: 1000 * 60 * 60 * 24 * 30,
         // Tell browser when a file from the server should expire from cache (in ms)
 
-      
+
       chainWebpackWebserver (chain) {
         chain.plugin('eslint-webpack-plugin')
           .use(ESLintPlugin, [{ extensions: [ 'js' ] }])
       },
-      
+
 
       middlewares: [
         ctx.prod ? 'compression' : '',
@@ -145,12 +145,12 @@ module.exports = configure(function (ctx) {
 
       // for the custom service worker ONLY (/src-pwa/custom-service-worker.[js|ts])
       // if using workbox in InjectManifest mode
-      
+
       chainWebpackCustomSW (chain) {
         chain.plugin('eslint-webpack-plugin')
           .use(ESLintPlugin, [{ extensions: [ 'js' ] }])
       },
-      
+
 
       manifest: {
         name: `quickcommand`,
@@ -224,19 +224,19 @@ module.exports = configure(function (ctx) {
       },
 
       // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
-      
+
       chainWebpackMain (chain) {
         chain.plugin('eslint-webpack-plugin')
           .use(ESLintPlugin, [{ extensions: [ 'js' ] }])
       },
-      
 
-      
+
+
       chainWebpackPreload (chain) {
         chain.plugin('eslint-webpack-plugin')
           .use(ESLintPlugin, [{ extensions: [ 'js' ] }])
       },
-      
+
     }
   }
 });

src/js/quickcommand.js

@@ -4,10 +4,13 @@
  */
 
 import {
-    Dialog
+    Dialog,
+    Notify
 } from 'quasar'
 import inputBox from "../components/InputBox"
 
+console.log(Notify);
+
 let showInputBox = (options = [], title = "") => {
     return new Promise((reslove, reject) => {
         let props = {}
@@ -30,6 +33,18 @@ let showInputBox = (options = [], title = "") => {
         })
     })
 };
+
+let showMessageBox = (message, icon = 'success', time = 3000) => {
+    if (icon === 'success') icon = 'positive'
+    if (icon === 'error') icon = 'negative'
+    Notify.create({
+        type: icon,
+        message: message,
+        timeout: time,
+        position: 'top',
+    })
+}
 export default {
     showInputBox,
+    showMessageBox
 };

src/plugins/monaco/types/quickcommand.api.d.ts

@@ -123,7 +123,7 @@ interface quickcommandApi {
   * @param icon 图标，默认为 success
   * @param time 多少毫秒后消失，默认为 3000
   */
-  showMessageBox(message: string, icon?: 'success' | 'error' | 'warning' | 'info' | 'question', time?: number): void;
+  showMessageBox(message: string, icon?: 'success' | 'error' | 'warning' | 'info' , time?: number): void;
 
   /**
   * 显示一个确认框，返回是否点击了确认