web-component-gallery 1.3.12 → 2.0.2

package/plugins/utils/Filter.js

@@ -1,249 +0,0 @@
-
-/**
- *
- * @param {*} day 传入天数
- * 距离现在n天前的日期
- */
-
-export function getDay( day ) { 
-    let today = new Date();
-
-    let targetday_milliseconds=today.getTime() + 1000*60*60*24*day;
-
-    today.setTime(targetday_milliseconds); //注意，这行是关键代码
-
-    let tYear = today.getFullYear();
-
-    let tMonth = today.getMonth();
-
-    let tDate = today.getDate();
-
-    tMonth = doHandleMonth(tMonth + 1);
-
-    tDate = doHandleMonth(tDate);
-
-    return tYear+"-"+tMonth+"-"+tDate;
-}
-
-
-function doHandleMonth(month){
-
-    let m = month;
-
-    if(month.toString().length == 1){
-        
-       m = "0" + month;
-
-    }
-
-    return m;
-
-} 
-
-
-/**
- *
- * @param {*} time 传入时间
- * @param {*} cFormat 可不传。格式化结构 默认 年-月-日 时:分:秒
- * {y}年 {m}月 {d}日 {h}时 {i}分 {s}秒 {a}星期
- */
-export function formatDate(time, cFormat) {
-    if (arguments.length === 0 || !time) {
-        return null;
-    }
-    const format = cFormat || "{y}-{m}-{d} {h}:{i}:{s}";
-    let date;
-    if (typeof time === "object") {
-        date = time;
-    } else {
-        let times = time;
-        times = new Date(time).getTime();
-        if ((typeof times === "string")) {
-            if ((/^[0-9]+$/.test(times))) {
-                times = parseInt(times);
-            } else {
-                times = times.replace(new RegExp(/-/g), "/");
-            }
-        }
-        if ((typeof times === "number") && (times.toString().length === 10)) {
-            times *= 1000;
-        }
-        date = new Date(times);
-    }
-    const formatObj = {
-        y: date.getFullYear(),
-        m: date.getMonth() + 1,
-        d: date.getDate(),
-        h: date.getHours(),
-        i: date.getMinutes(),
-        s: date.getSeconds(),
-        a: date.getDay(),
-    };
-    const timeStr = format.replace(/\{([ymdhisa])+\}/g, (result, key) => {
-        const value = formatObj[key];
-        // Note: getDay() returns 0 on Sunday
-        if (key === "a") {
-            return ["日", "一", "二", "三", "四", "五", "六"][value];
-        }
-        if (!String.prototype.padStart) return padStart(2, value.toString());
-        return value.toString()
-            .padStart(2, "0"); // 返回替换的字符串，padStart用于头部补全
-    });
-    return timeStr;
-}
-
-/**
- * JS颜色十六进制转换为rgb或rgba,返回的格式为 rgba（255，255，255，0.5）字符串
- * sHex为传入的十六进制的色值
- * alpha为rgba的透明度
- */
-export function colorRgba(sHex, alpha) {
-    // 十六进制颜色值的正则表达式
-    const reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
-    /* 16进制颜色转为RGB格式 */
-    let sColor = sHex.toLowerCase();
-    if (sColor && reg.test(sColor)) {
-        if (sColor.length === 4) {
-            var sColorNew = "#";
-            for (let i = 1; i < 4; i += 1) {
-                sColorNew += sColor.slice(i, i + 1)
-                    .concat(sColor.slice(i, i + 1));
-            }
-            sColor = sColorNew;
-        }
-        // 处理六位的颜色值
-        const sColorChange = [];
-        for (let i = 1; i < 7; i += 2) {
-            sColorChange.push(parseInt(`0x${sColor.slice(i, i + 2)}`));
-        }
-        // return sColorChange.join(',')
-        return `rgba(${sColorChange.join(",")},${alpha})`;
-    }
-    return sColor;
-}
-
-/**
- * segment: 分段 7段
- * tatalpercent: 百分比 100
- * basevalue: 基础值 200
-*/
-export function produceDataSeriesEx(segment, tatal, basevalue) {
-    //需要产生segment个随机数，且segment个随机数之和等于tatal
-    let arrpercent = new Array(segment).fill(0);
-    for (let i = 0; i < tatal; i++) {
-        //parseInt接收string，所以需要转一趟
-        /**
-         * 换成生活中的场景，就是一百个苹果分给十个人，我们可以一个一个的取出，随机分给某个人，直到分完
-         * 在js里面，十个人即是一个长度为十的数组，每次数组随机一个位置加一，执行一百次
-         */
-        var num = parseInt((Math.random() * segment).toString());
-        arrpercent[num]++;
-    }
-    //console.log(arr.length)
-
-    let arrvalue = new Array(segment).fill(0);
-    for (let i = 0; i < segment; i++) {
-        arrvalue[i] = parseInt(arrpercent[i] / 100 * basevalue);
-    }
-
-    return [arrpercent, arrvalue];
-}
-
-/**
- * 深拷贝
- * obj为原始数据
- * 适用场景：数组套对象、对象套数组、混合嵌套等
- */
-export function deepClone(obj) {
-    if (obj === null || typeof obj !== 'object') {
-      return obj
-    }
-   
-    if (obj instanceof Date) {
-      return new Date(obj.getTime())
-    }
-   
-    if (obj instanceof Array) {
-      return obj.reduce((arr, item, i) => {
-        arr[i] = deepClone(item)
-        return arr
-      }, [])
-    }
-   
-    if (obj instanceof Object) {
-      return Object.keys(obj).reduce((newObj, key) => {
-        newObj[key] = deepClone(obj[key])
-        return newObj
-      }, {})
-    }
-}
-
-/**
- * 数据转换
- * data为原始数据
- * 适用场景：根据要求格式来转换当前属性值 (转化失败则初始化为默认格式
- */
-export function transferData(data, format = 'String') {
-    
-    const defaultData = {
-        Number: 0,
-        Boolean: false,
-        String: '',
-        Array: [],
-        Object: {}
-    }
-   
-    if (format === 'Array' || format === 'Object') {
-
-        let parsed
-
-        try {
-            parsed = JSON.parse(data)
-        } catch (error) { parsed = data }
-
-        if (parsed && ( parsed instanceof Array || parsed instanceof Object )) {
-          return parsed
-        }
-
-        return defaultData[format]
-    }
-    else {
-        return data ?? defaultData[format]
-    }
-}
-
-
-/**
- * 查找字符串
- * str为字符串
- * charToFind为查找字符
- * n为次数
- * 适用场景：查找某个字符在字符串当中某一次的位置
- */
-export function findNthOccurrence(str, charToFind, n) {
-    let count = 0;
-    let index = str.indexOf(charToFind);
-   
-    while (count < n && index !== -1) {
-      index = str.indexOf(charToFind, index + 1);
-      count++;
-    }
-   
-    return index === -1 ? -1 : index;
-}
-
-/**
- * object转化为formData
- * @object 转化对象
- */
-export function setFormData(object) {
-
-    const formData = new FormData()
-
-    for (const key in object) {
-        formData.append(key, object[key])
-    }
-
-    return formData
-
-}

