feat: support configure spinner as a pure text via plugin API

Author: PeachScript

src/components/Spinner.vue

@@ -69,14 +69,33 @@ export default {
   name: 'Spinner',
   computed: {
     spinnerView() {
-      const spinner = this.$attrs.spinner || config.props.spinner;
-
       return (
-        typeof spinner === 'string'
-          ? (SPINNERS[spinner.toUpperCase()] || SPINNERS.DEFAULT)
-          : spinner
+        typeof this.$attrs.spinner === 'string'
+          ? SPINNERS[this.$attrs.spinner.toUpperCase()]
+          : this.spinnerInConfig // fallback to spinner of config
       );
     },
+    spinnerInConfig() {
+      let result;
+
+      if (config.slots.spinner && typeof config.slots.spinner === 'string') {
+        // as spinner slot config a pure text spinner
+        result = {
+          render() {
+            return this._v(config.slots.spinner); // eslint-disable-line no-underscore-dangle
+          },
+        };
+      } else if (typeof config.slots.spinner === 'object') {
+        // as spinner slot config a Vue component
+        result = config.slots.spinner;
+      } else {
+        // fallback to spinner property config
+        /* istanbul ignore next */
+        result = SPINNERS[config.props.spinner.toUpperCase()] || SPINNERS.DEFAULT;
+      }
+
+      return result;
+    },
   },
 };
 </script>

src/config.js

@@ -36,6 +36,7 @@ const slots = {
   noMore: 'No more data :)',
   error: 'Opps, something went wrong :(',
   errorBtnText: 'Retry',
+  spinner: '',
 };
 
 /**