@utogether/udp-core 1.0.0 → 1.0.1-beta.10

package/src/components/udp/utils.ts

@@ -0,0 +1,447 @@
+/*
+ * @Author: levi7754 levi7754@163.com
+ * @Date: 2025-07-14 17:38:38
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-08-21 10:57:00
+ * @FilePath: \udp-front\packages\udp-core\src\components\udp\utils.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import { clone, isString, isEmpty, toDateString, isObject, isFunction, merge } from 'xe-utils';
+import { cookies, storageLocal, useRender } from '@utogether/utils';
+/** 系统配置的key */
+const kSYSCONFIG = 'kSysConfig';
+const kCOOKIES = 'kCookies_param';
+
+const sysConfig = storageLocal.getItem(kSYSCONFIG);
+
+const renderHook = useRender();
+
+/** 工具栏按钮标准化 */
+export const formatButton = (buttons, auth?) => {
+  buttons.forEach(btn => {
+    btn.auth = auth ? auth[btn.code] || btn.auth : btn.auth;
+    debugger;
+    if (!btn.name) {
+      btn.name = `message.btn.${btn.code}`;
+    } else if (sysConfig?.i18nEnabled === 'Y' && !btn.name.startsWith('message.')) {
+      btn.name = `message.btn.${btn.name}`;
+    }
+    if (btn.dropdowns?.length) {
+      formatButton(btn.dropdowns, auth);
+    }
+  });
+  return buttons;
+};
+
+/**
+ * @description 查询10W数据,常用于Excel导出
+ * @param props 查询接口的路径
+ * @param http http实例
+ * @param form 查询条件
+ * @returns 查询返回的数据
+ */
+export const queryAll = (props, http, form) => {
+  const params = { pageNum: 1, pageSize: 100000 };
+  const commonParam = getCookieParam();
+  Object.assign(params, form, commonParam, props.defaultParams || {});
+  const query = formatDateRange(params, props.items);
+
+  const { url } = props;
+  if (!url) return null;
+  const requestURL = isString(url) ? url : url.fetch || url.restful;
+  if (!requestURL) return null;
+  const method = url.fetch ? 'post' : 'get';
+  return new Promise((resolve, reject) => {
+    http[method](requestURL, query)
+      .then((response: IResponseData) => {
+        resolve(response.list);
+      })
+      .catch((e: any) => {
+        reject(e);
+      });
+  });
+};
+
+/**
+ * @description 查询服务
+ * @param props 查询接口的路径
+ * @param form 查询条件
+ * @param page 分页参数
+ * @param http http实例
+ * @param isDoc doc文档
+ * @returns Promise
+ */
+export const query = (props, form, page, http, isDoc) => {
+  if (isDoc) return getDocData();
+  for (const key in form) {
+    if (form[key] && isString(form[key])) {
+      form[key] = form[key].trim();
+    }
+  }
+  const params = { pageNum: page.currentPage, pageSize: page.pageSize };
+  const commonParam = getCookieParam();
+  Object.assign(params, commonParam, props.defaultParams || {}, form);
+  const query = formatDateRange(params, props.items);
+  const { url } = props;
+  console.log(query);
+  if (!url) return null;
+  const requestURL = isString(url) ? url : url.fetch || url.restful;
+  const method = url.fetch ? 'post' : 'get';
+  if (!requestURL) return null;
+  return http[method](requestURL, query);
+};
+
+/**
+ * @description 表格删除方法
+ * @param http http实例
+ * @param records 记录行
+ * @param props 删除接口的路径
+ * @returns Promise
+ */
+export const del = (http, records, props) => {
+  const { url } = props;
+  if (!url) return null;
+  const requestURL = isString(url) ? url : url.del || url.restful;
+  if (!requestURL) return null;
+  const method = url.del ? 'post' : 'delete';
+  return http[method](requestURL, records);
+};
+
+/** 更新服务 */
+export const save = (http, body, props) => {
+  const allService = [];
+  const { url } = props;
+  if (!url) return null;
+
+  const { insertRecords, updateRecords } = body;
+  if (!isEmpty(insertRecords)) {
+    const commonParam = getCookieParam();
+    insertRecords.forEach(m => {
+      !isEmpty(props?.defaultValue) && Object.assign(m, props.defaultValue);
+      Object.keys(commonParam)?.forEach(key => {
+        m[key] = m[key] || commonParam[key];
+      });
+    });
+    const requestURL = isString(url) ? url : url.add || url.restful;
+    requestURL && allService.push(http.post(requestURL, insertRecords));
+  }
+  if (!isEmpty(updateRecords)) {
+    const requestURL = isString(url) ? url : url.save || url.restful;
+    const method = url.save ? 'post' : 'put';
+    requestURL && allService.push(http[method](requestURL, updateRecords));
+  }
+  return allService;
+};
+
+const startFormatter = 'yyyy-MM-dd 00:00:00';
+const endFormatter = 'yyyy-MM-dd 23:59:59';
+const formatDateRange = (listQuery: any, items) => {
+  const dateRanges = items.filter(
+    f => f.itemRender?.name === '#SuDateRange' || f.itemRender?.props?.multiple || f.multiple
+  );
+  if (isEmpty(dateRanges)) return listQuery;
+  const query = clone(listQuery, true);
+  dateRanges.forEach((element: any) => {
+    if (element.multiple || element.itemRender?.props?.multiple) {
+      query[element.field] = query[element.field]?.join(',');
+    } else {
+      const val = query[element.field];
+      if (val && element.toField) {
+        query[element.fromField] = toDateString(val[0], startFormatter);
+        query[element.toField] = toDateString(val[1], endFormatter);
+      } else if (val) {
+        query[`${element.field}From`] = toDateString(val[0], startFormatter);
+        query[`${element.field}To`] = toDateString(val[1], endFormatter);
+      }
+      delete query[element.field];
+    }
+  });
+  return query;
+};
+
+const getCookieParam = () => {
+  return cookies.get(kCOOKIES) ? JSON.parse(cookies.get(kCOOKIES)) : {};
+};
+
+/** 工具栏默认按钮组 */
+export const inlineButtons = [
+  {
+    code: 'insert_actived',
+    name: 'add',
+    status: 'u-cyan',
+    icon: 'vxe-icon-add',
+    auth: 'add'
+  },
+  {
+    code: 'delete',
+    status: 'danger',
+    icon: 'vxe-icon-delete',
+    auth: 'del'
+  },
+  {
+    code: 'save',
+    status: 'primary',
+    icon: 'vxe-icon-save',
+    auth: 'edit'
+  }
+];
+// form 模式按钮
+export const dialogButtons = [
+  {
+    code: 'add',
+    status: 'u-cyan',
+    icon: 'vxe-icon-add',
+    auth: 'add'
+  },
+  {
+    code: 'delete',
+    status: 'danger',
+    icon: 'vxe-icon-delete',
+    auth: 'del'
+  }
+];
+
+export const defaultColums = [
+  { field: 'createdByName', width: 90, visible: false },
+  { field: 'creationDate', width: 140, visible: false },
+  { field: 'lastUpdatedByName', width: 90, visible: false },
+  { field: 'lastUpdateDate', width: 140, visible: false }
+];
+
+/** 导出配置 */
+export const getExportConfig = attrs => {
+  if (isObject(attrs.exportConfig)) return attrs.exportConfig;
+  return {
+    filename: attrs.fileName || '导出明细',
+    type: 'xlsx',
+    types: ['xlsx', 'csv'],
+    modes: ['current', 'selected', 'all'],
+    useStyle: true,
+    sheetMethod: ({ worksheet }) => (attrs.onSheetMethod ? attrs.onSheetMethod(worksheet) : onSheetMethod(worksheet)),
+    columnFilterMethod: ({ column }) =>
+      attrs.columnFilter
+        ? !!attrs.columnFilter(column)
+        : !['operate'].includes(column.field) && column.type !== 'checkbox'
+  };
+};
+
+export const getToolBarConfig = (data, props, attrs, hasAuthority) => {
+  const refreshOptions = {
+    icon: 'ri-refresh-line',
+    code: 'query',
+    iconLoading: 'vxe-icon-spinner roll vxe-loading--default-icon'
+  };
+  debugger;
+  // 不可编辑时
+  if (!props.editable) {
+    data.editConfig.editable = props.editable;
+    const hasExport = props.needExport && hasAuthority('export');
+    if (hasExport) {
+      data.exportConfig = getExportConfig(attrs);
+    }
+    data.toolbarConfig = {
+      buttons: [],
+      enabled: hasExport,
+      refreshOptions,
+      exportOptions: { icon: 'ri-download-2-line', code: 'export' },
+      export: hasExport,
+      custom: !!attrs.gridId,
+      refresh: true,
+      perfect: true
+    };
+    return data;
+  }
+
+  // 先设置传入的按钮
+  let buttons = clone(attrs.buttons || [], true);
+
+  // 获取默认的按钮
+  const toolButtons = attrs.mode !== 'form' ? clone(inlineButtons, true) : clone(dialogButtons, true);
+  // 判断传入的按钮是否有默认按钮的auth,有就不加入按钮组中,相当于重写了默认的按钮
+  // reverse的原因是: 保持现有按钮顺序， 新增，保存，删除
+  toolButtons.reverse().forEach(btn => {
+    !buttons.some(s => s.code === btn.code) && buttons.unshift(btn);
+    if (attrs.authPrefix && !['print', 'export'].includes(btn.auth)) {
+      btn.auth = attrs.authPrefix + btn.auth.slice(0, 1).toLocaleUpperCase() + btn.auth.slice(1).toLocaleLowerCase();
+    }
+  });
+
+  buttons = formatButton(buttons, props.auth).filter(button => {
+    const flag = button.auth ? hasAuthority(button.auth) : true;
+    if (button.dropdowns?.length) {
+      button.dropdowns = button.dropdowns.filter(btn => !btn.auth || (btn.auth && hasAuthority(btn.auth)));
+    }
+    return flag;
+  });
+  // inline 行内模式，单击行模式
+  const editConfig = { trigger: 'dblclick', mode: 'row', showStatus: true };
+  data.editConfig = attrs.mode !== 'form' ? editConfig : { enabled: false };
+  // 导出权限
+  const hasExport = props.needExport && hasAuthority('export');
+  let exportBtn = null;
+  if (hasExport) {
+    data.exportConfig = getExportConfig(attrs);
+    exportBtn = { icon: 'ri-download-2-line', code: 'export' };
+  }
+  data.toolbarConfig = {
+    buttons,
+    enabled: true,
+    refreshOptions,
+    custom: !!attrs.gridId,
+    exportOptions: exportBtn,
+    export: hasExport,
+    refresh: true,
+    perfect: true
+  };
+  return data;
+};
+
+/**
+ * @description: 表格脚合并方法
+ * @param {*} columns 列数据
+ * @param {*} data 数据源
+ * @param {*} sum 合并属性
+ * @return {*} 合并脚方法
+ */
+export const footerSumMethod = ({ columns, data }, sum) => {
+  return [
+    columns.map((column, columnIdx) => {
+      if (columnIdx === (sum.index || 0)) {
+        return sum.label || '合计';
+      }
+      if (sum.fields?.includes(column.property)) {
+        const total = data.reduce((prev, cur) => {
+          return prev + Number(cur[column.property] || 0);
+        }, 0);
+        return total ? Number(total.toFixed(sum.decimal || 2)) : total;
+      }
+      return '';
+    })
+  ];
+};
+
+/**
+ * @description: checkbox是否可选
+ */
+export const onCheckMethod = (row, props) => {
+  if (isFunction(props.checkMethod)) {
+    return props.checkMethod(row);
+  }
+  return true;
+};
+
+/*** excel样式重置 */
+const onSheetMethod = ws => {
+  ws.eachRow((row, rowNumber) => {
+    row.font = { name: '微软雅黑', size: 9 };
+    row.border = {
+      top: { style: 'thin' },
+      left: { style: 'thin' },
+      bottom: { style: 'thin' },
+      right: { style: 'thin' }
+    };
+
+    if (rowNumber === 1) {
+      row.fill = {
+        type: 'pattern',
+        pattern: 'solid',
+        fgColor: { argb: '4F81BD' }
+      };
+      row.font = {
+        name: '微软雅黑',
+        size: 10,
+        bold: true,
+        color: { argb: 'FFFFFFFF' }
+      };
+    }
+  });
+};
+
+const getDocData = () => {
+  return new Promise(resolve => {
+    setTimeout(() => {
+      const list = [
+        { id: 1, name: 'Test1', sex: 'Man', age: 28, address: 'Shenzhen' },
+        { id: 2, name: 'Test2', sex: 'Women', age: 22, address: 'Guangzhou' },
+        { id: 3, name: 'Test3', sex: 'Man', age: 32, address: 'Shanghai' },
+        { id: 4, name: 'Test4', sex: 'Women', age: 23, address: 'test abc' },
+        { id: 5, name: 'Test5', sex: 'Women', age: 30, address: 'Shanghai' }
+      ];
+      resolve({ list, total: 5 });
+    }, 100);
+  });
+};
+
+export const getAttrs = attrs => {
+  const data = {};
+  Object.keys(attrs).forEach(key => {
+    const nKey = key.replace(/-(\w)/g, str => str.slice(1).toUpperCase());
+    data[nKey] = attrs[key];
+  });
+  return data;
+};
+
+export const formatItems = (items, status, span = 24) => {
+  if (!items.length) return items;
+  return items.map(item => {
+    if (item.children?.length) {
+      item.children = formatItems(item.children, status, span);
+      return item;
+    } else {
+      item.title = item.title || `message.${item.field}`;
+      item.span = item.span || span;
+      if (item.type === 'collapseNode') {
+        // 折叠项目，title和宽度不需要
+        item.title = '';
+        item.titleWidth = 0;
+      }
+      let disabled = false;
+      if (status === 'detail') {
+        disabled = true;
+        item.placeholder = null;
+      } else {
+        disabled = item.disabled === false ? item.disabled : item.disabled || item.itemRender?.props?.disabled;
+      }
+      let itemRender = {
+        name: 'VxeInput',
+        props: { disabled, placeholder: disabled ? '' : item.placeholder }
+      };
+      if (item.code && !item.itemRender) {
+        itemRender = renderHook.renderDict(item.code);
+      }
+      item.itemRender = item.itemRender || itemRender;
+      item.itemRender['props'] = Object.assign(item.itemRender.props || {}, {
+        disabled
+      });
+      return item;
+    }
+  });
+};
+
+/**
+ * @description: 标准化必填数据
+ * @param {*} records 数据列表
+ * @param {*} t i18n对象
+ * @return {*} rule数据
+ */
+export const formatRules = (records, t) => {
+  const rule = {};
+  records.forEach(item => {
+    if (item.children?.length) {
+      const subRuls = formatRules(item.children, t);
+      merge(rule, subRuls);
+    } else {
+      if (item.required) {
+        const { field, title } = item;
+        const i18n = title?.startsWith('message.');
+        rule[field] = [
+          {
+            required: true,
+            message: `${t('message.required')}${title && i18n ? t(title) : title || t(`message.${field}`)}`
+          }
+        ];
+      }
+    }
+  });
+  return rule;
+};

package/src/directives/permission/index.ts

@@ -8,7 +8,7 @@
  */
 import { usePermissionStoreHook } from '../../store/modules/permission';
 import type { Directive } from 'vue';
-import router from '../../router';
+import { router } from '../../router';
 import type { DirectiveBinding } from 'vue';
 
 export const auth: Directive = {

package/src/layout/components/lay-navbar/index.vue

@@ -6,7 +6,7 @@
  * @Description: file content
 -->
 <template>
-  <div class="system-navbar bg-[#fff] shadow-sm shadow-[rgba(0, 21, 41, 0.08)] dark:shadow-[#0d0d0d]">
+  <div class="system-navbar bg-white shadow-sm shadow-[rgba(0, 21, 41, 0.08)] dark:shadow-[#0d0d0d]">
     <Hamburger
       v-if="layout !== 'mix'"
       :is-active="appHook.sidebar.opened"