package/plugins/utils/PostMessage.js

@@ -1,16 +0,0 @@
-import notification from 'ant-design-vue/es/notification'
-
-/* 抛出401错误码 用于处理不同项目下处理方式 */
-export function errorMessage(status, { msg }, callBack = () => {}) {
-    /* 200为正常状态码 捕捉到直接返回 */
-    if(status === 200) return
-    if(status === 401) return callBack()
-    notification.error({
-        message: '请求失败！',
-        description: msg || '服务器请求失败'
-    })
-}
-
-export default {
-    errorMessage
-}

package/plugins/utils/Postcss.js

@@ -1,9 +0,0 @@
-module.exports.postcss = {
-  rootValue: 14, // 基准字体大小，通常是 16 或 37.5
-  propList: ['*'], // 需要转换的属性，* 表示全部属性都转换
-  unitPrecision: 5, // 允许 REM 单位增长到的十进制数
-  selectorBlackList: [], // 忽略转换的选择器
-  replace: true, // 替换包含 `px` 的规则，而不是添加替换后的副本
-  mediaQuery: false, // 不允许在媒体查询中转换 `px`
-  minPixelValue: 0 // 设置要替换的最小像素值
-}

package/plugins/utils/Rem.js

@@ -1,24 +0,0 @@
-// /** 行内px转rem自定义指令 */
-const handler = (el, binding) => {
-    /** 与postcss-pxtorem内rootValue配置一致 */
-    const rootValue = 14
-    
-    const convert = (value) => {
-      if (typeof value === 'string' && value.includes('px')) {
-        return `${parseFloat(value) / rootValue}rem`
-      }
-      return value
-    }
-  
-    if (binding.value) {
-      Object.entries(binding.value).forEach(([key, val]) => {
-        el.style[key] = convert(val)
-      })
-    }
-}
-
-export default { 
-  inserted: handler,
-  update: handler,
-  componentUpdated: handler
-}

