web-component-gallery 2.1.22 → 2.2.0

package/extensions/BuildTheme.js

@@ -103,12 +103,12 @@ async function processLessFiles(theme) {
         fs.writeFileSync(outputPath, processedContent)
 
         // 转换为 "xxx:111;" 格式
-        const formattedString = Object.entries(fileAVariables)
-            .map(([key, value]) => `${key}: ${value};`)
-            .join('\n') // 每行一个键值对
+        // const formattedString = Object.entries(fileAVariables)
+        //     .map(([key, value]) => `${key}: ${value};`)
+        //     .join('\n') // 每行一个键值对
 
-        const themeOutputPath = path.join(basePath, `${theme}.less`)
-        fs.writeFileSync(themeOutputPath, formattedString)
+        // const themeOutputPath = path.join(basePath, `${theme}.less`)
+        // fs.writeFileSync(themeOutputPath, formattedString)
 
         return fileAVariables
     } catch (error) {
@@ -203,9 +203,11 @@ function createGeneratorTheme(theme) {
         const options = {
             antDir: path.join(hostPath, 'ant-design-vue'),
             // 指定项目自定义样式文件目录
-            stylesDir: path.join(hostPath, '../src/styles'),
+            stylesDir: path.join(hostPath, 'ant-design-vue/lib/style/themes'),
+            // 指定项目自定义样式文件目录
+            // stylesDir: path.join(hostPath, '../src/styles'),
             // 指定自定义主题变量文件路径
-            varFile: path.join(hostPath, `../src/styles/${resetTheme}.less`),
+            // varFile: path.join(hostPath, `../src/styles/${resetTheme}.less`),
             // 列出需要动态替换的主题变量
             themeVariables: Object.keys(themeVariables).filter(key => !notIncludes.includes(key)),
             outputFilePath: path.join(hostPath, '../public/static/style/antdVue.less') 

package/extensions/UpdateTheme.js

@@ -7,14 +7,21 @@ const colorPalette = require('../utils/ColorPalette')
 
 // 获取并解析LESS文件
 async function fetchAndParseLessFile(fileName, isParseVariables) {
-    // 默认值需要给一个内外网都能访问到的固定地址
-    let origin = process.env.VUE_APP_API_BASE_URL || 'http://qxfnkj.com'
+    // 确定请求源地址
+    let origin = 'http://qxfnkj.com'
+    
+    // 浏览器环境：使用当前页面的origin
+    if (typeof window !== 'undefined' && window.location && window.location.origin && process.env.NODE_ENV !== 'development') origin = window.location.origin
+
     const response = await fetch(`${origin}/base-subject/themes/${fileName}.less`)
+    
+    if (!response.ok) throw new Error(`${fileName}文件请求失败！`)
+    
     const responseText = await response.text()
 
     return isParseVariables
-        ? await parseLessVariables(responseText)
-        : responseText
+      ? await parseLessVariables(responseText)
+      : responseText
 }
 
 // 解析LESS变量

package/extensions/index.js

@@ -22,7 +22,7 @@ import PageLoading from "./PageLoading"
  * 全局切换主题 
  * @theme 主题key 使用方法: this.$setTheme(@theme)
  * */
-// import setTheme from './Theme'
+import { updateTheme } from './UpdateTheme'
 
 /** 
  * 全局挂载组件自定义指令 
@@ -57,7 +57,7 @@ export default {
     /** 加载便捷弹窗等 */
     Vue.use(Dialog)
     Vue.use(PageLoading)
-    // Vue.use(setTheme)
+    Vue.prototype.$setTheme = updateTheme
 
     // 指令注册
     Object.keys(Directives).forEach(key => {

package/lib/style/page.less

@@ -1,6 +1,3 @@
-@import '~ant-design-vue/lib/style/themes/default.less';
-@import './mixins.less'; 
-
 html,
 body,
 #app, #root {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-component-gallery",
-  "version": "2.1.22",
+  "version": "2.2.0",
   "description": "基础vue、antdvue、less实现的私有组件库",
   "main": "dist/index.umd.js",
   "files": [