@bdsoft/element 1.1.8 → 1.1.11

package/src/xm_components/StatisticalCard/index.vue

@@ -1,196 +0,0 @@
-<!--
-* @FileDescription:  统计组件
-* @Author: 李兵泉
-* @Date: 2025-11-26 
-* @LastEditors: 最后更新作者
-* @LastEditTime: 最后更新时间
--->
-<template>
-  <!-- 投资总额卡片容器 -->
-  <div
-    class="investment-card"
-    :style="{ width: width }"
-    v-if="_datas && _datas != ''"
-  >
-    <!-- 循环渲染数据项（空数据则不显示） -->
-    <div class="data-item">
-      <!-- 标题行（带提示图标） -->
-      <div class="title-row">
-        <span class="title">{{ _datas[0]?.title }}</span>
-        <el-tooltip v-if="tip" :content="tip" placement="top">
-          <el-icon size="16px" class="info-icon"><question-filled /></el-icon>
-        </el-tooltip>
-      </div>
-      <!-- 数值行 -->
-      <div
-        class="value"
-        :style="{
-          color: _datas[0]?.valueColor || '#000',
-          cursor: _datas[0]?.onClick ? 'pointer' : 'default',
-        }"
-        @click="handleItemClick(_datas[0], 0)"
-      >
-        {{ _datas[0]?.value }}
-      </div>
-    </div>
-    <div style="display: flex" @click="handleItemClick(_datas[1], 1)">
-      <!-- 数组 up2 -->
-      <div v-if="_datas[1]" class="extra-row">
-        <span class="extra-item">
-          {{ _datas[1]?.title }}
-          <span :class="['trend', _datas[1]?.trend === 'up' ? 'up' : 'down']">
-            {{ _datas[1]?.value }}
-            <el-icon class="trend-icon">
-              <component
-                :is="_datas[1]?.trend === 'up' ? 'caret-top' : 'caret-bottom'"
-              />
-            </el-icon>
-          </span>
-        </span>
-      </div>
-      <!-- 数组 down3 -->
-      <div
-        v-if="_datas[2]"
-        class="extra-row"
-        style="margin-left: 10%"
-        @click="handleItemClick(_datas[2], 2)"
-      >
-        <span class="extra-item">
-          {{ _datas[2]?.title }}
-          <span :class="['trend', _datas[2]?.trend === 'up' ? 'up' : 'down']">
-            {{ _datas[2]?.value }}
-            <el-icon class="trend-icon">
-              <component
-                :is="_datas[2]?.trend === 'up' ? 'caret-top' : 'caret-bottom'"
-              />
-            </el-icon>
-          </span>
-        </span>
-      </div>
-    </div>
-    <el-divider style="margin: 10px 0" />
-    <div
-      v-if="_datas[3]"
-      class="extra-row"
-      @click="handleItemClick(_datas[3], 3)"
-    >
-      <span class="extra-item" style="color: #595858">
-        {{ _datas[3]?.title }}
-        <span class="trend">
-          {{ _datas[3]?.value }}
-        </span>
-      </span>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, watch } from "vue";
-
-const _datas = ref([]);
-// 接收父组件传入的4组数据（数组，每个对象对应一组数据）
-const props = defineProps({
-  // 组件默认宽度
-  width: {
-    type: String,
-    default: "350px",
-  },
-  // 右上角提示信息
-  tip: {
-    type: String,
-    default: "",
-  },
-  // 数据列表 格式参考readme
-  dataList: {
-    type: Array,
-    default: () => [],
-  },
-});
-const handleItemClick = (item, index) => {
-  // 触发自定义事件，传递点击的指标项数据和索引
-  if (item && item.onClick) {
-    item.onClick(item, index);
-  }
-};
-watch(
-  () => props.dataList,
-  (newVal) => {
-    if (newVal && newVal.length > 0) {
-      _datas.value = newVal;
-    }
-  },
-  {
-    immediate: true,
-  }
-);
-</script>
-
-<style scoped>
-.investment-card {
-  background: #fff;
-  border-radius: 8px;
-  padding: 12px;
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
-}
-
-.data-item {
-  margin-bottom: 12px;
-}
-
-.title-row {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 8px;
-  color: #666;
-  font-size: 14px;
-}
-
-.info-icon {
-  cursor: pointer;
-  color: #999;
-}
-
-.value {
-  font-size: 28px;
-  font-weight: bold;
-  margin-bottom: 8px;
-}
-
-.extra-row {
-  display: flex;
-  gap: 16px;
-  margin-bottom: 8px;
-  font-size: 14px;
-}
-
-.extra-item {
-  display: flex;
-  align-items: center;
-  color: #999;
-}
-
-.trend {
-  margin-left: 4px;
-}
-
-.trend.up {
-  color: #f56c6c;
-  /* 红色-上升 */
-}
-
-.trend.down {
-  color: #67c23a;
-  /* 绿色-下降 */
-}
-
-.trend-icon {
-  font-size: 12px;
-  margin-left: 2px;
-}
-
-.additional {
-  font-size: 14px;
-  color: #666;
-}
-</style>