package/plugins/utils/Request.js

@@ -1,38 +0,0 @@
-import { createAxiosService } from './Axios.js'
-
-const axiosPlugin = {
-  install(Vue, options) {
-    
-    const service = createAxiosService({
-      baseURL: window.https.WEBSWG,
-      token: Vue.prototype.$store.getters.token,
-      ...options
-    })
-    
-    // 全局挂载
-    Vue.config.globalProperties.$http = service
-    
-    // 提供独立的 API 方法
-    Vue.provide('axios', service)
-    
-    // 添加自定义方法
-    service.uploadFile = (url, file, onProgress) => {
-      const formData = new FormData()
-      formData.append('file', file)
-      
-      return service.post(url, formData, {
-        headers: { 'Content-Type': 'multipart/form-data' },
-        onUploadProgress: (progressEvent) => {
-          if (progressEvent.lengthComputable && onProgress) {
-            const percent = Math.round(
-              (progressEvent.loaded * 100) / progressEvent.total
-            )
-            onProgress(percent)
-          }
-        }
-      })
-    }
-  }
-}
-
-export default axiosPlugin

package/plugins/utils/Storage.js

@@ -1,73 +0,0 @@
-import Cookies from 'js-cookie'
-
-const local = {
-
-    set(key, value) {
-        localStorage.setItem(key, value)
-    },
-    
-    setJson( key, value ){
-        localStorage.setItem(key, JSON.stringify( value ))
-    },
-    
-    get( key ){
-        return localStorage.getItem(key)
-    },
-    
-    getJson( key ){
-        
-        const content = localStorage.getItem( key )
-        
-        if( !content ) return null
-        
-        return JSON.parse( content )
-    },
-    
-    remove( key ){
-        localStorage.removeItem(key)
-    },
-    
-    clear(){
-        localStorage.clear()
-    }
-}
-
-const cookies = {
-
-  set(key, value) {
-      Cookies.set(key, value)
-  },
-  
-  setJson( key, value ){
-      Cookies.set(key, JSON.stringify( value ))
-  },
-  
-  get( key ){
-      return Cookies.get(key)
-  },
-  
-  getJson( key ){
-      
-      const content = Cookies.get( key )
-      
-      if( !content ) return null
-      
-      return JSON.parse( content )
-  },
-  
-  remove( key ){
-      Cookies.remove(key)
-  },
-  
-  clear(){
-      const cookies = Cookies.get()
-      for (const cookieName in cookies) {
-          if (cookies.hasOwnProperty(cookieName)) Cookies.remove(cookieName)
-      }
-  }
-}
-
-export default {
-    local,
-    cookies
-}

package/plugins/utils/Tree.js

