web-component-gallery 2.2.2 → 2.2.4

package/extensions/BuildTheme.js

@@ -3,7 +3,6 @@ const fs = require("fs")
 const path = require("path")
 // 指向宿主项目路径 ../../为node_modules路径
 const hostPath = path.join(__dirname, '../../')
-const { generateTheme } = require('antd-theme-generator')
 const { cssFileName, parseCSSVariables, parseLessVariables, parseExtendVariables, fetchAndParseLessFile } = require('./UpdateTheme')
 
 // 提取颜色变量
@@ -210,7 +209,24 @@ function createGeneratorTheme(theme) {
     })
 }
 
+// 生成传输信息文件
+async function createTransferFile() {
+    // 默认请求源地址
+    const origin = process.env.VUE_APP_STATIC_URL || 'http://qxfnkj.com'
+
+    const fileName = 'transferData.js'
+
+    const response = await fetch(`${origin}/base-subject/iframe/${fileName}`)
+    if (!response.ok) throw new Error(`${fileName}文件请求失败！`)
+    
+    const responseText = await response.text() 
+
+    // 写入传输文件
+    const outPut = path.join(hostPath, `../src/utils/${fileName}`)
+    fs.writeFileSync(outPut, responseText)
+}
+
 module.exports = {
     customFunctions,
-    createGeneratorTheme
+    createTransferFile
 }

package/lib/amap-comp/style/AmapSearch.less

