@lingxiteam/ebe-utils 0.5.0 → 0.5.2

package/lib/public/src/utils/formUtils.ts

@@ -0,0 +1,458 @@
+/* eslint-disable no-continue */
+import { EngineRelationMethods } from '@lingxiteam/types';
+import { RefsManager } from './Context/context';
+
+type RefsType = Record<string, any>;
+
+const getFormsIdByUid = (uid: string, refs: RefsType) => {
+  // 不是表单组件
+  if (refs[uid].compName !== 'Form') {
+    return null;
+  }
+
+  const list = uid.match(/@@@([\d\w_]*)&&&/g);
+  if (!Array.isArray(list)) {
+    return list;
+  }
+  return list.map((it) => it.replace(/(@@@)|(&&&)/g, ''));
+};
+
+/**
+ * 通过循环容器id获取 循环容器内的表单
+ * @param loopId
+ * @param refs
+ */
+export const getFormOfInLoopByLoopId = (options: {
+  loopId: string;
+  engineRelation: EngineRelationMethods;
+  routerId: string;
+  refs: RefsType;
+  forms?: RefsType[];
+  inLoop?: boolean;
+}) => {
+  const {
+    loopId,
+    routerId,
+    engineRelation,
+    forms = [],
+    refs,
+    inLoop = false,
+  } = options;
+  const uids = Object.keys(refs);
+  for (let index = 0; index < uids.length; index += 1) {
+    const uid = uids[index];
+
+    if (inLoop) {
+      if (refs[uid].compName === 'Form') {
+        forms.push(refs[uid]);
+        continue;
+      }
+    }
+
+    // 先用---分割，解决多层循环块嵌套问题
+    const result = uid
+      .split('---')
+      .filter(Boolean)
+      .find((id) => {
+        const [compId] = id.split('@@@');
+        return compId === loopId;
+      });
+
+    const engineRefs = engineRelation.getEngineRefsByUid(uid, routerId);
+    // 页面容器或者BOFramer在循环容器下
+    if ((result || inLoop) && engineRefs) {
+      // 页面容器和业务组件下也可能存在表单
+      getFormOfInLoopByLoopId({
+        loopId,
+        routerId,
+        engineRelation,
+        refs: engineRelation.getEngineRefsByUid(uid, routerId)?.refs || {},
+        forms,
+        inLoop: true,
+      });
+    }
+
+    // 不是表单 或者不在循环容器内
+    if (refs[uid].compName !== 'Form' || !/[@@@|&&&]/.test(uid)) {
+      continue;
+    }
+
+    if (result) {
+      forms.push(refs[uid]);
+    }
+  }
+  return forms;
+};
+
+/**
+ * 获取gridview组件
+ * @param forms
+ * @param getFieldsValue
+ * @returns
+ */
+export const getLoopForms = async (
+  forms: RefsType[],
+  getFieldsValue: (form: any) => void,
+) => {
+  const fieldValues: any = {};
+  let firstErrorInfo: any = null;
+  for (let index = 0; index < forms.length; index += 1) {
+    const form = forms[index];
+    const { formCode, scrollToErrorField } = form;
+    fieldValues[formCode] = fieldValues[formCode] ?? [];
+    try {
+      const values = await getFieldsValue(form);
+      fieldValues[formCode].push(values);
+    } catch (error) {
+      if (!firstErrorInfo) {
+        firstErrorInfo = {
+          error,
+          form,
+          scrollToErrorField,
+        };
+      }
+    }
+  }
+
+  if (firstErrorInfo) {
+    const { scrollToErrorField, error } = firstErrorInfo;
+    scrollToErrorField(error);
+    return Promise.reject(error);
+  }
+  return Promise.resolve(fieldValues);
+};
+
+/**
+ * 通过组件id获取表单列表
+ */
+export const getFormByCompId = (compId: string, refs: RefsType) => {
+  // 获取是否是表单
+  const form = refs[compId];
+  if (form) {
+    return form;
+  }
+  const uidArr = Object.keys(refs).filter((uid) => {
+    const ids = getFormsIdByUid(uid, refs);
+    if (!ids) {
+      return false;
+    }
+    return ids.includes(compId);
+  });
+
+  if (uidArr.length === 0) {
+    return null;
+  }
+
+  return uidArr.map((uid) => refs[uid]);
+};
+
+export const getFieldsValue = async (
+  forms: RefsType | RefsType[],
+  getFieldsValue: (form: any) => void,
+) => {
+  // 当表单不存在时，应该获取的是undefined
+  if (!forms) {
+    return undefined;
+  }
+
+  if (Array.isArray(forms)) {
+    return Promise.all(forms.map((form) => getFieldsValue(form)));
+  }
+  return getFieldsValue(forms);
+};
+
+/**
+ * 获取表单类型
+ */
+export const getFormType = (uid: string) => {
+  // uid中包含@符号包含&符号
+  const hasAtOrAnd = /[@@@|&&&]/.test(uid);
+  const [loopId, formId, itemId] = uid.split(/@@@|&&&/g);
+  return {
+    type: hasAtOrAnd ? 'inLoop' : 'default',
+    loopId,
+    formId,
+    itemId,
+  };
+};
+
+interface FirstErrorInfoType {
+  error: any;
+  form?: any;
+  scrollToErrorField: any;
+}
+
+/**
+ * 当前的refs
+ * @param options
+ * @param getFieldsValue
+ */
+export const getOwnFormValues = async (
+  options: { currentRefs: RefsType; renderRefs: RefsManager },
+  getFieldsValue: (form: any) => void,
+) => {
+  const { currentRefs, renderRefs } = options;
+
+  let firstErrorInfo: FirstErrorInfoType | null = null;
+  const values: any = {};
+
+  const formCodeTypes: Record<string, 'default' | 'array'> = {};
+
+  /**
+   * 获取单个引擎下的表单值
+   */
+  const getRenderRefsFormValues = async (refs: RefsType = {}) => {
+    const uidArr = Object.keys(refs);
+
+    for (let index = 0; index < uidArr.length; index += 1) {
+      const uid = uidArr[index];
+
+      const ref = refs[uid];
+      if (['BOFramer', 'Pageview'].includes(ref.compName)) {
+        // 需要处理BOFramer和PageView这种渲染逻辑
+        const uidRefs = renderRefs.getComRefs(uid);
+        // const uidRefs = engineRelation.getEngineRefsByUid(uid, routerId);
+        if (uidRefs) {
+          await getRenderRefsFormValues(uidRefs);
+        }
+      } else if (ref.compName === 'Form') {
+        const {
+          formCode,
+          form,
+          scrollToErrorField,
+          compName,
+          _innerDynamicDataContainer,
+        } = ref;
+        if (!formCode) {
+          continue;
+        }
+
+        if (compName === 'Form' && _innerDynamicDataContainer) {
+          continue;
+        }
+
+        const { type } = getFormType(uid);
+        try {
+          const value = await getFieldsValue(ref);
+          if (type === 'default') {
+            // 1. 首次赋值， 包含循环容器内逻辑
+            if (!values[formCode]) {
+              values[formCode] = value;
+              formCodeTypes[formCode] = 'default';
+              continue;
+            }
+            // 2. 存在编码相同时，切换成数组类型
+            if (formCodeTypes[formCode] === 'default') {
+              // 处理页面中存在多个相同的表单，但是表单编码一样。这时候表现为数组形式
+              values[formCode] = [values[formCode]];
+              formCodeTypes[formCode] = 'array';
+            }
+
+            // 3. 给数组添加当前值
+            if (formCodeTypes[formCode] === 'array') {
+              values[formCode].push(value);
+            }
+          } else if (type === 'inLoop') {
+            // 1. 或许存在一个没包含在循环容器内表单，并且该表单和循环容器下的表单编码相同，
+            if (formCodeTypes[formCode] === 'default') {
+              values[formCode] = [values[formCode]];
+            }
+
+            formCodeTypes[formCode] = 'array';
+            values[formCode] = Array.isArray(values[formCode])
+              ? values[formCode]
+              : [];
+            values[formCode].push(value);
+          }
+        } catch (error) {
+          if (!firstErrorInfo) {
+            firstErrorInfo = {
+              error,
+              form,
+              scrollToErrorField,
+            };
+          }
+        }
+      }
+    }
+  };
+
+  await getRenderRefsFormValues(currentRefs);
+
+  // 存在错误时，滚动到第一个出现错误的位置
+  if (firstErrorInfo) {
+    const { scrollToErrorField, error } = firstErrorInfo as FirstErrorInfoType;
+    scrollToErrorField(error);
+    return Promise.reject(error);
+  }
+  return Promise.resolve(values);
+};
+
+export const getAllForm = (options: {
+  currentRefs: RefsType;
+  renderRefs: RefsManager;
+}) => {
+  const { currentRefs, renderRefs } = options;
+  const forms: RefsType[] = [];
+  const getRenderRefsFormValues = (refs: RefsType = {}) => {
+    const uidArr = Object.keys(refs);
+
+    for (let index = 0; index < uidArr.length; index += 1) {
+      const uid = uidArr[index];
+
+      const ref = refs[uid];
+      if (ref.compName !== 'Form') {
+        // 需要处理BOFramer和PageView这种渲染逻辑
+        const refs = renderRefs.getComRefs(uid);
+        if (refs) {
+          getRenderRefsFormValues(refs);
+        }
+      } else if (ref.has) {
+        forms.push(ref);
+      }
+    }
+  };
+  getRenderRefsFormValues(currentRefs);
+  return forms;
+};
+
+/**
+ * 获取业务组件列表 可能存在
+ * @param compId
+ * @param refs
+ */
+export const getBOFramers = (compId: string, refs: RefsType = {}) => {
+  const boframerUids = Object.keys(refs).filter(
+    (id) => refs[id].compId === compId,
+  );
+  // 如果没找到组件，就返回null
+  if (!boframerUids.length) {
+    return null;
+  }
+
+  const boframerRefs: RefsType = {};
+
+  boframerUids.forEach((uid) => {
+    boframerRefs[uid] = refs[uid];
+  });
+
+  return boframerRefs;
+};
+
+export const getBOFramerOwnFormValues = async (
+  options: {
+    refs: RefsType;
+    renderRefs: RefsManager;
+    compId: string;
+  },
+  getFieldsValue: (form: any) => void,
+) => {
+  const { renderRefs, refs, compId } = options;
+
+  // 2种情况 1只有单个业务组件 2 业务组件放在循环容器下
+  const boframerRefs = getBOFramers(compId, refs);
+
+  let values = {};
+  if (boframerRefs) {
+    values = await getOwnFormValues(
+      { currentRefs: boframerRefs, renderRefs },
+      getFieldsValue,
+    );
+  }
+
+  // 理论上获取业务组件 应该都带有表单编码，但是由于需要兼容旧数据 需要把值展开
+  if (Object.keys(values).length === 1) {
+    const val = Object.values(values)[0] as Object;
+    if (Object.prototype.toString.call(val) === '[object Object]') {
+      values = val;
+    }
+  }
+  return values;
+};
+
+// 获取BOFramer下所有表单
+export const getBoframerOwnForms = (options: {
+  currentRefs: RefsType;
+  renderRefs: RefsManager;
+  compId: string;
+}) => {
+  const { compId, currentRefs, renderRefs } = options;
+  const boframers = getBOFramers(compId, currentRefs);
+
+  const forms: RefsType[] = [];
+  const getAllForms = (refs: RefsType | null) => {
+    Object.keys(refs || {}).forEach((uid) => {
+      // const engineRef = engineRelation.getEngineRefsByUid(uid, routerId);
+      const renderId = uid;
+      if (renderId) {
+        const engineRefs = renderRefs.getComRefs(renderId);
+        if (engineRefs) {
+          Object.keys(engineRefs).forEach((compUid) => {
+            const r = engineRefs[compUid];
+            getAllForms(r);
+            if (r.compName === 'Form') {
+              forms.push(r);
+            }
+          });
+        }
+      }
+    });
+  };
+
+  getAllForms(boframers);
+  return forms;
+};
+/**
+ * 加载子节点数据
+ * @param nodeKey
+ * @param odata
+ * @param arr
+ * @param key
+ * @param title
+ * @param selectable
+ */
+export const updateNodeChildren = (
+  nodeKey: any,
+  odata: any[],
+  arr: any[],
+  key: string,
+  title: string,
+  selectable: string | undefined,
+) => {
+  const transformBoolean = (value: any) => {
+    if (value === undefined || value === null) {
+      return undefined;
+    }
+    if (value === 'false') {
+      return false;
+    }
+    return Boolean(value);
+  };
+  arr.forEach((c, i) => {
+    if (`${c.key}` === `${nodeKey}`) {
+      const oldChildMap: any = {};
+      (arr[i].children || []).forEach((d: any) => {
+        oldChildMap[d.key] = d.children;
+      });
+      arr[i].children = odata.map((item: any) => ({
+        key: item[key], // 取值字段
+        title: item[title], // 显示字段
+        isLeaf: false,
+        selectable:
+          selectable !== undefined
+            ? transformBoolean(item[selectable])
+            : undefined,
+        children: oldChildMap[item[key]],
+        data: item,
+        // 标识该节点数据是通过加载子节点动作设置的
+        _isReload: true,
+      }));
+      arr[i].isLeaf = odata.length === 0;
+      return;
+    }
+    if (c.children && c.children.length) {
+      updateNodeChildren(nodeKey, odata, c.children, key, title, selectable);
+    }
+  });
+  return arr;
+};

