sohelp-eleplus 1.1.1-8.beta.1

package/utils/ProFormConvertUtil.js

@@ -0,0 +1,76 @@
+export const filterFields = [
+  'id',
+  'id_insert_date',
+  'id_insert_user',
+  'id_insert_org',
+  'id_update_date',
+  'id_update_user'
+];
+
+export const getColProps = (grid, colSpan) => {
+  if (grid === 1 || colSpan === 1) {
+    return;
+  }
+  const span = 24 / grid;
+  return { span: span * colSpan };
+};
+
+// 根据type匹配组件类型
+export const matchingType = (type) => {
+  switch (type) {
+    case 'BOOLEAN':
+      return 'switch';
+    case 'DATE':
+      return 'date';
+    case 'DATETIME':
+      return 'datetime';
+    case 'JSON':
+      return 'textarea';
+    case 'INT':
+      return 'inputNumber';
+    case 'BIGINT':
+      return 'inputNumber';
+    case 'FLOAT':
+      return 'inputNumber';
+    case 'SEQUENCE':
+      return 'inputNumber';
+    case 'TIMESTAMP':
+    case 'LONGBLOB':
+    case 'TEXT':
+      return 'SohelpInput'
+    case 'AUTOCODE':
+      return 'SohelpAutocode'
+    case 'FILE':
+      return 'SohelpFileUpload';
+    case 'IMAGE':
+      return 'SohelpImageUpload';
+    case 'RELATION':
+      return 'SohelpTableSelect';
+    default:
+      return 'input';
+  }
+};
+
+export const toProFormConfig = (res) => {
+  return res.properties
+    .filter((item) => !filterFields.includes(item.name))
+    .map((item, index) => {
+
+      return {
+        key: item?.name || 'tempKey' + index,
+        type: item?.editor ? item.editor : matchingType(item?.type || ''),
+        i18n:item.i18n,
+        label: item.label,
+        length: item.length,
+        fieldType: item.type,
+        isEntity: item?.isEntity ?? true,
+        required: item.notNull,
+        itemProps: item?.formItemOption ? JSON.parse(item.formItemOption) : '',
+        props: item?.editorParam ? JSON.parse(item.editorParam) : '',
+        options: item?.editorData ? JSON.parse(item.editorData) : '',
+        prop: item?.name,
+        hidden: item.hidden || filterFields.includes(item.name),
+        colProps: getColProps(res.gridNum, item.gridNum)
+      };
+    });
+};

package/utils/core.js