@@ -1,6 +1,3 @@
-@import '~ant-design-vue/lib/style/themes/default.less';
-@import '../../style/mixins.less';
-
 .AmapDraw__Search {
     display: flex;
     align-items: center;

package/lib/amap-draw/style/index.less

@@ -1,6 +1,4 @@
-@import '~ant-design-vue/lib/style/themes/default.less';
-@import '../../style/mixins.less';
-// 按需引入对应模块样式
+ // 按需引入对应模块样式
 @import '../../amap-comp/style/AmapSearch.less';
 
 .AmapDraw {

package/lib/date-time/style/index.less

@@ -1,6 +1,4 @@
-@import '~ant-design-vue/lib/style/themes/default.less';
-@import '../../style/mixins.less';
-
+ 
 .dateTime {
     font-size: @font-size-lg;
     .flex-layout(@flexGap: 0 @padding-xs);

package/lib/descriptions-list/style/index.less

@@ -1,6 +1,4 @@
-@import '~ant-design-vue/lib/style/themes/default.less';
-@import '../../style/mixins.less';
-
+ 
 .Descriptions {
     .ant-descriptions-bordered {
         .ant-descriptions-item-label {

package/lib/directory/style/index.less

@@ -1,6 +1,4 @@
-@import '~ant-design-vue/lib/style/themes/default.less';
-@import '../../style/mixins.less';
-// 按需引入对应模块样式
+ // 按需引入对应模块样式
 @import '../../svg-icon/style/index.less';
 
 .DirectoryTreeMenu {

package/lib/form-comp/style/ACascaderMultiple.less

@@ -1,6 +1,4 @@
-@import '~ant-design-vue/lib/style/themes/default.less';
-@import '../../style/mixins.less';
-
+ 
 .gb-ant-select-multiple-cascader {
     .ant-select-dropdown-menu-item {
         display: none;

package/lib/form-comp/style/ADayTimePicker.less

@@ -1,5 +1,4 @@
-@import '../../style/mixins.less';
-
+ 
 .ADayTimePicker {
   width: 100%;
   align-items: center;

package/lib/form-comp/style/ARangePicker.less

@@ -1,5 +1,4 @@
-@import '../../style/mixins.less';
-
+ 
 .ADatePicker {
     width: 100%;
     align-items: center;

package/lib/form-comp/style/ASelectCustom.less

@@ -1,6 +1,4 @@
-@import '~ant-design-vue/lib/style/themes/default.less';
-@import '../../style/mixins.less';
-
+ 
 // 添加flex属性解决css中div莫名高度
 .ASelectCustom {
     width: 100%;

package/lib/form-comp/style/ASliderVerify.less

@@ -1,6 +1,4 @@
-@import '~ant-design-vue/lib/style/themes/default.less';
-@import '../../style/mixins.less';
-
+ 
 .slider-wrapper {
   position: relative;
   overflow: hidden;

package/lib/form-comp/style/ATagsInput.less

@@ -1,6 +1,4 @@
-@import '~ant-design-vue/lib/style/themes/default.less';
-@import '../../style/mixins.less';
-
+ 
 .TAntdTags {
   cursor: pointer;
   .layout(100%, auto);

package/lib/form-comp/style/index.less

@@ -5,4 +5,4 @@
 @import './ATagsInput.less';
 @import './ADayTimePicker.less';
 @import './AUpload.less';
-@import './ADragVerify.less';
+@import './ASliderVerify.less';

package/lib/modal/style/index.less

@@ -1,6 +1,4 @@
-@import '~ant-design-vue/lib/style/themes/default.less';
-@import '../../style/mixins.less';
-
+ 
 .AntModal {
     &__small {
         .ant-modal {

package/lib/no-data/style/index.less

@@ -1,6 +1,4 @@
-@import '~ant-design-vue/lib/style/themes/default.less';
-@import '../../style/mixins.less';
-
+ 
 .no-data-container {
     padding: @padding-lg; 
     box-sizing: border-box;

package/lib/svg-icon/style/index.less

@@ -1,6 +1,4 @@
-@import '~ant-design-vue/lib/style/themes/default.less';
-@import '../../style/mixins.less';
-
+ 
 .svg-icon {
     vertical-align: -0.15em;
     fill: currentColor;

package/lib/table/style/index.less

@@ -1,6 +1,4 @@
-@import '~ant-design-vue/lib/style/themes/default.less';
-@import '../../style/mixins.less';
-
+ 
 .WebComponentTable {
   .layout();
   .flex-layout(column, @padding-md 0);

package/lib/tree/style/index.less

@@ -1,6 +1,4 @@
-@import '~ant-design-vue/lib/style/themes/default.less';
-@import '../../style/mixins.less'; 
-
+ 
 .publicTreeCheck { 
     display: flex;
     .square( 100% );

package/lib/weather/style/index.less

@@ -1,3 +1,4 @@
+// 天气控件可能因接口导致需加载样式
 @import '~ant-design-vue/lib/style/themes/default.less';
 @import '../../style/mixins.less';
 

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "web-component-gallery",
-  "version": "2.2.2",
+  "version": "2.2.4",
   "description": "基础vue、antdvue、less实现的私有组件库",
   "main": "dist/index.umd.js",
   "files": [
     "dist",
     "extensions",
-    "font",
     "lib",
     "utils"
   ],

package/utils/Filter.js

@@ -230,7 +230,7 @@ export function findNthOccurrence(str, charToFind, n) {
     }
    
     return index === -1 ? -1 : index;
-}
+} 
 
 /**
  * object转化为formData
@@ -246,4 +246,4 @@ export function setFormData(object) {
 
     return formData
 
-}
+} 

package/utils/Storage.js

@@ -67,6 +67,8 @@ const cookies = {
   }
 }
 
+export const storageObj = process.env.NODE_ENV === 'development' ? cookies : local
+
 export default {
     local,
     cookies

package/utils/Utils.js

@@ -81,7 +81,7 @@ export function handleEnvURL(url, processType = 'url') {
 
   // 环境变量解构
   const { origin } = window.location
-  const { VUE_APP_ROUTE_PORT, VUE_APP_API_BASE_URL } = process.env
+  const { VUE_APP_ROUTE_PORT, VUE_APP_API_URL } = process.env
 
   // URL处理策略
   const urlStrategies = {
@@ -95,7 +95,7 @@ export function handleEnvURL(url, processType = 'url') {
     image: {
       dev: () => 
         imagePattern.test(url)
-         ? constructUrl(VUE_APP_API_BASE_URL, url)
+         ? constructUrl(VUE_APP_API_URL, url)
          : url,
       prod: () => 
         imagePattern.test(url)
@@ -103,7 +103,7 @@ export function handleEnvURL(url, processType = 'url') {
          : url
     },
     file: {
-      dev: () => constructUrl(VUE_APP_API_BASE_URL, url),
+      dev: () => constructUrl(VUE_APP_API_URL, url),
       prod: () => constructUrl(origin, url)
     }
   } 
@@ -116,4 +116,90 @@ export function handleEnvURL(url, processType = 'url') {
   const strategy = urlStrategies[processType]
 
   return isDev ? strategy.dev() : strategy.prod()
+}
+
+/**
+ * 根据属性路径更新数组对象中的数据，支持条件匹配
+ * @param {Array} arr - 目标数组
+ * @param {string} key - 点分隔的属性路径（如"model: input.a.b"）
+ * @param {*} data - 要设置的数据
+ * @returns {Array} 更新后的数组
+ */
+export function setOptionsData(arr, key, data) {
+  if (!key || !Array.isArray(arr)) return arr
+
+  // 解析条件匹配格式
+  const hasCondition = key.includes(':')
+  let conditionModel = null
+  let conditionValue = null
+  let actualPath = key
+  
+  if (hasCondition) {
+    const [prefix, path] = key.split(':').map(s => s.trim())
+    conditionModel = prefix
+    conditionValue = path.split('.')[0]
+    actualPath = path.replace(`${conditionValue}.`, '')
+  }
+
+  // 分割属性路径
+  const pathParts = actualPath.split('.')
+  
+  // 更新数组中的每个对象
+  return arr.map(item => {
+    // 检查条件匹配
+    if (hasCondition && conditionModel) {
+      if (item[conditionModel] !== conditionValue) {
+        return item
+      }
+    }
+
+    // 获取当前对象
+    let current = item
+    
+    // 遍历路径（除最后一部分）
+    for (let i = 0; i < pathParts.length - 1; i++) {
+      if (!current[pathParts[i]]) current[pathParts[i]] = {}
+      current = current[pathParts[i]]
+    }
+    
+    // 设置最终属性值
+    const lastPart = pathParts[pathParts.length - 1]
+    // 是对象则进行属性合并
+    const isObj = data instanceof Object && !Array.isArray(data)
+
+    pathParts.length > 1 ?
+      current[lastPart] = isObj ? { ...current[lastPart], ...data } : data :
+      current[pathParts[0]] = isObj ? { ...current[pathParts[0]], ...data } : data
+    
+    return item
+  })
+}
+
+/**
+ * 异步获取搜索数据并更新配置
+ * @param {Object} searchSetting - 需要更新的搜索配置对象
+ * @returns {Promise<Object>} 返回包含所有API调用结果的对象
+ */
+export const fetchSearchData = async (searchSetting, apiMap) => {
+  try {
+    // 并行调用所有API
+    const results = await Promise.allSettled(Object.values(apiMap))
+    
+    let innerSetting = []
+    
+    Object.keys(apiMap).forEach((key, index) => {
+      const result = results[index]
+      if (result.status === 'fulfilled' && result.value) {
+        innerSetting = setOptionsData(searchSetting, key, result.value)
+      } else {
+        console.error(`API调用失败: ${key}`, result.reason)
+      }
+    })
+    
+    // 返回更新后的配置数据
+    return innerSetting
+  } catch (error) {
+    console.error('apiMap配置格式不对导致API并发失败', error)
+    throw error
+  }
 }

package/font/font.css

@@ -1,48 +0,0 @@
-@font-face {
-    font-family: 'PingFang SC';
-    src: url('PingFang SC.ttf');
-}
-@font-face {
-    font-family: 'YouSheBiaoTiHei';
-    src: url('YouSheBiaoTiHei.ttf');
-}
-@font-face {
-    font-family: 'Orbitron-Black';
-    src: url('Orbitron-Black.ttf');
-}
-@font-face {
-    font-family: 'Orbitron-Bold';
-    src: url('Orbitron-Bold.ttf');
-}
-@font-face {
-    font-family: 'Orbitron-Medium';
-    src: url('Orbitron-Medium.ttf');
-}
-@font-face {
-    font-family: 'Orbitron-Regular';
-    src: url('Orbitron-Regular.ttf');
-}
-@font-face {
-    font-family: 'PangMenZhengDao';
-    src: url('PANGMENZHENGDAOBIAOTITI-1.TTF');
-} 
-@font-face {
-    font-family: '字魂35号-经典雅黑';
-    src: url('字魂35号-经典雅黑.ttf');
-}
-@font-face {
-    font-family: 'Digital Numbers';
-    src: url('DS-DIGI-1.ttf'); 
-}
-@font-face {
-    font-family: 'DS-DIGIB-2';
-    src: url('DS-DIGIB-2.ttf');
-}
-@font-face {
-    font-family: 'DS-DIGII-3';
-    src: url('DS-DIGII-3.ttf');
-} 
-@font-face {
-    font-family: 'DS-DIGIT-4';
-    src: url('DS-DIGIT-4.ttf');
-}