package/src/xm_components/StatisticalCard/readme.md

@@ -1,41 +0,0 @@
-## 统计数组组件
-
-```
-
-<template>
-  <StatisticalCard :dataList="dataList" tip="投资总额说明111"></StatisticalCard>
-</template>
-<script setup>
-import { ref, reactive, computed, watch, onMounted } from "vue";
-import { StatisticalCard } from '@bdsoft/element'
-
-const dataList = ref([
-  {
-    title: '总用户数',
-    value: 1024,
-    valueColor:'red',
-    trend: '',
-  },
-  {
-    title: '活跃用户数',
-    value: 768,
-    valueColor:'',
-    trend: 'up',
-  },
-  {
-    title: '新增用户数',
-    value: 256,
-    valueColor:'',
-    trend: 'down',
-  },
-  {
-    title: '付费用户数',
-    value: 128,
-    valueColor:'',
-    trend: ''
-  }
-]);
-</script>
-
-<style lang="scss" scoped></style>
-```

package/src/xm_components/readme.md

@@ -1 +0,0 @@
-项目组件说明

package/utils/coms/load.jsx

@@ -1,10 +0,0 @@
-function LoadComponent(props, { slots, emit, attrs }) {
-  return (
-    <div class="loadsvg" style="height:20px;width:20px;">
-      <svg viewBox="0 0 1024 1024" focusable="false" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true">
-        <path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path>
-      </svg>
-    </div>
-  )
-}
-export default LoadComponent

package/utils/func.js

@@ -1,32 +0,0 @@
-import is from './type';
-
-/**
- * 获取url参数
- * @param {*} name
- * @returns
- */
-export function getUrlKey(name, url) {
-  return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(url || location.href) || [, ''])[1].replace(/\+/g, '%20')) || null
-}
-
-// 生成guid
-function S4() {
-  return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)
-}
-
-// 生成guid
-export function NewGuid() {
-  return S4() + S4() + '-' + S4() + '-' + S4() + '-' + S4() + '-' + S4() + S4() + S4()
-}
-
-// 创建一个防抖函数
-// const debouncedClick = debounce(handleQa, 500);
-export const debounce = (func, delay) => {
-  let timer
-  return (...args) => {
-    clearTimeout(timer)
-    timer = setTimeout(() => {
-      func(...args)
-    }, delay)
-  }
-}

package/utils/hookDialog.js

@@ -1,38 +0,0 @@
-import { ref, nextTick } from 'vue'
-
-// 公共的Hook，用于管理对话框的显示和隐藏 用法如下：
-// import {useDialog} from '@bdsoft/element'
-// const { visible, showDialog,openParms,hideDialog } = useDialog()
-// defineExpose({
-//   showDialog,
-//   hideDialog
-// })
-// 自定义Hook，用于管理对话框的显示和隐藏
-export function useDialog(showFn) {
-  const visible = ref(false)
-  // 打开窗体传递的对象
-  const openParms = ref({})
-  const extParms = ref({}) // 扩展用
-  // 显示窗体
-  const showDialog = (parm,ext) => {
-    visible.value = true
-    openParms.value = parm
-    
-    extParms.value = ext
-    nextTick(() => {
-      showFn && showFn()
-    })
-  }
-  // 隐藏窗体
-  const hideDialog = () => {
-    visible.value = false
-  }
-
-  return {
-    visible,
-    openParms,
-    extParms,
-    showDialog,
-    hideDialog
-  }
-}

package/utils/hookPage.js

@@ -1,49 +0,0 @@
-// 分页hook函数 参考说明 components/Pagination/readme.md
-import { reactive, toRefs } from 'vue'
-
-export function usePage(changeFn) {
-  //
-
-  let page = reactive({
-    // 数据服务分页参数值
-    pageHeader: {
-      startindex: 0,
-      pagesize: 30,
-      carrytotal: true
-    },
-    currentPage: 1,
-    pageSizes: [30, 60, 90],
-    pageSize: 30,
-    total: 0
-  })
-
-  function handleSizeChange(val) {
-    page.pageSize = val
-    // page.pageHeader.mend = val
-    changeFn()
-  }
-  function handleCurrentChange(val) {
-    page.currentPage = val
-    page.pageHeader.startindex = val - 1
-    changeFn()
-  }
-  /**
-   *
-   * @param {*} pageobj  { page: currentPage.value, pageSize: val }
-   */
-  function handlePagination(pageobj) {
-    let pageIndex = pageobj.page
-    let pageSize = pageobj.pageSize
-    page.currentPage = pageIndex
-    page.pageSize = pageSize
-    page.pageHeader.startindex = (pageIndex - 1) * pageSize
-    page.pageHeader.pagesize = pageSize
-    changeFn()
-  }
-  return {
-    ...toRefs(page),
-    handleSizeChange,
-    handleCurrentChange,
-    handlePagination
-  }
-}

