@lingxiteam/ebe-utils 0.0.9 → 0.0.10

package/lib/h5public/src/components/factory/src/utils/upload.ts

@@ -0,0 +1,277 @@
+import { LocaleFunction } from '@lingxiteam/types';
+import { Toast as message } from 'antd-mobile-5';
+
+const defaultUrl = '/app/file/uploadSingleFile';
+
+export const fileId = 'fileId';
+
+interface UploadHooks {
+  uploadAfter?: (file: any) => void;
+  uploadBefore?: (file: any) => void;
+  uploadError?: (err: any) => void;
+}
+
+interface UploadOpts {
+  headers?: any;
+  url: string;
+  file?: Blob;
+  fileName: string;
+  alias?: any;
+  hooks?: UploadHooks;
+  onChange?: (file: any) => void;
+  [key: string]: any;
+  credentials?: RequestCredentials;
+  getLocale: LocaleFunction;
+}
+
+class UploadHandle implements UploadOpts {
+  headers?: any;
+
+  url!: string;
+
+  file!: Blob;
+
+  fileName!: string;
+
+  alias?: any;
+
+  opts: UploadOpts | undefined;
+
+  uploadAfter: any;
+
+  request: any;
+
+  hooks: UploadHooks;
+
+  getLocale: LocaleFunction;
+
+  onChange: (file: any) => void;
+
+  resultObj: any;
+
+  credentials: RequestCredentials | undefined;
+
+  resultObjs: any;
+
+  filePrefix: string | undefined;
+
+  fileIdKey: any;
+
+  extendUploadData?: Record<string, any>;
+
+  customHeaders?: Record<string, any>;
+
+  // filePrefix文件前缀是系统默认时传该方法
+  getAppFileUrlById?: (fileId: string) => string; // 根据id获取文件url（带签名）
+
+  getFormData() {
+    const formFile = new FormData();
+    formFile.append(this.fileName, this.file);
+    if (this.extendUploadData) {
+      Object.keys(this.extendUploadData).forEach((key: string) => {
+        if (this.extendUploadData?.[key]) {
+          formFile.append(key, this.extendUploadData[key]);
+        }
+      });
+    }
+    return formFile;
+  }
+
+  async setProps(opts: UploadOpts) {
+    Object.keys(opts).forEach((key) => {
+      if (key && opts[key]) {
+        // @ts-ignore
+        this[key] = opts[key];
+      }
+    });
+    if (!this.fileName) {
+      this.fileName = 'file';
+    }
+    this.opts = opts || {};
+    if (!this.url) {
+      this.url = defaultUrl;
+    }
+    if (!this.resultObjs) {
+      this.resultObjs = [];
+    }
+    if (!this.fileIdKey) {
+      this.fileIdKey = 'fileId';
+    }
+  }
+
+  setHooks(hooks = {}) {
+    Object.keys(hooks).forEach((h) => {
+      // @ts-ignore
+      this.hooks[h] = hooks[h];
+    });
+  }
+
+  sendRequestAfter(value: any) {
+    if (this.onChange) {
+      this.onChange(value.resultObject);
+    }
+    if (typeof this.hooks.uploadAfter === 'function') {
+      this.hooks.uploadAfter(value);
+    }
+  }
+
+  getUrl(url: string, fileId: string) {
+    // 应用引擎接口补充签名
+    return typeof this.getAppFileUrlById === 'function'
+      ? this.getAppFileUrlById(fileId)
+      : url;
+  }
+
+  value(resultObj: any) {
+    let result: any = {};
+    if (!this.resultObj || Object.keys(this.resultObj).length === 0) {
+      return undefined;
+    }
+    if (!this.alias || typeof this.alias === 'string') {
+      result = resultObj || this.resultObj;
+    } else if ((this.alias || []).length === 0) {
+      result[this.fileIdKey] = resultObj || this.resultObj[this.fileIdKey];
+    } else {
+      const obj = resultObj || this.resultObj;
+      (this.alias || []).forEach((c: { _id: string | number }) => {
+        // eslint-disable-next-line no-underscore-dangle
+        result[c._id] = obj[c._id];
+      });
+    }
+    result.url = this.getUrl(
+      `${this.filePrefix}${result[this.fileIdKey]}`,
+      result[this.fileIdKey],
+    );
+    return result;
+  }
+
+  values() {
+    const result: any[] = [];
+    const resultObjs = this.resultObjs || [];
+    resultObjs.forEach((r: any) => {
+      result.push(this.value(r.resultObject));
+    });
+    return result;
+  }
+
+  clearValue() {
+    this.resultObj = undefined;
+    this.resultObjs = undefined;
+  }
+
+  async sendRequest() {
+    const { hooks, ...restOpts } = this.opts as UploadOpts;
+    const { uploadBefore, uploadError } = hooks as UploadHooks;
+    const formData = this.getFormData();
+    if (typeof uploadBefore === 'function') {
+      uploadBefore({
+        ...(restOpts || {}),
+        file: this.file,
+      });
+    }
+    if (this.customHeaders && Object.keys(this.customHeaders).length > 0) {
+      if (!this.headers) {
+        this.headers = {
+          headers: {},
+        };
+      } else if (!this.headers?.headers) {
+        this.headers.headers = {};
+      }
+      Object.keys(this.customHeaders).forEach((key: string) => {
+        // 将自定义头部里非ISO-8859-1字符 转码下
+        this.headers.headers[key] = encodeURIComponent(
+          this.customHeaders?.[key] || '',
+        );
+      });
+    }
+
+    this.request
+      .post(this.url, formData, this.headers)
+      .then((data: any) => {
+        if (!data) {
+          return Promise.reject(
+            new Error(
+              this.getLocale('Upload.exception', '请求失败，网关响应异常'),
+            ),
+          );
+        }
+        const resp = {
+          ...data,
+          url: `${this.filePrefix}${data[this.fileIdKey]}`,
+          fileType: this.file?.type,
+        };
+        this.resultObj = resp;
+        this.sendRequestAfter({
+          ...restOpts,
+          resultObject: data,
+          file: this.file,
+          realUrl: `${this.filePrefix}${data[this.fileIdKey]}`,
+        });
+        return resp;
+      })
+      .catch((err: { message: any }) => {
+        console.log(this.getLocale('Upload.failed', '上传失败'));
+        message.show({
+          icon: 'fail',
+          content: err?.message || this.getLocale('Upload.failed', '上传失败'),
+        });
+        if (typeof uploadError === 'function') {
+          uploadError(err);
+        }
+      });
+
+    return this;
+  }
+
+  static defaultProps: UploadOpts = {
+    url: defaultUrl,
+    fileName: 'file',
+    // @ts-ignore
+    getLocale: (_, placelhoder) => {
+      console.error('引擎能力getLocale不存在');
+      return placelhoder;
+    },
+    alias: [
+      {
+        _id: fileId,
+      },
+      {
+        _id: 'fileName',
+      },
+    ],
+  };
+
+  queue(reqList = [], files = []) {
+    // 每次调用前需要重置下
+    this.resultObjs = [];
+    let sequence = Promise.resolve();
+    reqList.forEach((req: any, index) => {
+      sequence = sequence
+        .then(() => req(files[index]))
+        .then((data) => {
+          this.resultObjs.push(data);
+          return req;
+        });
+    });
+    return sequence;
+  }
+
+  public setLocale(fn: LocaleFunction) {
+    this.getLocale = fn;
+  }
+
+  constructor(opts?: UploadOpts) {
+    this.hooks = {};
+    this.onChange = () => {};
+    this.resultObj = {};
+    // @ts-ignore
+    this.getLocale = (_, placelhoder) => {
+      console.error('引擎能力getLocale不存在');
+      return placelhoder;
+    };
+    this.customHeaders = { ...(opts?.headers || {}) };
+    this.setProps({ ...UploadHandle.defaultProps, ...(opts || {}) });
+  }
+}
+
+export default UploadHandle;