@@ -0,0 +1,310 @@
+/** 常用工具方法 */
+/**
+ * parentId 形式数据转 children 形式
+ * @param option ToTreeOption
+ */
+export function toTree(option) {
+    const data = option.data;
+    const idField = option.idField || 'id';
+    const parentIdField = option.parentIdField || 'parentId';
+    const childrenField = option.childrenField || 'children';
+    const parentIdIsNull = option.parentId == null;
+    const parentId = parentIdIsNull ? [] : option.parentId;
+    const addParentIds = option.addParentIds;
+    const parentIdsField = option.parentIdsField || 'parentIds';
+    const parentIds = option.parentIds ?? [];
+    if (data == null) {
+        return [];
+    }
+    if (parentIdIsNull) {
+        data.forEach((d) => {
+            if (!data.some((t) => d[parentIdField] == t[idField]) &&
+                !parentId.includes(d[parentIdField])) {
+                parentId.push(d[parentIdField]);
+            }
+        });
+    }
+    const result = [];
+    data.forEach((d) => {
+        if (d[idField] == d[parentIdField]) {
+            throw new Error([
+                'data error: {',
+                idField + ': ',
+                JSON.stringify(d[idField]),
+                ', ' + parentIdField + ': ',
+                JSON.stringify(d[parentIdField]),
+                '}'
+            ].join(''));
+        }
+        if (Array.isArray(parentId)
+            ? parentId.includes(d[parentIdField])
+            : d[parentIdField] == parentId) {
+            const t = { ...d };
+            const children = toTree({
+                data,
+                idField,
+                parentIdField,
+                childrenField,
+                parentId: d[idField],
+                addParentIds,
+                parentIdsField,
+                parentIds: [...parentIds, d[idField]]
+            });
+            if (children.length > 0) {
+                t[childrenField] = children;
+            }
+            if (addParentIds) {
+                t[parentIdsField] = parentIds;
+            }
+            result.push(t);
+        }
+    });
+    return result;
+}
+/**
+ * 遍历树形形式数据
+ * @param data 需要遍历的数据
+ * @param callback 回调
+ * @param childrenField children 字段名
+ */
+export function eachTree(data, callback, childrenField = 'children', parent) {
+    if (data) {
+        data.forEach((d, i) => {
+            if (callback &&
+                callback(d, i, parent) !== false &&
+                d[childrenField]?.length) {
+                eachTree(d[childrenField], callback, childrenField, d);
+            }
+        });
+    }
+}
+/**
+ * 格式化树形数据
+ * @param data 需要格式化的数据
+ * @param formatter 格式器
+ * @param childrenField children 字段名
+ * @param resultChildrenField 格式化后的 children 字段名
+ */
+export function mapTree(data, formatter, childrenField = 'children', resultChildrenField = 'children', parent) {
+    const result = [];
+    if (data && data.length) {
+        data.forEach((d, i) => {
+            const item = formatter(d, i, parent);
+            if (item) {
+                if (d[childrenField] != null) {
+                    item[resultChildrenField] = mapTree(d[childrenField], formatter, childrenField, resultChildrenField, item);
+                }
+                result.push(item);
+            }
+        });
+    }
+    return result;
+}
+/**
+ * 查找树形数据
+ * @param data 数据
+ * @param predicate 查找条件
+ * @param childrenField children 字段名
+ */
+export function findTree(data, predicate, childrenField) {
+    let temp;
+    eachTree(data, (d, i) => {
+        if (predicate(d, i)) {
+            temp = d;
+            return false;
+        }
+    }, childrenField);
+    return temp;
+}
+/**
+ * 生成随机字符串
+ * @param length 长度
+ * @param radix 基数
+ */
+export function uuid(length = 32, radix) {
+    const str = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
+    let result = '';
+    for (let i = 0; i < length; i++) {
+        result += str.charAt(Math.floor(Math.random() * (radix || str.length)));
+    }
+    return result;
+}
+/**
+ * 生成 m 到 n 的随机数
+ * @param m 最小值, 包含
+ * @param n 最大值, 不包含
+ */
+export function random(m, n) {
+    return Math.floor(Math.random() * (m - n) + n);
+}
+/**
+ * 数字千分位
+ * @param num 数字
+ */
+export function formatNumber(num) {
+    return String(num ?? '').replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g, '$1,');
+}
+/**
+ * 赋值不改变原字段
+ * @param target 目标对象
+ * @param source 源对象
+ * @param excludes 排除的字段
+ */
+export function assignObject(target, source, excludes) {
+    Object.keys(target).forEach((key) => {
+        if (!excludes?.includes(key)) {
+            target[key] = source[key];
+        }
+    });
+    return target;
+}
+/**
+ * 全屏
+ * @param el HTMLElement
+ */
+export function requestFullscreen(el) {
+    if (el == null) {
+        el = document.documentElement;
+    }
+    const func = el.requestFullscreen ||
+        el.requestFullScreen ||
+        el.webkitRequestFullScreen ||
+        el.mozRequestFullScreen ||
+        el.msRequestFullScreen;
+    if (!func) {
+        throw new Error('您的浏览器不支持全屏模式');
+    }
+    func.call(el);
+}
+/**
+ * 退出全屏
+ */
+export function exitFullscreen() {
+    const func = document.exitFullscreen ||
+        document.exitFullScreen ||
+        document.webkitCancelFullScreen ||
+        document.mozCancelFullScreen ||
+        document.msExitFullscreen;
+    func && func.call(document);
+}
+/**
+ * 检查是否全屏
+ */
+export function checkFullscreen() {
+    return !!(document.fullscreenElement ||
+        document.webkitFullscreenElement ||
+        document.mozFullScreenElement ||
+        document.msFullscreenElement);
+}
+/**
+ * 百度地图坐标转高德地图坐标
+ * @param point 坐标
+ */
+export function bd09ToGcj02(point) {
+    const x_pi = (3.141592653589793 * 3000.0) / 180.0;
+    const x = point.lng - 0.0065;
+    const y = point.lat - 0.006;
+    const z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * x_pi);
+    const theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * x_pi);
+    return {
+        lng: z * Math.cos(theta),
+        lat: z * Math.sin(theta)
+    };
+}
+/**
+ * 高德地图坐标转百度地图坐标
+ * @param point 坐标
+ */
+export function gcj02ToBd09(point) {
+    const x_pi = (3.141592653589793 * 3000.0) / 180.0;
+    const x = point.lng;
+    const y = point.lat;
+    const z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * x_pi);
+    const theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * x_pi);
+    return {
+        lng: z * Math.cos(theta) + 0.0065,
+        lat: z * Math.sin(theta) + 0.006
+    };
+}
+/**
+ * 判断是否是外链
+ * @param url 地址
+ */
+export function isExternalLink(url) {
+    return !!(url &&
+        (url.startsWith('http://') ||
+            url.startsWith('https://') ||
+            url.startsWith('//')));
+}
+/**
+ * 获取节点样式
+ * @param el 节点
+ */
+export function getCurrentStyle(el) {
+    return el['currentStyle'] || window.getComputedStyle(el, null) || {};
+}
+/**
+ * 防抖函数
+ * @param func 函数
+ * @param wait 等待时间
+ */
+export function debounce(func, wait) {
+    let timer = void 0;
+    const debounced = function (...args) {
+        if (timer) {
+            clearTimeout(timer);
+        }
+        timer = setTimeout(() => {
+            func.apply(this, args);
+            timer = void 0;
+        }, wait);
+    };
+    return debounced;
+}
+/**
+ * 节流函数
+ * @param func 函数
+ * @param wait 等待时间
+ */
+export function throttle(func, wait) {
+    let timer = void 0;
+    const debounced = function (...args) {
+        if (!timer) {
+            func.apply(this, args);
+            timer = setTimeout(() => {
+                timer = void 0;
+            }, wait);
+        }
+    };
+    return debounced;
+}
+/**
+ * 忽略对象属性
+ * @param obj 来源对象
+ * @param fields 忽略的属性
+ */
+export function omit(obj, fields) {
+    const result = Object.assign({}, obj);
+    if (obj) {
+        for (let i = 0; i < fields.length; i++) {
+            const key = fields[i];
+            delete result[key];
+        }
+    }
+    return result;
+}
+/**
+ * 摘选对象属性
+ * @param obj 来源对象
+ * @param fields 摘选的属性
+ */
+export function pick(obj, fields) {
+    const result = {};
+    if (obj) {
+        for (let i = 0; i < fields.length; i++) {
+            const key = fields[i];
+            result[key] = obj[key];
+        }
+    }
+    return result;
+}

