web-component-gallery 1.1.12 → 1.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-component-gallery",
-  "version": "1.1.12",
+  "version": "1.1.13",
   "description": "vue-library-ui组件库",
   "main": "dist/index.umd.js",
   "files": [

package/plugins/method/Theme.js

@@ -7,18 +7,31 @@ export default {
         Vue.prototype.$setTheme = function(theme) {
             /** 判断是否属于内嵌项目 */
             if(window.parent !== window) {
-                return
+                return ToggleThemeSource(theme)
             }
             ToggleTheme(theme)
         }
 
         /** 切换当前主题 */
         function ToggleTheme(scopeName) {
+            /** 切换主题loading */
+            const hideMessage = message.loading('正在切换主题！', 0)
+
+            ToggleThemeSource(scopeName)
+
+            const loadingTimer=setTimeout(() => {
+              hideMessage()
+              clearTimeout(loadingTimer)
+            }, 10)
+
+            Vue.prototype.$store.commit('SET_THEME',scopeName)
+        }
+
+        /** 切换主题资源 */
+        function ToggleThemeSource(scopeName) {
             /** 获取初始配置项 */
             // env.themeConfig 来源 vue.config.js define (webpack的DefinePlugin)
             const themeConfig = env.themeConfig
-            /** 切换主题loading */
-            const hideMessage = message.loading('正在切换主题！', 0)
             /** 主题配置
              *  @scopeName 名称
              *  @multipleScopeVars 主题项
@@ -32,19 +45,13 @@ export default {
               extract: themeConfig.extract,
               publicPath: themeConfig.publicPath,
               outputDir: themeConfig.extractCssOutputDir
-            }) 
-            const loadingTimer=setTimeout(() => {
-              hideMessage()
-              clearTimeout(loadingTimer)
-            }, 10) 
+            })
 
             /** 加载主题对应样式文件 */
             // const requireLess = require.context('@/theme/styles', false, /\.less$/)
             // requireLess(`./${scopeName}.less`)
             let themeLink = document.getElementById('theme-stylesheet')
             themeLink.href = `${process.env.BASE_URL}static/style/${scopeName}.css`
-
-            Vue.prototype.$store.commit('SET_THEME',scopeName)
         }
 
     }