package/utils/index.js

@@ -1,5 +0,0 @@
-export * from './message.js'
-export * from './func.js'
-// export * from './usewerter.js'
-// export * from './filter.js'
-// export * from './bus.js'

package/utils/lib/console.js

@@ -1,39 +0,0 @@
-/**
- * 格式化日志信息
- * 
- * @param {String} type - 日志类型，如 'tip' 或 'err'
- * @param {String} msg - 日志消息内容
- * @param {Object} rule - 可选参数，与日志相关的规则对象
- * @returns {String} - 返回格式化后的日志字符串
- */
-export function format(type, msg, rule) {
-    // 使用模板字符串构建日志信息，包含日志类型和消息内容
-    let logMsg = `[form-create ${type}]: ${msg}`;
-    // 如果提供了规则对象，则将其转换为JSON字符串并添加到日志信息中
-    if (rule) {
-        logMsg += `\n\nrule: ${JSON.stringify(rule.getRule ? rule.getRule() : rule)}`;
-    }
-    // 返回格式化后的日志字符串
-    return logMsg;
-}
-
-/**
- * 输出格式化的提示信息到控制台
- * 
- * @param {String} msg - 提示信息的内容
- * @param {Object} rule - 可选参数，与提示信息相关的规则对象
- */
-export function tip(msg, rule) {
-    // 使用 format 函数格式化提示信息，并通过 console.warn 输出到控制台
-    console.warn(format('tip', msg, rule));
-}
-
-
-export function err(msg, rule) {
-    console.error(format('err', msg, rule));
-}
-
-export function logError(e) {
-    err(e.toString());
-    console.error(e);
-}

package/utils/lib/debounce.js

@@ -1,19 +0,0 @@
-/**
- * 防抖函数，用于限制函数的执行频率。
- * 
- * @param {Function} fn - 需要防抖的函数。
- * @param {number} wait - 防抖的时间间隔，单位为毫秒。
- * @returns {Function} - 返回一个新的函数，该函数在指定的时间间隔内只会执行一次。
- */
-export default function debounce(fn, wait) {
-    // 用于存储定时器的变量
-    var timeout = null;
-    // 返回一个新的函数，该函数在指定的时间间隔内只会执行一次
-    return function (...arg) {
-        // 如果定时器已经存在，则清除定时器
-        if (timeout !== null)
-            clearTimeout(timeout);
-        // 设置新的定时器，在指定的时间间隔后执行传入的函数
-        timeout = setTimeout(() => fn.call(this, ...arg), wait);
-    }
-}

package/utils/lib/deepextend.js

@@ -1,51 +0,0 @@
-import {$set} from './modify';
-import is from './type';
-
-export default function deepExtend(origin, target = {}, mode) {
-    let isArr = false;
-    for (let key in target) {
-        if (Object.prototype.hasOwnProperty.call(target, key)) {
-            let clone = target[key];
-            if ((isArr = Array.isArray(clone)) || is.Object(clone)) {
-                let nst = origin[key] === undefined;
-                if (isArr) {
-                    isArr = false;
-                    nst && $set(origin, key, []);
-                } else if (clone._clone && mode !== undefined) {
-                    if (mode) {
-                        clone = clone.getRule();
-                        nst && $set(origin, key, {});
-                    } else {
-                        $set(origin, key, clone._clone());
-                        continue;
-                    }
-                } else {
-                    nst && $set(origin, key, {});
-                }
-                origin[key] = deepExtend(origin[key], clone, mode);
-            } else {
-                $set(origin, key, clone);
-                if (!is.Undef(clone)) {
-                    if (!is.Undef(clone.__json)) {
-                        origin[key].__json = clone.__json;
-                    }
-                    if (!is.Undef(clone.__origin)) {
-                        origin[key].__origin = clone.__origin;
-                    }
-                }
-            }
-        }
-    }
-    return (mode !== undefined && Array.isArray(origin)) ? origin.filter(v => !v || !v.__ctrl) : origin
-}
-
-export function deepCopy(value) {
-    return deepExtend({}, {value}).value;
-}
-
-export function deepExtendArgs(origin, ...lst) {
-    lst.forEach(target => {
-        origin = deepExtend(origin, target);
-    });
-    return origin;
-}

package/utils/lib/deepset.js

@@ -1,14 +0,0 @@
-export default function deepSet(data, idx, val) {
-    let _data = data, to;
-    (idx || '').split('.').forEach(v => {
-        if (to) {
-            if (!_data[to] || typeof _data[to] != 'object') {
-                _data[to] = {}
-            }
-            _data = _data[to];
-        }
-        to = v;
-    })
-    _data[to] = val;
-    return _data;
-}

