@lingxiteam/ebe-utils 0.5.11 → 0.6.2

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

@@ -0,0 +1,322 @@
+
+const AppTableDefaultColumns = [
+  { title: '姓名', dataIndex: 'name', width: 60 },
+  { title: '进度', dataIndex: 'sf', width: 100 },
+  { title: '性别', dataIndex: 'sex', width: 60 },
+  { title: '年龄', dataIndex: 'age', width: 50 },
+  { title: '籍贯', dataIndex: 'jg', width: 70 },
+  { title: '地址', dataIndex: 'dz', width: 150 },
+];
+
+// 与列对应的数据; 属性名对应上面的field
+const AppTableData = [
+  { id: 'w1', name: '张三名字很长很长很长很长', sex: '男', age: '100', jg: '中国', sf: '0', dz: '杭州市古墩路1号' },
+  { id: 'w2', name: '李四', sex: 'F', age: '5', jg: '中国', sf: '50%', dz: '杭州市古墩路12号' },
+  { id: 'w3', name: '王五', sex: 'F', age: '20', jg: '中国', sf: '浙江', dz: '杭州市古墩路31号' },
+  { id: 'w4', name: '王五', sex: 'F', age: '26', jg: '中国', sf: '0.3', dz: '杭州市古墩路111号' },
+  { id: 'w5', name: '王五', sex: 'F', age: '35', jg: '中国', sf: '0.2', dz: '杭州市古墩路12号' },
+  { id: 'w6', name: '王四', sex: 'F', age: '35', jg: '中国', sf: '12.3', dz: '杭州市古墩路12号' },
+  { id: 'w7', name: '王五', sex: 'M', age: '35', jg: '中国', sf: '100', dz: '杭州市古墩路12号' },
+  { id: 'w8', name: '王五', sex: 'M', age: '35', jg: '中国', sf: '浙江', dz: '杭州市古墩路12号' },
+  { id: 'w9', name: '王五', sex: 'M', age: '35', jg: '中国', sf: '浙江', dz: '杭州市古墩路12号' },
+  { id: 'w10', name: '王五', sex: 'M', age: '35', jg: '中国', sf: '浙江', dz: '杭州市古墩路12号' },
+  { id: 'w11', name: '赵六', sex: 'M', age: '35', jg: '中国', sf: '浙江', dz: '杭州市古墩路12号' },
+  { id: 'w12', name: '王五', sex: 'M', age: '35', jg: '中国', sf: '0.01', dz: '杭州市古墩路12号' },
+  { id: 'w13', name: '王五', sex: 'M', age: '35', jg: '中国', sf: '0.8', dz: '杭州市古墩路12号' },
+  { id: 'w14', name: '王五', sex: 'M', age: '35', jg: '中国', sf: '浙江', dz: '杭州市古墩路12号' },
+  { id: 'w15', name: '王五', sex: 'M', age: '35', jg: '中国', sf: '浙江', dz: '杭州市古墩路12号' },
+];
+const LXRadarChartDefaultData = [
+  {
+    name: '预算费用',
+    sales: '4200',
+    administration: '3000',
+    information_techology: '20000',
+    customer_support: '35000',
+    development: '50000',
+    marketing: '18000',
+  },
+  {
+    name: '实际支出',
+    sales: '5000',
+    administration: '14000',
+    information_techology: '28000',
+    customer_support: '26000',
+    development: '42000',
+    marketing: '21000',
+  },
+];
+
+const LXRadarChartDefaultIndicator = [
+  { name: '销售' },
+  { name: '管理' },
+  { name: '信息技术' },
+  { name: '客服' },
+  { name: '研发' },
+  { name: '市场' },
+];
+
+const chartSymbolOptions = [
+  {
+    title: '圆形',
+    value: 'circle',
+  },
+  {
+    title: '矩形',
+    value: 'rect',
+  },
+  {
+    title: '圆角矩形',
+    value: 'roundRect',
+  },
+  {
+    title: '三角形',
+    value: 'triangle',
+  },
+  {
+    title: '钻石',
+    value: 'diamond',
+  },
+  {
+    title: '别针',
+    value: 'pin',
+  },
+  {
+    title: '箭头',
+    value: 'arrow',
+  },
+  {
+    title: '无',
+    value: 'none',
+  },
+];
+
+const defaultChartLineXAxisData = [
+  { title: 'mon', dataIndex: 'mon' },
+  { title: 'tues', dataIndex: 'tues' },
+  { title: 'wed', dataIndex: 'wed' },
+  { title: 'thur', dataIndex: 'thur' },
+];
+
+const defaultChartLineDataField = {
+  tuli: '我是图例名称',
+  tubiaotype: '图表类型',
+  duidietype: '堆叠判断类型',
+};
+
+const defaultChartLineData = {
+  xAxisData: [
+    {
+      mon: '68',
+      tues: '102',
+      wed: '76',
+      thur: '88',
+      ...defaultChartLineDataField,
+    },
+    {
+      mon: '124',
+      tues: '88',
+      wed: '53',
+      thur: '107',
+      ...defaultChartLineDataField,
+    },
+  ],
+};
+
+const getDefaultDescriptionColumns = () => [
+  { label: '第一列', dataIndex: 'column1', key: 'column1' },
+  { label: '第二列', dataIndex: 'column2', key: 'column2' },
+  { label: '第三列', dataIndex: 'column3', key: 'column3' },
+  { label: '第四列', dataIndex: 'column4', key: 'column4' },
+  { label: '第五列', dataIndex: 'column5', key: 'column5' },
+  { label: '第六列', dataIndex: 'column6', key: 'column6' },
+];
+
+/**
+ * 日期控件通用选项
+ */
+const DatePickerOptions = {
+  startOptions: [
+    {
+      value: 'runtime',
+      label: '当天',
+      mode: ['date'],
+    },
+    {
+      value: 'runtime',
+      label: '运行当时',
+      mode: ['time'],
+    },
+    {
+      value: 'runtime:[00:00:00]',
+      label: '运行当天0点',
+      mode: ['time'],
+    },
+    {
+      value: 'subtract:[1days]',
+      label: '1天前',
+    },
+    {
+      value: 'subtract:[1weeks]',
+      label: '1周前',
+    },
+    {
+      // 生成后的时间格式为 subtract:[1days]
+      value: 'custom',
+      label: '自定义',
+      type: 'subtract',
+    },
+  ],
+  endOptions: [
+    {
+      value: 'runtime',
+      label: '当天',
+      mode: ['date'],
+    },
+    {
+      value: 'runtime',
+      label: '运行当时',
+      mode: ['time'],
+    },
+    {
+      value: 'runtime:[23:59:59]',
+      label: '运行当天24点',
+      mode: ['time'],
+    },
+    {
+      value: 'add:[1days]',
+      label: '1天后',
+    },
+    {
+      value: 'add:[1weeks]',
+      label: '1周后',
+    },
+    {
+      // 自定义生成后的时间格式为 add:[1days]
+      value: 'custom',
+      label: '自定义',
+      type: 'add',
+    },
+  ],
+  limitRangeOptions: [
+    {
+      title: '无限制',
+      value: 'no',
+      group: '预置',
+    },
+    {
+      title: '可选运行当天之前',
+      value: 'beforeToday',
+      group: '预置',
+      mode: ['date'],
+    },
+    {
+      title: '可选运行当天之后',
+      value: 'afterToday',
+      group: '预置',
+      mode: ['date'],
+    },
+    {
+      title: '可选指定日期之前',
+      value: 'beforeSelect',
+      group: '预置',
+      mode: ['date'],
+    },
+    {
+      title: '可选指定日期之后',
+      value: 'afterSelect',
+      group: '预置',
+      mode: ['date'],
+    },
+    {
+      title: '可选运行当天开始，1天内',
+      value: 'range:[runtime,1days]',
+      group: '预置',
+      mode: ['date'],
+    },
+    {
+      title: '可选运行当天开始，5个工作日内',
+      value: 'range:[runtime,5workdays]',
+      group: '预置',
+      mode: ['date'],
+    },
+    {
+      title: '可选运行当时之前',
+      value: 'beforeToday',
+      group: '预置',
+      mode: ['time'],
+    },
+    {
+      title: '可选运行当时之后',
+      value: 'afterToday',
+      group: '预置',
+      mode: ['time'],
+    },
+    {
+      title: '可选指定时间之前',
+      value: 'beforeSelect',
+      group: '预置',
+      mode: ['time'],
+    },
+    {
+      title: '可选指定时间之后',
+      value: 'afterSelect',
+      group: '预置',
+      mode: ['time'],
+    },
+    {
+      title: '可选运行当时开始，24小时内',
+      value: 'range:[runtime,24hours]',
+      group: '预置',
+      mode: ['time'],
+    },
+    {
+      title: '可选运行当时开始，5个工作日内',
+      value: 'range:[runtime,5workdays]',
+      group: '预置',
+      mode: ['time'],
+    },
+    {
+      title: '可选某几天（年月日）',
+      value: 'multipleSelect',
+      group: '高级',
+      mode: ['date', 'time'],
+    },
+    {
+      title: '可选区间（含开始和结束）',
+      value: 'period',
+      mode: ['date', 'time'],
+      group: '高级',
+    },
+  ],
+  holidaysLimitOptions: [
+    {
+      title: '无限制',
+      value: 'no',
+    },
+    {
+      title: '禁选周末',
+      value: 'weekend',
+    },
+    {
+      title: '禁选法定节假日',
+      value: 'holiday',
+    },
+    {
+      title: '禁选周末及法定节假日',
+      value: 'all',
+    },
+  ],
+} as const;
+
+export {
+  AppTableDefaultColumns,
+  AppTableData,
+  LXRadarChartDefaultData,
+  LXRadarChartDefaultIndicator,
+  chartSymbolOptions,
+  defaultChartLineXAxisData,
+  defaultChartLineData,
+  getDefaultDescriptionColumns,
+  DatePickerOptions,
+};

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