package/lib/public/src/utils/i18n/i18n.ts

@@ -0,0 +1,15 @@
+// eslint-disable-next-line max-len
+export const getCalendarLocale = (
+  getLocale: (
+    t: string,
+    placelhoder?: string,
+    tempValue?: Record<string, any>,
+  ) => string | undefined,
+  t: string,
+  tempValue?: Record<string, any>,
+) => {
+  if (t === 'confirm') {
+    return getLocale(t, '', tempValue);
+  }
+  return getLocale(`Calendar.${t}`, '', tempValue);
+};

package/lib/public/src/utils/i18n/index.ts

@@ -0,0 +1,7 @@
+import { localeMonitor } from './localeMonitor';
+import { useLocale } from './useLocale';
+
+export const i18n = {
+  useLocale,
+  localeMonitor,
+};

package/lib/public/src/utils/i18n/locale/app/en_US.ts

@@ -0,0 +1,77 @@
+import merge from 'lodash/merge';
+import { baseEnUS } from '../base';
+
+export default merge(baseEnUS, {
+  'Calendar.end': 'end',
+  'Calendar.start': 'start',
+  'Calendar.title': 'date selection',
+  'Calendar.startEnd': 'start/end',
+  'Calendar.weekdays': ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+  'Calendar.monthTitle': '@{year}/@{month}',
+  'Calendar.rangePrompt': 'Maximum selection of @{maxRange} days',
+  'SearchView.title': 'Please select the search time range',
+  'ProcessTrack.empty': 'No process data available',
+  'LoadMoreListView.canRelease': 'Release to refresh',
+  'LoadMoreListView.pulling': 'Pull down to refresh',
+  'LoadMoreListView.complete': 'Refresh complete',
+  'LoadMoreListView.refreshing': 'Refreshing',
+  'DatePicker.yearTip': 'Select Year',
+  'DatePicker.monthTip': 'Please Select Time',
+  'DatePicker.dayTip': 'Please Select Time',
+  'DatePicker.timeTip': 'Please Select Time',
+  'DatePicker.minuteTip': 'Select Date and Time',
+  'BannerModal.scaleMax': 'Scaled to maximum',
+  'BannerModal.scaleMin': 'Scaled to minimum',
+  'NoPermission.description':
+    'You do not have access permission, please contact the administrator~',
+  'NotFound.description':
+    'Sorry, the page you are trying to access does not exist.',
+  'Modal.missParams':
+    'Modal operation failed: Missing page instance ID or page path.',
+  'DformRangePicker.startLessEnd':
+    'The start time should not be greater than the end time.',
+  'DformRangePicker.yearTip': 'Select Year',
+  'DformRangePicker.monthTip': 'Please Select Time',
+  'DformRangePicker.timeTip': 'Please Select Time',
+  'DformRangePicker.dateTip': 'Please Select Time',
+  'DformRangePicker.onlyTime': 'Please Select Time',
+  'DformRangePicker.date': 'Please Select Time',
+  'DformRangePicker.year': '@{year}',
+  'DformRangePicker.month': '@{month}',
+  'DformRangePicker.day': '@{day}',
+  'DformRangePicker.hour': '@{hour}',
+  'DformRangePicker.minute': '@{minute}',
+  'DformRangePicker.second': '@{second}',
+  'DformRangePicker.selectEnd': 'Select End Time',
+  'DformRangePicker.selectStart': 'Select Start Time',
+  'DformInputNumber.selectPlaceholder': 'Please enter @{title}',
+  'DformInput.selectPlaceholder': 'please enter @{title}',
+  'DformTextArea.selectPlaceholder': 'please enter @{title}',
+  'DformImagePicker.selectPlaceholder': 'please upload @{title}',
+  'DformFile.selectPlaceholder': 'please upload @{title}',
+  'VerificationCode.text': 'Send verification code',
+  'VerificationCode.refresh': 'Refresh',
+  'DynamicList.dataError': 'Dynamic list data format error!',
+  'DynamicList.clickToMore': 'click to load more',
+  'DynamicList.noMore': 'no more available',
+  'Carousel.switchEmpty':
+    'The carousel component has no content and cannot be switched',
+  'Carousel.isLast': 'It is the last item',
+  'Carousel.isFirst': 'Already the first item',
+  'Carousel.noExist': 'The carousel component does not have this item',
+  'StepBar.wait': 'Waiting state',
+  'StepBar.process': 'Processing status',
+  'StepBar.finish': 'Complete status',
+  'StepBar.error': 'Error status',
+  'DformFile.noAllow': 'File type @{type} is not allowed to be uploaded',
+  'DformFile.fileSizeExceeded': 'File upload size exceeded',
+  'DformFile.somePicFailed': 'Some pictures failed to upload',
+  'DformFile.noUrl': 'The current data has no url/fileId',
+  'DformFile.updateTime': 'Upload time',
+  'DformPicker.searchPlaceholder':
+    'Please enter the options you want to search for',
+  'DynamicTable.more': 'more',
+  'DynamicTable.total': 'total',
+  uploading: 'uploading',
+  'Chart.configData': 'Please configure data source',
+});