@@ -1,169 +0,0 @@
-/** 默认TreeData字段 */
-const defaultReplaceFields = {
-  key: 'id', 
-  title: 'title',
-  children: 'children'
-}
-
-/**
- * 提取树形结构中的键值集合
- * @param {Array} nodes 树形数据
- * @param {boolean} [parent=false] 是否只提取父节点
- * @param {Object} [replaceFields={}] 字段映射配置
- * @param {string} [replaceFields.children='children'] 子节点字段名
- * @param {string} [replaceFields.key='id'] 键名字段名
- * @returns {Array} 提取的键值数组
- */
-export function getTreeKey(
-  nodes = [],
-  parent = false,
-  { children = 'children', key = 'id' } = {}
-) {
-  const keys = []
-  
-  function traverse(node) {
-    const shouldCollect = !parent || node[children]?.length
-    if (shouldCollect) keys.push(node[key])
-    
-    if (node[children]?.length) {
-      node[children].forEach(traverse)
-    }
-  }
-
-  nodes.forEach(traverse)
-  return keys
-}
-
-
-/**
- * 根据树子节点ID过滤出最后一级child
- * @param {array} dataSource 树形结构数据源
- * @param {array} nodeIds 需要过滤的数据集
- * @param {string} hasField 过滤包含属性(默认为children)
- * @param {string} searchField 查找属性(默认为id)
- */
-
-export function findCheckNodes(dataSource, nodeIds, searchField = 'id', hasField = 'children') {
-  const nodeMap = new Map() // 用于去重的Map
-  
-  function traverse(node) {
-    if (nodeIds.includes(node[searchField]) && !node.hasOwnProperty(hasField)) {
-      if (!nodeMap.has(node[searchField])) {
-        nodeMap.set(node[searchField], node)
-      }
-      return true
-    }
-
-    node[hasField]?.forEach(childNode => {
-      traverse(childNode)
-    })
-    
-    return false
-  }
-
-  dataSource.forEach(rootNode => {
-    traverse(rootNode)
-  })
-
-  return Array.from(nodeMap.values()) // 返回去重后的数组
-}
-
-
-/**
- * 拼接树节点指定字段为字符串
- * @param {Array} nodes 树形数据
- * @param {Array} fields 需要拼接的字段数组
- * @param {string} replaceField 拼接后存储的字段名
- * @param {string} childNode 子节点字段名
- * @returns {Array} 处理后的树形数据
- */
-export function joinTreeMessage(
-  nodes = [],
-  fields = [],
-  replaceField = 'message',
-  childNode = 'children'
-) {
-  if (!Array.isArray(nodes) || !Array.isArray(fields)) return nodes
-
-  const processNode = (node) => {
-    node[replaceField] = fields
-      .filter(field => node[field])
-      .map(field => node[field])
-      .join(' ')
-
-    if (Array.isArray(node[childNode])) {
-      node[childNode].forEach(processNode)
-    }
-  }
-
-  nodes.forEach(processNode)
-  return nodes
-}
-
-
-
-/**
- * 获取树节点对应数据
- * @param {Array} tree 树形数据 
- * @param {string|number} key 目标节点Key
- * @param {Object} [replaceFields={}] 字段映射配置
- */
-export function filterTreeById(
-  tree,
-  key,
-  { children = 'children', key: idKey = 'id' } = {}
-) {
-  for (const node of tree) {
-    if (node[idKey] === key) return [node]
-    
-    if (node[children]?.length) {
-      const result = filterTreeById(node[children], key, { children, key: idKey })
-      if (result.length) return result
-    }
-  }
-  return []
-}
-
-
-/**
- * 获取树节点所有父级路径
- * @param {Array} tree 树形数据 
- * @param {string|number} nodeId 目标节点ID
- * @param {Object} [replaceFields={}] 字段映射配置
- * @param {boolean} [returnObjects=false] 是否返回完整对象
- */
-export function getAllParents(tree, nodeId, { children = 'children', key = 'id' } = {}, returnObjects = false) {
-  if (!tree?.length) return []
-  
-  // 创建节点映射表提升查找性能
-  const nodeMap = new Map()
-  const buildMap = (nodes, parentId) => {
-    nodes.forEach(node => {
-      // 使用WeakMap存储parentId避免污染原对象
-      const metaInfo = new WeakMap()
-      metaInfo.set(node, { parentId })
-      nodeMap.set(node[key], { node, metaInfo })
-      
-      if (node[children]?.length) buildMap(node[children], node[key])
-    })
-  }
-  buildMap(tree)
-
-  // 回溯构建路径
-  const path = []
-  let current = nodeMap.get(nodeId)
-  while (current) {
-    if (returnObjects) {
-      // 直接返回原对象
-      path.unshift(current.node)
-    } else {
-      path.unshift(current.node[key])
-    }
-    current = current.metaInfo.get(current.node).parentId 
-      ? nodeMap.get(current.metaInfo.get(current.node).parentId) 
-      : null
-  }
-  
-  // 对象集合则返回父级
-  return returnObjects ? path[0] : path
-}

package/plugins/utils/Utils.js