@@ -1,5 +1,5 @@
-import moment from 'moment';
 import { useMemo } from 'react';
+import moment from 'moment';
 
 type toDateFunction = (dateString?: string, format?: string | string[]) => Date | undefined;
 
@@ -34,8 +34,7 @@ export const toDate: toDateFunction = (dateString, format?: string | string[]) =
     if (typeof dateString === 'string') {
       // 根据格式严格转换，转换失败时采用内置标准格式转换
       const date = moment(clearChineseStr(dateString), format, true)?.isValid()
-        ? moment(clearChineseStr(dateString), format)
-        : moment(clearChineseStr(dateString));
+        ? moment(clearChineseStr(dateString), format) : moment(clearChineseStr(dateString));
       return date.toDate();
     }
     return dateString;
@@ -50,7 +49,11 @@ export const toDate: toDateFunction = (dateString, format?: string | string[]) =
  * @param unit 单位
  * @returns
  */
-export const subtractDate = (date: moment.MomentInput, amount: moment.DurationInputArg1, unit: moment.DurationInputArg2) => {
+export const subtractDate = (
+  date: moment.MomentInput,
+  amount: moment.DurationInputArg1,
+  unit: moment.DurationInputArg2,
+) => {
   return moment(date).subtract(amount, unit).toDate();
 };
 
@@ -76,6 +79,7 @@ export const dateToFormatter = (formatter: string, date?: Date | string, valueFo
   return moment(date, format).format(transferFormat);
 };
 
+
 // 标准格式对应值
 export const STANDARD_FORMAT: Record<string, string> = {
   date: 'YYYY-MM-DD',
@@ -92,15 +96,11 @@ export const STANDARD_FORMAT: Record<string, string> = {
  * @param lanEnv 语言 'zh-CN', 'zh-HK', ''
  * @returns
  */
-export const useLocaleFormatter = (
-  formatter: string,
-  lanEnv: string | undefined,
-  standardFormat?: {
-    valueFormat?: 'standard' | 'show';
-    mode?: string;
-    extendStandardFormat?: Record<string, string>;
-  }
-) => {
+export const useLocaleFormatter = (formatter: string, lanEnv: string | undefined, standardFormat?: {
+  valueFormat?: 'standard' | 'show';
+  mode?: string;
+  extendStandardFormat?: Record<string, string>
+}) => {
   const { valueFormat, mode, extendStandardFormat = {} } = standardFormat || {};
   const myFormatter = useMemo(() => {
     if (typeof lanEnv === 'string' && !['zh-CN', 'zh-HK'].includes(lanEnv) && typeof formatter === 'string' && formatter.length > 0) {

package/lib/h5public/src/components/factory/src/utils/dynamicUtils/DynamicContext.tsx

@@ -1,4 +1,4 @@
-import { createContext, useContext } from 'react';
+import { useContext, createContext } from 'react';
 
 export interface DynamicDataContext {
 
@@ -60,7 +60,7 @@ export interface DynamicDataContext {
      * @returns
      */
     useWatch: (formCode: string, fieldCode: string) => unknown;
-  };
+  }
 }
 
 export interface NoopInDynamicContainerProps {
@@ -76,28 +76,23 @@ export interface NoopInDynamicContainerProps {
 export const dynamicDataContext = createContext<DynamicDataContext | NoopInDynamicContainerProps>({
   _innerDynamicDataContainer: false,
   form: {
-    getFieldsValue: () => {
-      console.warn('请在动态容器下使用getFieldsValue方法');
-      return {};
-    },
-    resetFields: () => {
-      console.warn('请在动态容器下使用resetFields方法');
-    },
-    setFieldsValue: () => {
-      console.warn('请在动态容器下使用resetFields方法');
-    },
-    useWatch: (formCode: string, fieldCode: string) => {
-      console.warn('请在动态容器下使用useWatch方法');
-    },
+    getFieldsValue: () => { console.warn('请在动态容器下使用getFieldsValue方法'); return {}; },
+    resetFields: () => { console.warn('请在动态容器下使用resetFields方法'); },
+    setFieldsValue: () => { console.warn('请在动态容器下使用resetFields方法'); },
+    useWatch: (formCode: string, fieldCode: string) => { console.warn('请在动态容器下使用useWatch方法'); },
   },
 });
 
 dynamicDataContext.displayName = 'FactoryDynamicDataContext';
 
+
 const useDynamicData = () => {
   return useContext(dynamicDataContext);
 };
 
 const DynamicDataProvider = dynamicDataContext.Provider;
 
-export { DynamicDataProvider, useDynamicData };
+export {
+  DynamicDataProvider,
+  useDynamicData,
+};

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

@@ -1,5 +1,5 @@
-import { FormInstance } from 'rc-field-form';
 import React from 'react';
+import { FormInstance } from 'rc-field-form';
 
 export type StatusType = 'disabled' | 'readonly';
 
@@ -18,13 +18,13 @@ export interface DFormContextProps {
    * 上报组件id 和fieldProps
    */
   uploadChildRelation: (id: string, fieldProps: string) => void;
-
+  
   /**
    * 状态下发
    */
   statusMonitor?: {
-    addListener: (fn: MonitorFn) => void;
-    removeListener: (fn: MonitorFn) => void;
+    addListener: (fn: MonitorFn) => void,
+    removeListener: (fn: MonitorFn) => void,
   };
 }
 // @ts-ignore
@@ -34,16 +34,20 @@ export const formSubmit = async (
   form: {
     submit: (arg0: (value: unknown) => void, arg1: (reason?: any) => void, arg2: any) => void;
   },
-  isFormList: boolean
+  isFormList: boolean,
 ) =>
   new Promise((resolve, reject) => {
     form.submit(resolve, reject, isFormList);
   });
 export const formGetFieldsValue = async (
   form: {
-    getFieldsValue: (arg0: (value: unknown) => void, arg1: (reason?: any) => void, arg2: any) => void;
+    getFieldsValue: (
+      arg0: (value: unknown) => void,
+      arg1: (reason?: any) => void,
+      arg2: any,
+    ) => void;
   },
-  isFormList: boolean
+  isFormList: boolean,
 ) =>
   new Promise((resolve, reject) => {
     form.getFieldsValue(resolve, reject, isFormList);
@@ -51,9 +55,12 @@ export const formGetFieldsValue = async (
 
 export const getListAllForms = (refs: Record<string, any>) => {
   const forms: any[] = [];
-  Object.keys(refs).forEach(key => {
+  Object.keys(refs).forEach((key) => {
     const compImperativeMethods = refs[key];
-    if (compImperativeMethods?.name === 'DForm' && typeof compImperativeMethods.submit === 'function') {
+    if (
+      compImperativeMethods?.name === 'DForm' &&
+      typeof compImperativeMethods.submit === 'function'
+    ) {
       forms.push(compImperativeMethods);
     }
   });
@@ -67,13 +74,13 @@ export const getListAllForms = (refs: Record<string, any>) => {
  */
 export const validateAndSubmitFormList = async (refs = {}) => {
   const forms = getListAllForms(refs);
-  const actions = forms.map(form => formSubmit(form, true));
+  const actions = forms.map((form) => formSubmit(form, true));
   return Promise.all(actions);
 };
 
 export const validateAndGetFieldsValueFormList = async (refs = {}) => {
   const forms = getListAllForms(refs);
-  const actions = forms.map(form => formGetFieldsValue(form, true));
+  const actions = forms.map((form) => formGetFieldsValue(form, true));
   return Promise.all(actions);
 };
 

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

@@ -8,7 +8,7 @@ const getImageSize = async (url: string): Promise<{ width: number; height: numbe
         height: image.height,
       });
     };
-    image.onerror = err => {
+    image.onerror = (err) => {
       reject(err);
     };
   });

package/lib/h5public/src/components/factory/src/utils/hooks/useAsyncState.ts

@@ -1,6 +1,6 @@
-import { isEqual } from 'lodash';
 import { useEffect, useMemo, useRef } from 'react';
-import { SetState, useSetState } from '../ahooks';
+import { useSetState, SetState } from '../ahooks';
+import { isEqual } from 'lodash';
 
 const useAsyncState = <S extends Record<string, any>>(depth: S): [S, SetState<S>] => {
   const [state, setState] = useSetState(depth);

package/lib/h5public/src/components/factory/src/utils/hooks/useCompState.tsx

@@ -1,9 +1,10 @@
 import React, { useMemo } from 'react';
+import { filterHtmlNode } from '../index';
 
 const renderHTML = (des: string) => {
   if (des) {
     // eslint-disable-next-line react/no-danger
-    return <span dangerouslySetInnerHTML={{ __html: des }} style={{ display: 'flex', justifyContent: 'center' }} />;
+    return <span dangerouslySetInnerHTML={{ __html: filterHtmlNode(des) }} style={{ display: 'flex', justifyContent: 'center' }} />;
   }
   return null;
 };

package/lib/h5public/src/components/factory/src/utils/hooks/useDefaultValue.ts

@@ -24,14 +24,12 @@ const useDefaultValue = (temDefaultValue: any, max?: number) => {
       // eslint-disable-next-line camelcase
       const new_val = `${defaultValue}`?.replace(/(^\[)|(\]$)/g, '')?.split(',');
       // eslint-disable-next-line camelcase
-      return Array.isArray(new_val) && max ? new_val.slice(0, max) : new_val;
-    }
-    if (Array.isArray(defaultValue)) {
+      return (Array.isArray(new_val) && max ? new_val.slice(0, max) : new_val);
+    } if (Array.isArray(defaultValue)) {
       const tem = max ? defaultValue.slice(0, max) : defaultValue;
       // @ts-ignore
       return tem.map(item => item?.value || item);
-    }
-    if (Object.prototype.toString.call(defaultValue) === '[object Object]') {
+    } if (Object.prototype.toString.call(defaultValue) === '[object Object]') {
       return [defaultValue].map(item => item?.value || item);
     }
     return [];

package/lib/h5public/src/components/factory/src/utils/hooks/useFormItem.ts

@@ -1,9 +1,9 @@
 import { ComponentItemType, EngineApisType } from '@lingxiteam/types';
-import isEqual from 'lodash/isEqual';
-import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
+import React, { useCallback, useMemo, useImperativeHandle, useRef, useEffect } from 'react';
 import { getRules as getAppRules } from '..';
-import { useDeepCompareEffect, useMemoizedFn, usePrevious, useSafeState } from '../ahooks/index';
+import { useMemoizedFn, usePrevious, useSafeState, useDeepCompareEffect } from '../ahooks/index';
 import { DFormContext, MonitorFn } from '../form';
+import isEqual from 'lodash/isEqual';
 
 export interface UseFormItemProps {
   defaultValue?: string | string[] | boolean | any;
@@ -20,6 +20,7 @@ export interface UseFormItemProps {
   getEngineApis: () => EngineApisType;
 }
 
+
 /**
  * 空规则标识
  * gai
@@ -45,6 +46,7 @@ export const createEmptyRule = (): any => {
  */
 export const removeEmptyRule = (rules: any[] = []) => rules.filter(item => !item[EMPTY_RULE_SYMBOL]);
 
+
 /**
  * 属性值变化调用方法更新
  * @param value
@@ -64,6 +66,7 @@ function useListenState<T>(propsValue: T): [T, (data: T) => void] {
   return [memoValue, setValue];
 }
 
+
 export const useFormItem = (ref: any, props: UseFormItemProps, handle?: any) => {
   const {
     defaultValue,
@@ -88,14 +91,14 @@ export const useFormItem = (ref: any, props: UseFormItemProps, handle?: any) =>
   const [readOnly, setReadOnly] = useListenState(defaulReadonly);
   const { uid, type } = $$componentItem || {};
 
-  const setExtendRules = (newRules: Array<{ pattern?: RegExp; message?: string }>, isAppendLastTime: boolean) => {
+  const setExtendRules = (newRules: Array<{pattern?: RegExp, message?: string }>, isAppendLastTime: boolean) => {
     if (Array.isArray(newRules)) {
       // 过滤掉重复的正则规则
-      const appendFilterList = (ruleList: Array<{ pattern?: RegExp; message?: string }>) => {
+      const appendFilterList = (ruleList: Array<{ pattern?: RegExp, message?: string }>) => {
         const list = removeEmptyRule(ruleList);
         const currentRuleMap = new Map<string, string[] | undefined>();
         const newRulesList: any[] = [];
-        (list || []).forEach(p => {
+        (list || []).forEach((p) => {
           const { message, pattern } = p;
           if (pattern) {
             const patternStr = pattern.toString();
@@ -140,7 +143,7 @@ export const useFormItem = (ref: any, props: UseFormItemProps, handle?: any) =>
     } else if (isForm && fieldProps) {
       const fieldVlaue = form?.getFieldValue(fieldProps);
       if (!isEqual(fieldVlaue, defaultValue)) {
-        if (onlySyncValue) {
+            if (onlySyncValue) {
           onlySyncValue(defaultValue);
         }
         form?.setFieldsValue({ [fieldProps]: defaultValue });
@@ -161,7 +164,7 @@ export const useFormItem = (ref: any, props: UseFormItemProps, handle?: any) =>
       }
       return finalRules as any;
     },
-    [regexp, required, title, rules]
+    [regexp, required, title, rules],
   );
 
   const onInputChange = useMemoizedFn((value: any, ...args: any[]) => {