package/lib/public/src/utils/i18n/locale/app/index.ts

@@ -0,0 +1,9 @@
+import enUS from './en_US';
+import zhCN from './zh_CN';
+import zhHK from './zh_HK';
+
+export default {
+  zhCN,
+  enUS,
+  zhHK,
+};

package/lib/public/src/utils/i18n/locale/app/otherLocale.ts

@@ -0,0 +1,2 @@
+export { default as enUS } from './en_US';
+export { default as zhHK } from './zh_HK';

package/lib/public/src/utils/i18n/locale/app/zh_CN.ts

@@ -0,0 +1,65 @@
+import merge from 'lodash/merge';
+import { baseZHCN } from '../base';
+
+export default merge(baseZHCN, {
+  'Calendar.end': '结束',
+  'Calendar.start': '开始',
+  'Calendar.title': '日期选择',
+  'Calendar.startEnd': '开始/结束',
+  'Calendar.weekdays': ['日', '一', '二', '三', '四', '五', '六'],
+  'Calendar.monthTitle': '@{year}年@{month}月',
+  'Calendar.rangePrompt': '最多选择 @{maxRange} 天',
+  'Calendar.confirm': '确定',
+  'SearchView.title': '请选择搜索时间范围',
+  'ProcessTrack.empty': '暂无流程数据',
+  'LoadMoreListView.canRelease': '松开刷新',
+  'LoadMoreListView.pulling': '下拉刷新',
+  'LoadMoreListView.complete': '刷新完成',
+  'LoadMoreListView.refreshing': '正在刷新',
+  'DatePicker.yearTip': '选择年份',
+  'DatePicker.monthTip': '选择年份和月份',
+  'DatePicker.dayTip': '选择年月日',
+  'DatePicker.timeTip': '选择时间',
+  'DatePicker.minuteTip': '选择日期和时间',
+  'BannerModal.scaleMax': '已缩放至最大',
+  'BannerModal.scaleMin': '已缩放至最小',
+  'NoPermission.description': '您还没有访问权限，请联系管理员～',
+  'NotFound.description': '抱歉，您访问的页面不存在',
+  'Modal.missParams': '弹窗操作失败：缺少页面实例ID或页面路径',
+  'DformRangePicker.startLessEnd': '开始时间不能大于结束时间。',
+  'DformRangePicker.yearTip': '选择年份',
+  'DformRangePicker.monthTip': '选择年份和月份',
+  'DformRangePicker.timeTip': '选择年月日时分',
+  'DformRangePicker.dateTip': '选择时间',
+  'DformRangePicker.onlyTime': '选择时间',
+  'DformRangePicker.date': '选择年月日',
+  'DformRangePicker.selectEnd': '请选择结束时间',
+  'DformRangePicker.selectStart': '请选择开始时间',
+  'DformInputNumber.selectPlaceholder': '请输入@{title}',
+  'DformInput.selectPlaceholder': '请输入@{title}',
+  'DformTextArea.selectPlaceholder': '请输入@{title}',
+  'DformImagePicker.selectPlaceholder': '请上传@{title}',
+  'DformFile.selectPlaceholder': '请上传@{title}',
+  'VerificationCode.text': '发送验证码',
+  'VerificationCode.refresh': '重新获取',
+  'DynamicList.dataError': '动态列表数据格式错误！',
+  'DynamicList.clickToMore': '点击加载更多',
+  'DynamicList.noMore': '没有更多了',
+  'Carousel.switchEmpty': '轮播图组件没有内容，无法切换',
+  'Carousel.isLast': '已是最后一项',
+  'Carousel.isFirst': '已是第一项',
+  'Carousel.noExist': '轮播图组件没有此项',
+  'StepBar.wait': '等待状态',
+  'StepBar.process': '处理中状态',
+  'StepBar.finish': '完成状态',
+  'StepBar.error': '错误状态',
+  'DformFile.noAllow': '不允许上传文件类型@{type}',
+  'DformFile.fileSizeExceeded': '超过文件设置上传大小',
+  'DformFile.somePicFailed': '部分图片上传失败',
+  'DformFile.noUrl': '当前数据没有url/fileId',
+  'DformFile.updateTime': '上传时间',
+  'DformPicker.searchPlaceholder': '请输入要搜索的选项',
+  'DynamicTable.more': '查看更多',
+  'DynamicTable.total': '合计',
+  uploading: '正在上传',
+});