package/lib/h5public/src/components/factory/src/utils/withTransformProps.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import { $$componentItem } from '../interfaces/types';
+
+export interface ComponentProps {
+  $$componentItem?: $$componentItem;
+  [key: string]: any;
+}
+
+function defaultTransformProps(props: ComponentProps) {
+  const { basicStatus, fieldName, name, ...restProps } = props;
+  const newProps = {
+    fieldProps: fieldName,
+    title: name,
+    ...(restProps as any),
+    status: `${basicStatus}`,
+  };
+  return newProps;
+}
+
+const withTransformProps = (
+  Componnent: React.FC<any>,
+  transformProps: (props: any) => any = defaultTransformProps,
+) => {
+  const WrappedComponent: React.FC<ComponentProps> = (props) => {
+    const { forwardedRef, ...rest } = props;
+    const newProps = rest?.$$componentItem?.fusionMode
+      ? transformProps(rest)
+      : rest;
+    return <Componnent ref={forwardedRef} {...newProps} />;
+  };
+  return React.forwardRef((props: ComponentProps, ref) => {
+    return <WrappedComponent {...props} forwardedRef={ref} />;
+  });
+};
+
+export { withTransformProps };

package/lib/h5public/src/components/factory/typings.d.ts

@@ -0,0 +1,25 @@
+declare module '*.less';
+declare module '*.svg';
+declare module '*.png';
+// declare module '@lingxiteam/charts*';
+
+// eslint-disable-next-line no-underscore-dangle, @typescript-eslint/no-unused-vars
+const __VERSION__: string;
+// eslint-disable-next-line no-underscore-dangle, @typescript-eslint/no-unused-vars
+const __BUILD_DATE__: string;
+interface Window {
+  px2hd?: (px: number) => number;
+  LingxiAppFactory: {
+    VERSION: string;
+    BUILD_DATE: string;
+  };
+  wufengController: {
+    getAction: (
+      key: ActionType,
+      params: WufengAction | WufengAction[],
+    ) => Promise<any>;
+    registerIcons: (key: string, e: any) => void;
+  };
+  appId: string;
+  pageId: string;
+}