package/utils/lib/extend.js

@@ -1,28 +0,0 @@
-import {$set} from './modify';
-
-const _extends = Object.assign || function (a) {
-    for (let b, c = 1; c < arguments.length; c++) {
-        for (let d in b = arguments[c], b) {
-            Object.prototype.hasOwnProperty.call(b, d) && ($set(a, d, b[d]));
-        }
-    }
-
-    return a;
-}
-/**
- * 将传入的多个对象合并成一个新的对象，并返回这个新对象。
- * 
- * @returns {Object} - 合并后的新对象。
- */
-export default function extend() {
-    // 使用 _extends 函数将传入的所有对象合并成一个新的对象，并返回这个新对象
-    return _extends.apply(this, arguments);
-}
-
-export function copy(obj) {
-    // 如果 obj 不是对象或者为 null，则直接返回 obj
-    if (typeof obj !== 'object' || obj === null) return obj;
-    // 如果 obj 是数组，则使用扩展运算符复制数组
-    // 如果 obj 是对象，则使用扩展运算符复制对象
-    return obj instanceof Array ? [...obj] : {...obj};
-}

package/utils/lib/index.js

@@ -1,13 +0,0 @@
-export {default as debounce} from './debounce';
-export {default as toArray} from './toarray';
-export {default as toString} from './tostring';
-export {default as toLine} from './toline';
-export {default as toDate} from './todate';
-export {default as deepExtend, deepExtendArgs, deepCopy} from './deepextend';
-export {default as extend, copy} from './extend';
-export {parseJson, toJson} from './json';
-export {$set, $del} from './modify';
-export {default as is} from './type';
-export {default as uniqueId} from './unique';
-export {default as getSlot} from './slot';
-export {default as deepSet} from './deepset';

package/utils/lib/json.js

@@ -1,90 +0,0 @@
-import deepExtend from './deepextend';
-import {err} from './console';
-import is from './type';
-
-const PREFIX = '[[FORM-CREATE-PREFIX-';
-const SUFFIX = '-FORM-CREATE-SUFFIX]]';
-
-export function toJson(obj, space) {
-    return JSON.stringify(deepExtend(Array.isArray(obj) ? [] : {}, obj, true), function (key, val) {
-        if (val && val._isVue === true)
-            return undefined;
-
-        if (typeof val !== 'function') {
-            return val;
-        }
-        if (val.__json) {
-            return val.__json;
-        }
-        if (val.__origin)
-            val = val.__origin;
-
-        if (val.__emit)
-            return undefined;
-        return PREFIX + val + SUFFIX;
-    }, space);
-}
-
-function makeFn(fn) {
-    return (new Function('return ' + fn))();
-}
-
-export function parseFn(fn, mode) {
-    if (fn && is.String(fn) && fn.length > 4) {
-        let v = fn.trim();
-        let flag = false;
-        try {
-            if (v.indexOf(SUFFIX) > 0 && v.indexOf(PREFIX) === 0) {
-                v = v.replace(SUFFIX, '').replace(PREFIX, '');
-                flag = true;
-            } else if (v.indexOf('$FN:') === 0) {
-                v = v.substring(4);
-                flag = true;
-            } else if (v.indexOf('$EXEC:') === 0) {
-                v = v.substring(6);
-                flag = true;
-            } else if (v.indexOf('$GLOBAL:') === 0) {
-                const name = v.substring(8);
-                v = function (...args) {
-                    const callback = args[0].api.getGlobalEvent(name);
-                    if (callback) {
-                        return callback.call(this, ...args);
-                    }
-                    return undefined;
-                }
-                v.__json = fn;
-                v.__inject = true;
-                return v;
-            } else if (v.indexOf('$FNX:') === 0) {
-                v = makeFn('function($inject){' + v.substring(5) + '}');
-                v.__json = fn;
-                v.__inject = true;
-                return v;
-            } else if (!mode && v.indexOf('function ') === 0 && v !== 'function ') {
-                flag = true;
-            } else if (!mode && v.indexOf('function(') === 0 && v !== 'function(') {
-                flag = true;
-            }
-            if (!flag) return fn;
-            let val;
-            try{
-                val = makeFn(v);
-            }catch (e){
-                val = makeFn('function ' + v);
-            }
-            val.__json = fn;
-            return val;
-        } catch (e) {
-            err(`解析失败:${v}\n\nerr: ${e}`);
-            return undefined;
-        }
-    }
-    return fn;
-}
-
-export function parseJson(json, mode) {
-    return JSON.parse(json, function (k, v) {
-        if (is.Undef(v) || !v.indexOf) return v;
-        return parseFn(v, mode);
-    });
-}