@lingxiteam/ebe-utils 0.2.4 → 0.2.6

package/lib/pcpublic/src/components/pcfactory/src/utils/ChannelContainer.tsx

@@ -1,12 +1,4 @@
-import React, {
-  FC,
-  forwardRef,
-  ForwardRefExoticComponent,
-  FunctionComponent,
-  useCallback,
-  useRef,
-  useState,
-} from 'react';
+import React, { FC, forwardRef, ForwardRefExoticComponent, FunctionComponent, useCallback, useRef, useState } from 'react';
 // TODO: 替换成自定义hooks 待处理
 import { useDeepCompareEffect } from 'ahooks';
 import { get, isEqualWith, set } from 'lodash';
@@ -33,28 +25,25 @@ export interface ChannelContainerProps {
  * @param props
  * @returns
  */
-const Container: FC<ChannelContainerProps> = (props) => {
+const Container: FC<ChannelContainerProps> = props => {
   const { children } = props;
   const childrenProps = useRef<Record<string, any>>({}).current;
   const [, forceUpdate] = useState({});
-  const uploadChannelProps = useCallback(
-    (props: Record<string, any>, key: string) => {
+  const uploadChannelProps = useCallback((props: Record<string, any>, key: string) => {
+    if (
+      !isEqualWith(props, childrenProps[key], (v1, v2) => {
+        if (typeof v1 === 'function' && typeof v2 === 'function') {
+          return true;
+        }
+        return undefined;
+      })
+    ) {
       childrenProps[key] = props;
-      if (
-        !isEqualWith(props, childrenProps[key], (v1, v2) => {
-          if (typeof v1 === 'function' && typeof v2 === 'function') {
-            return true;
-          }
-          return undefined;
-        })
-      ) {
-        forceUpdate({});
-      }
-    },
-    [],
-  );
+      forceUpdate({});
+    }
+  }, []);
   // @ts-ignore
-  const getProps = useCallback((c) => childrenProps[c.key] || {}, []);
+  const getProps = useCallback(c => childrenProps[c.key] || {}, []);
 
   return children({ uploadChannelProps, getProps });
 };
@@ -66,7 +55,7 @@ Container.displayName = 'ChannelContainer';
  * @param props
  * @returns
  */
-const Item: FC<PanelContentProps> = (props) => {
+const Item: FC<PanelContentProps> = props => {
   const { children, extendProps, uploadChannelProps } = props;
   return React.cloneElement(children, {
     extendProps: {
@@ -85,11 +74,7 @@ Item.defaultProps = {
 Item.displayName = 'ChannelContainerItem';
 
 export interface useRuntimePropsType {
-  (
-    props: Record<string, any>,
-    keyPath: string[],
-    uploadChannelProps: (props: Record<string, any>) => void,
-  ): void;
+  (props: Record<string, any>, keyPath: string[], uploadChannelProps: (props: Record<string, any>) => void): void;
 }
 
 /**
@@ -100,15 +85,9 @@ export interface useRuntimePropsType {
  * @param props 字段对应的数据值
  * @param depthKey 需要上报的字段
  */
-const useChannelProps: useRuntimePropsType = (
-  props,
-  depthKey = [],
-  uploadChannelProps,
-) => {
+const useChannelProps: useRuntimePropsType = (props, depthKey = [], uploadChannelProps) => {
   const target = {};
-  depthKey.forEach((key) =>
-    set(target, key.split('.'), get(props, key.split('.'))),
-  );
+  depthKey.forEach(key => set(target, key.split('.'), get(props, key.split('.'))));
   useDeepCompareEffect(() => {
     if (uploadChannelProps) {
       uploadChannelProps(target);
@@ -127,7 +106,7 @@ const useChannelProps: useRuntimePropsType = (
  */
 function withChannelItem<T extends Record<string, any>>(
   Component: FunctionComponent<any> | ForwardRefExoticComponent<any>,
-  options: { keyPath: string[] },
+  options: { keyPath: string[] }
 ) {
   const { keyPath } = options;
   return forwardRef((props: T, ref) => {

package/lib/pcpublic/src/components/pcfactory/src/utils/ChildRender.ts

@@ -39,17 +39,17 @@ export const useChildRender = () => {
 
   const getIndex = (_id: string) => {
     return childRef.current.list
-      .filter((id) => {
+      .filter(id => {
         return childRef.current.data.get(id)?.visible ?? true;
       })
-      .findIndex((id) => id === _id);
+      .findIndex(id => id === _id);
   };
 
   // 渲染子组件
   const renderChildren = () => {
     const { renderChild: childData, list } = childRef.current;
     if (collectComplete) {
-      return list.map((key) => {
+      return list.map(key => {
         return childData.get(key)?.current ?? null;
       });
     }
@@ -86,9 +86,7 @@ export const useChildRender = () => {
       },
       collectChildren: (id: string, child: { current: any }) => {
         childRef.current.renderChild.set(id, child);
-        if (
-          childRef.current.renderChild.size === childRef.current.list.length
-        ) {
+        if (childRef.current.renderChild.size === childRef.current.list.length) {
           setColletComplete(true);
         }
       },

package/lib/pcpublic/src/components/pcfactory/src/utils/CustomModule.tsx

@@ -13,21 +13,18 @@ const withErrorBoundary = (
   options: {
     id: string;
     render?: (error: Error, componentStack: string | null) => React.ReactNode;
-  },
+  }
 ) =>
   class CustomErrorModule extends React.Component {
     state: Readonly<{
       error: Error | null;
       componentStack: string | null;
     }> = {
-      error: null,
-      componentStack: null,
-    };
-
-    componentDidCatch(
-      error: Error & { cause?: Error },
-      { componentStack }: React.ErrorInfo,
-    ) {
+        error: null,
+        componentStack: null,
+      };
+
+    componentDidCatch(error: Error & { cause?: Error }, { componentStack }: React.ErrorInfo) {
       if (isAtLeastReact17(React.version)) {
         const errorBoundaryError = new Error(error.message);
         errorBoundaryError.name = `React ErrorBoundary ${errorBoundaryError.name}`;
@@ -55,10 +52,11 @@ const withErrorBoundary = (
   };
 
 interface CustomModuleProps {
+
   /**
    * 代码
    */
-  code: string;
+  code: string | ((props: any) => JSX.Element);
 
   /**
    * 组件属性
@@ -92,14 +90,9 @@ interface CustomModuleProps {
   allowMap?: Record<string, any>;
 }
 
-const CustomModule: FC<CustomModuleProps> = ({
-  sandBoxLoadModule,
-  code,
-  compProps,
-  errorInfo,
-  allowMap,
-}) => {
+const CustomModule: FC<CustomModuleProps> = ({ sandBoxLoadModule, code, compProps, errorInfo, allowMap }) => {
   if (typeof code === 'function') {
+    // 特殊处理：源码传递JSX过来，用方法传递上下文
     return code(compProps);
   }
   // 加载到组件模块
@@ -114,11 +107,7 @@ const CustomModule: FC<CustomModuleProps> = ({
   return Component ? <Component {...compProps} /> : null;
 };
 
-export const getJSXHtml = (
-  reactNode: React.ReactElement,
-  cb?: (html: string) => void,
-  options: { id?: string } = {},
-) => {
+export const getJSXHtml = (reactNode: React.ReactElement, cb?: (html: string) => void, options: { id?: string } = {}) => {
   const { id = `__JSX_id__${Math.random()}` } = options || {};
   let tempDOM = document.getElementById(id);
   if (!tempDOM) {

package/lib/pcpublic/src/components/pcfactory/src/utils/DummyFormContext.ts

@@ -11,7 +11,7 @@ const CHECK_ARR = ['[', ']', '.'];
 // 判断当前索引是否在引号的字符串引用范围内
 const inRange = (ind: number, rangearr: any[]) => {
   let result = false;
-  const findObj = rangearr.find((r) => {
+  const findObj = rangearr.find(r => {
     if (ind > r.end || ind < r.start) {
       // 如果索引已经超过了区间的范围，那么根本不用考虑
       return false;
@@ -88,7 +88,7 @@ const getObjByPath = (obj: any, path: string) => {
   let temp = obj;
   if (sp.length > 0) {
     finalresult.chained = true;
-    sp.forEach((k) => {
+    sp.forEach(k => {
       if (!temp || !(k in temp)) {
         finalresult.notcompletechain = true;
       }
@@ -114,9 +114,7 @@ const setObjByPath = (obj: any, path: string, val: any) => {
       if (ind < sp.length - 1) {
         if (lastkey && /^\d+$/g.test(k)) {
           // 如果有全数字，只要不是第一层，优先尝试给它处理成数组
-          lastResult[lastkey] = Array.isArray(lastResult[lastkey])
-            ? lastResult[lastkey]
-            : [];
+          lastResult[lastkey] = Array.isArray(lastResult[lastkey]) ? lastResult[lastkey] : [];
           result = lastResult[lastkey]; // 把上一层改为数组
           result[k] = result[k] || {};
           result = result[k];

package/lib/pcpublic/src/components/pcfactory/src/utils/Empty/empty.tsx

@@ -1,12 +1,6 @@
 export default (props: any) => {
   return (
-    <svg
-      width="64"
-      height="40"
-      viewBox="0 0 64 40"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
+    <svg width="64" height="40" viewBox="0 0 64 40" fill="none" xmlns="http://www.w3.org/2000/svg">
       <g id=".components/empty-img-simple" clipPath="url(#clip0_6752_81174)">
         <path
           id="Vector"

package/lib/pcpublic/src/components/pcfactory/src/utils/Holidays.ts

@@ -0,0 +1,105 @@
+import moment, { Moment } from 'moment';
+import { HolidaysLimitType } from './generatorDisabledCallback';
+import HolidaysData from './HolidaysList.json';
+
+const getHolidays = () => {
+  const workdays: string[] = [];
+  const holidays: string[] = [];
+  const loop = (source: any[], list: string[]) => {
+    source.forEach(item => {
+      if (item.start_date < item.end_date) {
+        let tmpDate = item.end_date;
+        while (tmpDate !== item.start_date) {
+          list.push(tmpDate);
+          tmpDate = moment(tmpDate, 'YYYY-MM-DD').subtract(1, 'days').format('YYYY-MM-DD');
+        }
+      }
+      list.push(item.start_date);
+    });
+  };
+
+  loop(
+    HolidaysData.filter(el => el.date_type === '补班'),
+    workdays
+  );
+  loop(
+    HolidaysData.filter(el => el.date_type === '节假日'),
+    holidays
+  );
+
+  return [workdays, holidays];
+};
+
+const [workdays, holidays] = getHolidays();
+
+/**
+ * 判断是否为节假日
+ * @param cur
+ * @returns
+ */
+export const isHoliday = (cur: Moment) => {
+  return holidays.includes(cur.format('YYYY-MM-DD'));
+};
+
+/**
+ * 是否为周末
+ * @param cur
+ * @returns
+ */
+export const isWeekend = (cur: Moment) => {
+  return [0, 6].includes(cur.day());
+};
+
+/**
+ * 判断是否为工作日
+ * @param cur 当前时间
+ */
+export const isWorkdays = (cur: Moment): boolean => {
+  const curStr = cur.format('YYYY-MM-DD');
+  if (workdays.includes(curStr)) {
+    return true;
+  }
+  if (isHoliday(cur)) {
+    return false;
+  }
+  // 周日 周六为周末 1-5为工作日
+  return !isWeekend(cur);
+};
+
+/**
+ * 节假日检测
+ * @param holidaysLimit 限制类型
+ * @returns
+ */
+export const getHolidaysChecker = (holidaysLimit: HolidaysLimitType) => {
+  /**
+   * 周末是否禁用
+   */
+  const disabledWeekend = holidaysLimit === 'weekend' || holidaysLimit === 'all';
+
+  /**
+   * 禁用的节假日
+   */
+  const disabledHoliday = holidaysLimit === 'holiday' || holidaysLimit === 'all';
+
+  const isHolidayLimit = (cur: Moment) => {
+    if (disabledWeekend) {
+      return isWeekend(cur);
+    }
+    if (disabledHoliday) {
+      return isHoliday(cur);
+    }
+    return false;
+  };
+
+  return {
+    disabledHoliday,
+    disabledWeekend,
+    isHolidayLimit,
+  };
+};
+
+export default {
+  workdays,
+  holidays,
+};

package/lib/pcpublic/src/components/pcfactory/src/utils/HolidaysList.json

@@ -0,0 +1,107 @@
+[
+  {
+    "holiday_year": "2024",
+    "start_date": "2024-10-12",
+    "end_date": "2024-10-12",
+    "date_type": "补班",
+    "holiday_name": "国庆节"
+  },
+  {
+    "holiday_year": "2024",
+    "start_date": "2024-10-01",
+    "end_date": "2024-10-07",
+    "date_type": "节假日",
+    "holiday_name": "国庆节"
+  },
+  {
+    "holiday_year": "2024",
+    "start_date": "2024-09-29",
+    "end_date": "2024-09-29",
+    "date_type": "补班",
+    "holiday_name": "国庆节"
+  },
+  {
+    "holiday_year": "2024",
+    "start_date": "2024-09-15",
+    "end_date": "2024-09-17",
+    "date_type": "节假日",
+    "holiday_name": "中秋节"
+  },
+  {
+    "holiday_year": "2024",
+    "start_date": "2024-09-14",
+    "end_date": "2024-09-14",
+    "date_type": "补班",
+    "holiday_name": "中秋节"
+  },
+  {
+    "holiday_year": "2024",
+    "start_date": "2024-06-10",
+    "end_date": "2024-06-10",
+    "date_type": "节假日",
+    "holiday_name": "端午节"
+  },
+  {
+    "holiday_year": "2024",
+    "start_date": "2024-05-11",
+    "end_date": "2024-05-11",
+    "date_type": "补班",
+    "holiday_name": "劳动节"
+  },
+  {
+    "holiday_year": "2024",
+    "start_date": "2024-05-01",
+    "end_date": "2024-05-05",
+    "date_type": "节假日",
+    "holiday_name": "劳动节"
+  },
+  {
+    "holiday_year": "2024",
+    "start_date": "2024-04-28",
+    "end_date": "2024-04-28",
+    "date_type": "补班",
+    "holiday_name": "劳动节"
+  },
+  {
+    "holiday_year": "2024",
+    "start_date": "2024-04-07",
+    "end_date": "2024-04-07",
+    "date_type": "补班",
+    "holiday_name": "清明节"
+  },
+  {
+    "holiday_year": "2024",
+    "start_date": "2024-04-04",
+    "end_date": "2024-04-06",
+    "date_type": "节假日",
+    "holiday_name": "清明节"
+  },
+  {
+    "holiday_year": "2024",
+    "start_date": "2024-02-18",
+    "end_date": "2024-02-18",
+    "date_type": "补班",
+    "holiday_name": "春节"
+  },
+  {
+    "holiday_year": "2024",
+    "start_date": "2024-02-10",
+    "end_date": "2024-02-17",
+    "date_type": "节假日",
+    "holiday_name": "春节"
+  },
+  {
+    "holiday_year": "2024",
+    "start_date": "2024-02-04",
+    "end_date": "2024-02-04",
+    "date_type": "补班",
+    "holiday_name": "春节"
+  },
+  {
+    "holiday_year": "2024",
+    "start_date": "2024-01-01",
+    "end_date": "2024-01-01",
+    "date_type": "节假日",
+    "holiday_name": "元旦"
+  }
+]

package/lib/pcpublic/src/components/pcfactory/src/utils/WithSyncValue.ts

@@ -23,8 +23,9 @@ export interface SyncValueProps {
 // 该方法移出SyncValue，避免实际运行时创建过多闭包
 const equalsObj = (oldData: any, newData: any) => {
   // 如果其中一边的运算数是undefined，那么不要去跑原型处理等后续方法，可能提高些许性能
-  if (oldData === undefined || newData === undefined)
+  if (oldData === undefined || newData === undefined) {
     return oldData === newData;
+  }
   // 类型为基本类型时,如果相同,则返回true
   if (oldData === newData) return true;
   if (
@@ -70,15 +71,11 @@ const SyncValue = forwardRef((props: SyncValueProps) => {
   const form = useDummyFormContext();
   const fieldName = useMemo(() => {
     if (!form?.fieldCompIdMap) return '';
-    return (Object.values(form?.fieldCompIdMap || {}) as any).find(
-      (o: any) => o.compId === compId,
-    )?.fieldName;
+    return (Object.values(form?.fieldCompIdMap || {}) as any).find((o: any) => o.compId === compId)?.fieldName;
   }, [compId]);
   const defaultValue = useMemo(() => {
     if (!form?.defaultArr) return '';
-    return (form?.defaultArr || ([] as any)).find(
-      (o: any) => o.compId === compId,
-    )?.value;
+    return (form?.defaultArr || ([] as any)).find((o: any) => o.compId === compId)?.value;
   }, [compId]);
 
   useEffect(() => {
@@ -93,13 +90,7 @@ const SyncValue = forwardRef((props: SyncValueProps) => {
     };
   }, []);
   let finalvalue = form?.nowFormData ? form?.nowFormData[fieldName] : value;
-  if (
-    form?.nowFormData &&
-    form.nowFormData[fieldName] === undefined &&
-    fieldName &&
-    defaultValue &&
-    !form.defaultInited[fieldName]
-  ) {
+  if (form?.nowFormData && form.nowFormData[fieldName] === undefined && fieldName && defaultValue && !form.defaultInited[fieldName]) {
     // 在这里触发默认值行为，原则上这个操作只应该发生一次
     form.defaultInited[fieldName] = true;
     form.setFieldsValue({
@@ -119,24 +110,15 @@ const SyncValue = forwardRef((props: SyncValueProps) => {
     // useEffect 无法正确判断数组与对象是否有变化，故造成死循环
     // 判断now_value 值与当前传入值是否相同，同则不触发onValueRelease
     const _value = finalvalue;
-    if (
-      Object.prototype.toString.call(getCompPropMapState) ===
-      '[object Function]'
-    ) {
-      if (
-        !equalsObj(getCompPropMapState!(compId, 'now_value'), _value) &&
-        onValueRelease
-      ) {
+    if (Object.prototype.toString.call(getCompPropMapState) === '[object Function]') {
+      if (!equalsObj(getCompPropMapState!(compId, 'now_value'), _value) && onValueRelease) {
         if (_value === '') {
           onValueRelease(undefined);
         } else {
           onValueRelease(_value);
         }
       }
-      if (
-        !equalsObj(getCompPropMapState!(compId, 'now_selectedData'), _value) &&
-        onSelectedDataRelease
-      ) {
+      if (!equalsObj(getCompPropMapState!(compId, 'now_selectedData'), _value) && onSelectedDataRelease) {
         if (_value === '' || _value === undefined) {
           onSelectedDataRelease([]);
         }
@@ -180,9 +162,7 @@ const SyncValue = forwardRef((props: SyncValueProps) => {
   }
 
   if (className) {
-    collectAction.className = `${className} ${
-      props?.children?.props.className || ''
-    }`;
+    collectAction.className = `${className} ${props?.children?.props.className || ''}`;
   }
 
   if (!props.ignoreReadOnlyFlag) {
@@ -196,10 +176,7 @@ const SyncValue = forwardRef((props: SyncValueProps) => {
   }
 
   // 兼容Rate控件值修改
-  if (
-    props.compId?.includes('Rate') &&
-    Array.isArray(props.children.props.children)
-  ) {
+  if (props.compId?.includes('Rate') && Array.isArray(props.children.props.children)) {
     let propsChange: any = null;
     for (let i = 0; i < props.children.props.children.length; i += 1) {
       const item = props.children.props.children[i];
@@ -210,9 +187,7 @@ const SyncValue = forwardRef((props: SyncValueProps) => {
     }
     return propsChange ? React.cloneElement(propsChange, collectAction) : null;
   }
-  return props.children
-    ? React.cloneElement(props.children, collectAction)
-    : null;
+  return props.children ? React.cloneElement(props.children, collectAction) : null;
 });
 
 export default SyncValue;

package/lib/pcpublic/src/components/pcfactory/src/utils/ahooks/index.ts

@@ -9,14 +9,4 @@ import useUpdate from './useUpdate';
 import useUpdateEffect from './useUpdateEffect';
 
 export type { SetState };
-export {
-  usePrevious,
-  useSafeState,
-  useMemoizedFn,
-  useUpdateEffect,
-  useDeepCompareEffect,
-  useSetState,
-  useMap,
-  useUpdate,
-  useCreation,
-};
+export { usePrevious, useSafeState, useMemoizedFn, useUpdateEffect, useDeepCompareEffect, useSetState, useMap, useUpdate, useCreation };

package/lib/pcpublic/src/components/pcfactory/src/utils/ahooks/useDeepCompareEffect.ts

@@ -1,10 +1,7 @@
 import { isEqual } from 'lodash';
 import { DependencyList, EffectCallback, useEffect, useRef } from 'react';
 
-const depsEqual = function depsEqual(
-  aDeps: DependencyList,
-  bDeps?: DependencyList,
-) {
+const depsEqual = function depsEqual(aDeps: DependencyList, bDeps?: DependencyList) {
   let bDepsList = bDeps;
   if (bDepsList === undefined) {
     bDepsList = [];
@@ -13,10 +10,7 @@ const depsEqual = function depsEqual(
   return isEqual(aDeps, bDepsList);
 };
 
-export const useDeepCompareEffect = (
-  effect: EffectCallback,
-  deps: DependencyList,
-) => {
+export const useDeepCompareEffect = (effect: EffectCallback, deps: DependencyList) => {
   const ref = useRef<DependencyList>();
   const signalRef = useRef(0);
   if (!depsEqual(deps, ref.current)) {

package/lib/pcpublic/src/components/pcfactory/src/utils/ahooks/useMap.ts

@@ -1,20 +1,13 @@
 import { useCallback, useMemo, useState } from 'react';
 
 function useMap<K, T>(initialValue?: Iterable<readonly [K, T]>) {
-  const initialMap = useMemo<Map<K, T>>(
-    () =>
-      (initialValue === undefined ? new Map() : new Map(initialValue)) as Map<
-        K,
-        T
-      >,
-    [],
-  );
+  const initialMap = useMemo<Map<K, T>>(() => (initialValue === undefined ? new Map() : new Map(initialValue)) as Map<K, T>, []);
   const [map, setMap] = useState(initialMap);
 
   const stableActions = useMemo(
     () => ({
       set: (key: K, entry: T) => {
-        setMap((prev) => {
+        setMap(prev => {
           const temp = new Map(prev);
           temp.set(key, entry);
           return temp;
@@ -24,7 +17,7 @@ function useMap<K, T>(initialValue?: Iterable<readonly [K, T]>) {
         setMap(new Map(newMap));
       },
       remove: (key: K) => {
-        setMap((prev) => {
+        setMap(prev => {
           const temp = new Map(prev);
           temp.delete(key);
           return temp;
@@ -32,11 +25,11 @@ function useMap<K, T>(initialValue?: Iterable<readonly [K, T]>) {
       },
       reset: () => setMap(initialMap),
     }),
-    [setMap, initialMap],
+    [setMap, initialMap]
   );
 
   const utils = {
-    get: useCallback((key) => map.get(key), [map]),
+    get: useCallback(key => map.get(key), [map]),
     ...stableActions,
   };
 

package/lib/pcpublic/src/components/pcfactory/src/utils/ahooks/useMemoizedFn.ts

@@ -2,10 +2,7 @@ import { useMemo, useRef } from 'react';
 
 type noop = (this: any, ...args: any[]) => any;
 
-type PickFunction<T extends noop> = (
-  this: ThisParameterType<T>,
-  ...args: Parameters<T>
-) => ReturnType<T>;
+type PickFunction<T extends noop> = (this: ThisParameterType<T>, ...args: Parameters<T>) => ReturnType<T>;
 
 function useMemoizedFn<T extends noop>(fn: T) {
   const fnRef = useRef<T>(fn);

package/lib/pcpublic/src/components/pcfactory/src/utils/ahooks/usePrevious.ts

@@ -6,8 +6,7 @@ function usePrevious<T>(state: T, compare?: compareFunction<T>): T | undefined {
   const prevRef = useRef<T>();
   const curRef = useRef<T>();
 
-  const needUpdate =
-    typeof compare === 'function' ? compare(curRef.current, state) : true;
+  const needUpdate = typeof compare === 'function' ? compare(curRef.current, state) : true;
   if (needUpdate) {
     prevRef.current = curRef.current;
     curRef.current = state;