package/lib/h5public/src/hooks/usePageForm.ts

@@ -0,0 +1,26 @@
+const usePageForm = (refs: Record<string, any>) => {
+  /**
+   * 获取当前表单值
+   */
+  const getFormValue = async (compId: string): Promise<any> => {
+    return new Promise((resolve, reject) => {
+      // 为了兼容动态渲染引擎，表单不存在 就返回空对象
+      if (!refs[compId]) return resolve({});
+
+      // 表单的情况 可能是循环容器
+      if (refs[compId].compName === 'DForm') {
+        if (refs[compId]?.getFieldsValue) {
+          refs[compId].getFieldsValue(resolve, reject);
+        }
+      }
+
+      reject(`暂不支持改组件${refs[compId].compName}`);
+    });
+  };
+
+  return {
+    getFormValue,
+  };
+};
+
+export default usePageForm;

package/lib/h5public/src/utils/LcdpSpin/index.less

@@ -0,0 +1,11 @@
+.lcdp-dynamicPage-spinning-mask {
+  position: fixed !important;
+  top: 0;
+  left: 0;
+  z-index: 1000;
+  width: 100%;
+  height: 100%;
+  display: flex !important;
+  justify-content: center;
+  align-items: center;
+}

package/lib/h5public/src/utils/LcdpSpin/index.tsx

@@ -0,0 +1,9 @@
+import { DotLoading, type DotLoadingProps } from 'antd-mobile-5';
+import React from 'react';
+import './index.less';
+
+const LcdpSpin: React.FC<DotLoadingProps> = (props) => (
+  <DotLoading {...props} className="lcdp-dynamicPage-spinning-mask" />
+);
+
+export default LcdpSpin;

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': '請配置資料來源',
+});