@@ -1,51 +0,0 @@
-import message from 'ant-design-vue/es/message'
-
-/**
- * 下载文件
- * response: 文档流
- * name: 文件名称
- */
-
-export function downLoadFn( response, name, type = "application/vnd.ms-excel" ) {  
-
-    let reader = new FileReader()
-
-    reader.readAsText( response, "utf-8" )  
-
-    reader.onload = function () {
-        try {
-            message.error( JSON.parse( reader.result ).msg ) 
-        } catch (err) {
-            message.success( "下载中..." ) 
-            let blob = new Blob( [ response ], { type } )
-            let url = window.URL.createObjectURL( blob )
-            const link = document.createElement( "a" )
-            link.href = url
-            link.download = name
-            link.click()
-            window.URL.revokeObjectURL( url )
-        }
-    }
-}
-
-/**
- *  获取图片宽高 (如超出限制高度，则根据高度比计算出对应的宽度比)
- *  url 图片地址
- *  astrictH  限制高度
- */
-export function getPictureAttrs( url, astrictH ) {
-    let image = new Image()
-    image.src = url
-    function getPictureSize(image) {
-      /** 解决图片过大还处于加载中出现的第一次获取宽高为0的情况 */
-      if(image.width == 0) return setTimeout(() =>getPictureSize(image), 600)
-      return { width: image.width, height: image.height }
-    } 
-    let style = getPictureSize(image)
-    if(style.height > astrictH) {
-      const scale = astrictH / style.height
-      style.width = style.width * scale
-      style.height = astrictH
-    }
-    return style
-}

package/plugins/utils/Validate.js

@@ -1,33 +0,0 @@
-export const verifyInteger = /^([1-9][0-9]*)$/; // 整数,不包含0开头
-export const verifyFloat = /^[1-9]+(.[0-9]{2})?$/ // 保留两位小数的正数 
-export const verifyChinese = /^([\u4e00-\u9fa5]){1,10}$/; // 校验中文,长度1到10
-export const verifyBlank = /^\s*$/; // 校验空格
-export const verifyEnglishName = /^[a-zA-Z][a-zA-Z0-9_]*$/; // 检验英文字母开头,且限制输入 英文 + 数字
-export const verifyChineseAndEng = /^[a-zA-Z0-9_\u4e00-\u9fa5]+$/; // 检验汉字、数字、字母、下划线，下划线位置不限
-export const verifyPassword = /^(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*()]).{8,}$/; // 检验密码（由数字、大小写字母、特殊符号组成的8位数密码）
-export const phoneReg = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/; //手机号
-export const telephone = /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/; //固定电话与手机号
-export const verifyEmail =  /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; //检验邮箱
-export const verifyIdCard = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;    //身份证号码  15位或18位
-export const verifyCDN = /^\/\/at\.alicdn\.com\/t\/[cf]\/font_\d+_[a-z0-9]+\.js$/;  //校验阿里云CDN链接格式
-
-/**
- * 校验域名或IP地址
- * @param {string} url 待校验字符串
- * @returns {boolean} 
- */
-export function verifyIPStr(url) {
-  const domainReg = /^https:\/\/[a-z0-9.-]+\.[a-z]{2,}(?:\/[^\s]*)?$/i;
-  const ipv4Reg = /^http:\/\/((25[0-5]|2[0-4]\d|1\d{2}|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d{2}|[1-9]?\d)){3})(:\d{1,5})?(\/.*)?$/;
-  const ipv6Reg = /^([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}$/;
-
-  if (domainReg.test(url) || ipv4Reg.test(url) || ipv6Reg.test(url)) return true
-  return false
-}
-
-/** 截取字符串中的ip及端口 */
-export function extractIPAndPort(str) {
-  const ipPortRegex = /(\b25[0-5]|\b2[0-4]\d|\b[01]?\d\d?)\.(\b25[0-5]|\b2[0-4]\d|\b[01]?\d\d?)\.(\b25[0-5]|\b2[0-4]\d|\b[01]?\d\d?)\.(\b25[0-5]|\b2[0-4]\d|\b[01]?\d\d?):(\b6553[0-5]|\b655[0-2]\d|\b65[0-4]\d\d|\b6[0-4]\d{3}|[1-5]\d{4}|[1-9]\d{1,3}|[1-9])\b/g;
-  const matches = str.match(ipPortRegex)
-  return matches && matches.length > 1 ? matches.map(match => match.trim()) : (matches?.[0] ?? [])
-}