@lingxiteam/ebe-utils 0.0.9 → 0.0.11

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

@@ -0,0 +1,336 @@
+import { RefsManager } from '@/utils/Context/context';
+
+type RefsType = Record<string, any>;
+
+export const formSubmit = async (form: RefsType, isFormList?: boolean) =>
+  new Promise((resolve, reject) => {
+    form.submit(resolve, reject, isFormList);
+  });
+
+export const formCodeSubmit = async (form: Record<string, any>) =>
+  new Promise(form.submitByCode);
+
+export const getFieldsValueByCode = (form: Record<string, any>) =>
+  new Promise(form.getFieldsValueByCode);
+
+/**
+ * 通过组件id获取所有的组件
+ * @param options
+ * @returns
+ */
+export const getComponentsByCompId = (options: {
+  compId: string;
+  refs: RefsType;
+}) => {
+  const { refs, compId } = options;
+  return Object.keys(refs)
+    .filter((uid) => refs[uid]?.compId === compId)
+    .map((uid) => refs[uid]);
+};
+
+/**
+ * 通过业务组件id获取表单列表
+ * @param engineRelation
+ * @param routerId
+ * @param uid
+ * @returns
+ */
+export const getFormsByBoframerId = (options: {
+  renderRefs: RefsManager;
+  compId: string;
+  refs: RefsType;
+}) => {
+  const { renderRefs, compId, refs } = options;
+  const boframerUids = Object.keys(refs).filter(
+    (id) => refs[id].compId === compId,
+  );
+
+  // 如果没找到组件，就返回null
+  if (!boframerUids.length) {
+    return [];
+  }
+
+  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' && !r.isFormList) {
+              forms.push(r);
+            }
+          });
+        }
+      }
+    });
+  };
+
+  getAllForms(
+    boframerUids.reduce((pre, uid) => {
+      pre[uid] = refs[uid];
+      return pre;
+    }, {} as RefsType),
+  );
+
+  return forms;
+};
+
+/**
+ * 通过内部组件内的表单列表获取表单值
+ * @param forms
+ * @param getFieldsValue
+ * FIXME: 若需要兼容表单切套在循环列表的情况，可以修改本方法
+ */
+export const getBoframerValueByForms = async (forms: RefsType[] = []) => {
+  const errorValues: Record<string, any> = {};
+
+  try {
+    const values = await Promise.all(forms.map((form) => formSubmit(form)));
+    return values.reduce((pre, item) => Object.assign(pre as any, item), {});
+  } catch (error) {
+    const { errorFields, values } = (error || {}) as any;
+    if (Array.isArray(errorFields)) {
+      return {
+        errorFields: [...(errorValues.errorFields || []), ...errorFields],
+        values: {
+          ...(errorValues.values || {}),
+          ...(values || {}),
+        },
+      };
+    }
+  }
+};
+
+/**
+ * 通过表单列表获取表单值
+ * @param forms
+ * @param getFieldsValue
+ * FIXME: 若需要兼容表单切套在循环列表的情况，可以修改本方法
+ */
+export const getFormsValueByForms = async (forms: RefsType[] = []) => {
+  const errorValues: Record<string, any> = {};
+
+  try {
+    const values = await Promise.all(forms.map((form) => formSubmit(form)));
+    return values.reduce((pre, item) => Object.assign(pre as any, item), {});
+  } catch (error) {
+    const { errorFields, values } = (error || {}) as any;
+    if (Array.isArray(errorFields)) {
+      return {
+        errorFields: [...(errorValues.errorFields || []), ...errorFields],
+        values: {
+          ...(errorValues.values || {}),
+          ...(values || {}),
+        },
+      };
+    }
+  }
+};
+
+/**
+ * 通过业务组件id获取表单值，
+ * 注：所有表单的值不走formCode逻辑。 若同一个业务组件中多个表单则将所有表单放到一起
+ * @param options
+ * @returns
+ */
+export const getFormValueByBOFramerId = async (options: {
+  refs: RefsType;
+  renderRefs: RefsManager;
+  compId: string;
+}) => {
+  const forms = getFormsByBoframerId(options);
+  return getBoframerValueByForms(forms);
+};
+
+/**
+ * 通过表单id 获取表单值
+ * @param options
+ * @returns
+ */
+export const getFormValueByFormId = async (options: {
+  refs: RefsType;
+  compId: string;
+}) => {
+  const { compId, refs } = options;
+  const formUids = Object.keys(refs).filter((id) => refs[id].compId === compId);
+
+  // 如果没找到组件，就返回null
+  if (!formUids.length) {
+    return [];
+  }
+
+  return getFormsValueByForms(formUids.map((uid) => refs[uid]));
+};
+
+/**
+ * 通过组件名 获取所有表单
+ * @param options
+ * @returns
+ */
+export const getFormsByCompName = (
+  options: {
+    refs: RefsType;
+    renderRefs: RefsManager;
+  },
+  forms: any[] = [],
+) => {
+  const { refs, renderRefs } = options;
+
+  Object.keys(refs).forEach((uid) => {
+    const item = refs[uid];
+    if (!item) return;
+    if (item.compName === 'DForm') {
+      forms.push(item);
+    }
+    if (['Pageview', 'BOFramer'].includes(item.compName)) {
+      getFormsByCompName(renderRefs.getComRefs(uid));
+    }
+  });
+
+  return forms;
+};
+
+/**
+ * 校验并获取表单值
+ */
+export const validateFields = async (
+  options: {
+    refs: RefsType;
+    renderRefs: RefsManager;
+  },
+  getFormValue: (form: Record<string, any>) => Promise<any>,
+) => {
+  const forms = getFormsByCompName(options);
+  const actions: any = forms.map(getFormValue);
+  const formValues: any = {};
+  const values = await Promise.all(actions);
+  values.forEach((val = {}) => {
+    Object.keys(val || {}).forEach((key) => {
+      const isIncludesKey = Object.keys(formValues).includes(key);
+      if (isIncludesKey) {
+        Object.assign(formValues[key], { ...(val[key] || {}) });
+      } else {
+        Object.assign(formValues, { [key]: val[key] });
+      }
+    });
+  });
+  return values;
+};
+
+// // eslint-disable-next-line max-len
+// export const formSubmit = async (form: { submit: (arg0: (value: unknown) => void, arg1: (reason?: any) => void, arg2: any) => void; }, isFormList?: boolean) =>
+//   new Promise((resolve, reject) => {
+//     form.submit(resolve, reject, isFormList);
+//   });
+
+// const collectFomrms = (engineRelation: EngineRelationMethods, forms: any[], routerId: string, refs: any) => {
+//   Object.keys(refs)?.forEach((key) => {
+//     const comRef = refs[key];
+//     if (
+//       comRef?.compName === 'DForm' &&
+//             typeof comRef.submit === 'function' &&
+//             !comRef?.isFormList
+//     ) {
+//       forms.push(comRef);
+//     } else if (comRef?.compName === 'Pageview' || comRef?.compName === 'BOFramer') {
+//       const subRefs = engineRelation.getEngineRefsByUid(key, routerId)?.refs;
+//       if (subRefs) {
+//         collectFomrms(engineRelation, forms, routerId, subRefs);
+//       }
+//     }
+//   });
+// };
+// export const getBOFramerForms = (engineRelation: EngineRelationMethods, routerId: string, uid: string) => {
+//   const boframerRef = engineRelation.getEngineRefsByUid(uid, routerId)?.refs;
+//   const forms: any[] = [];
+//   collectFomrms(engineRelation, forms, routerId, boframerRef);
+//   return forms;
+// };
+
+// // eslint-disable-next-line max-len
+// export const boFramersubmit = async (onSuccess: (arg0: {}) => void, onFail: (arg0: {}) => void, engineRelation: EngineRelationMethods, routerId: string, uid: string) => {
+//   const forms = getBOFramerForms(engineRelation, routerId, uid);
+//   const formValues = {};
+//   const errorValues: Record<string, any> = {};
+//   // eslint-disable-next-line no-plusplus
+//   for (let index = 0; index < forms.length; index++) {
+//     const inForm = forms[index];
+//     try {
+//       const values = await formSubmit(inForm);
+//       Object.assign(formValues, values);
+//     } catch (error) {
+//       const { errorFields, values } = (error || {}) as any;
+//       if (Array.isArray(errorFields)) {
+//         errorValues.errorFields = [
+//           ...(errorValues.errorFields || []),
+//           ...errorFields,
+//         ];
+//         errorValues.values = {
+//           ...(errorValues.values || {}),
+//           ...(values || {}),
+//         };
+//       }
+//     }
+//   }
+//   if (Object.keys(errorValues).length > 0) {
+//     onFail(errorValues);
+//     return;
+//   }
+//   onSuccess(formValues);
+// };
+
+// export const boFramerResetFields = (engineRelation: EngineRelationMethods, routerId: string, uid: string) => {
+//   const forms = getBOFramerForms(engineRelation, routerId, uid);
+//   forms.forEach(form => {
+//     form?.resetFields();
+//   });
+// };
+
+// export const boFramerSetFieldsValue = (engineRelation: EngineRelationMethods, routerId: string, uid: string, v: any) =>
+//   getBOFramerForms(engineRelation, routerId, uid)?.forEach(form => {
+//     form?.setFieldsValue(v);
+//   });
+
+// // eslint-disable-next-line max-len
+// export const boFramerGetFieldsValue = async (onSuccess: (arg0: {}) => void, onFail: (arg0: {}) => void, engineRelation: EngineRelationMethods, routerId: string, uid: string,) => {
+//   const forms = getBOFramerForms(engineRelation, routerId, uid);
+//   const formValues = {};
+//   const errorValues: Record<string, any> = {};
+//   // eslint-disable-next-line no-plusplus
+//   for (let index = 0; index < forms.length; index++) {
+//     const inForm = forms[index];
+//     let errs: any = {};
+//     try {
+//       const values = await inForm.getFieldsValue();
+//       Object.assign(formValues, values);
+//     } catch (error) {
+//       errs = error;
+//     } finally {
+//       const { errorFields, values } = errs;
+//       if (Array.isArray(errorFields)) {
+//         errorValues.errorFields = [
+//           ...(errorValues.errorFields || []),
+//           ...errorFields,
+//         ];
+//         errorValues.values = {
+//           ...(errorValues.values || {}),
+//           ...(values || {}),
+//         };
+//       }
+//     }
+//   }
+//   if (Object.keys(errorValues).length > 0) {
+//     onFail(errorValues);
+//     return;
+//   }
+//   onSuccess(formValues);
+// };
+
+// export const boFramerSetDisabled = (engineRelation: EngineRelationMethods, routerId: string, uid: string, v: any) => {
+//   return getBOFramerForms(engineRelation, routerId, uid).forEach(form => form?.setDisabled(v));
+// };

package/lib/h5public/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/h5public/src/utils/i18n/index.ts

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

package/lib/h5public/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/h5public/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/h5public/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/h5public/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: '正在上传',
+});

package/lib/h5public/src/utils/i18n/locale/app/zh_HK.ts

@@ -0,0 +1,66 @@
+import merge from 'lodash/merge';
+import { baseZHHK } from '../base';
+
+export default merge(baseZHHK, {
+  '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: '正在上傳',
+  'Chart.configData': '請配置資料來源',
+});