package/utils/use-form-data.js

@@ -0,0 +1,48 @@
+import { reactive } from 'vue';
+
+/**
+ * 表单数据hook
+ * @param initValue 默认值
+ */
+export function useFormData(initValue) {
+  /** 表单数据 */
+  const form = reactive({ ...initValue });
+  const _initValue = JSON.stringify(initValue)
+
+  /** 重置为初始值 */
+  const resetFields = (field) => {
+    const keys = Object.keys(form);
+    if (typeof field === 'string' && field) {
+      if (keys.includes(field)) {
+        form[field] = initValue ? initValue[field] : void 0;
+      }
+      return;
+    }
+    keys.forEach((key) => {
+      form[key] = initValue[key] || '';
+    });
+  };
+
+  /** 赋值不改变字段 */
+  const assignFields = (data, excludes) => {
+    Object.keys(form).forEach((key) => {
+      if (!excludes?.includes?.(key)) {
+        form[key] = data[key];
+      }
+    });
+  };
+
+  /** 赋值某字段 */
+  const setFieldValue = (field, value) => {
+    form[field] = value;
+  };
+
+  const result = [form, resetFields, assignFields, setFieldValue];
+  // 支持对象解构以兼容旧版
+  Object.assign(result, {
+    form,
+    resetFields,
+    assignFields
+  });
+  return result;
+}

package/utils/use-mobile.js

@@ -0,0 +1,43 @@
+import { ref, onBeforeUnmount } from 'vue';
+
+/**
+ * 获取是否是移动端小屏幕hook
+ * @param onChange 值改变回调
+ */
+export function useMobile(onChange) {
+  const media = window.matchMedia('(max-width: 768px)');
+  const mobile = ref(media.matches);
+
+  const onMediaChangeListener = () => {
+    mobile.value = media.matches;
+    onChange && onChange(mobile.value);
+  };
+  media.addEventListener('change', onMediaChangeListener);
+
+  onBeforeUnmount(() => {
+    media.removeEventListener('change', onMediaChangeListener);
+  });
+
+  return { mobile };
+}
+
+/**
+ * 获取是否是移动端触摸设备hook
+ * @param onChange 值改变回调
+ */
+export function useMobileDevice(onChange) {
+  const media = window.matchMedia('(pointer: coarse)');
+  const mobileDevice = ref(media.matches);
+
+  const onMediaChangeListener = () => {
+    mobileDevice.value = media.matches;
+    onChange && onChange(mobileDevice.value);
+  };
+  media.addEventListener('change', onMediaChangeListener);
+
+  onBeforeUnmount(() => {
+    media.removeEventListener('change', onMediaChangeListener);
+  });
+
+  return { mobileDevice };
+}