@lingxiteam/ebe-utils 0.2.3 → 0.2.5

package/lib/public/src/components/ProgressComp/ProgressComp.tsx

@@ -19,13 +19,7 @@ const ProgressComp: FC<any> = forwardRef((props, ref) => {
   return (
     <ConfigProvider prefixCls="pcfactory">
       <span className={`${prefix}-progress`}>
-        <Progress
-          size="small"
-          percent={percent}
-          width={20}
-          className={className}
-          {...restProps}
-        />
+        <Progress size="small" percent={percent} width={20} className={className} {...restProps} />
       </span>
     </ConfigProvider>
   );

package/lib/public/src/components/ProgressComp/index.tsx

@@ -1,26 +1,12 @@
 import { antPrefix } from '@/components/pcfactory/src/variables';
 import { CloseCircleFilled } from '@ant-design/icons';
-import {
-  Button,
-  ConfigProvider,
-  message,
-  notification,
-  Popconfirm,
-  Spin,
-} from 'antd';
+import { Button, ConfigProvider, message, notification, Popconfirm, Spin } from 'antd';
 import zhCN from 'antd/es/locale/zh_CN';
 import ProgressComp from './ProgressComp';
 
-const openProgress = (percent: number, restProps?: any) => (
-  <ProgressComp percent={percent} {...restProps} />
-);
+const openProgress = (percent: number, restProps?: any) => <ProgressComp percent={percent} {...restProps} />;
 
-const openProgressMsg = (
-  key: string,
-  fileName: string,
-  percentComplete: number,
-  text: string,
-) => {
+const openProgressMsg = (key: string, fileName: string, percentComplete: number, text: string) => {
   message.loading({
     icon: `${fileName} 正在${text}：`,
     content: openProgress(percentComplete),
@@ -39,12 +25,7 @@ const closeProgressMsg = (key: any) => {
 
 const showFailMsg = (key: string, content: string) => {
   message.loading({
-    icon: (
-      <CloseCircleFilled
-        rev={undefined}
-        style={{ color: 'rgb(250, 117, 112)' }}
-      />
-    ),
+    icon: <CloseCircleFilled rev={undefined} style={{ color: 'rgb(250, 117, 112)' }} />,
     content,
     key,
     duration: 0,
@@ -62,18 +43,7 @@ const showProgressNotification = (config: {
   btn: (onCancel: () => void) => any;
   loadingText?: string;
 }) => {
-  const {
-    key,
-    title = '导出',
-    percent,
-    onCancel,
-    message,
-    btn,
-    type,
-    showLoading = false,
-    loadingText,
-    ...restConfig
-  } = config || {};
+  const { key, title = '导出', percent, onCancel, message, btn, type, showLoading = false, loadingText, ...restConfig } = config || {};
   const btnFn =
     typeof btn === 'function' ? (
       btn(() => {
@@ -86,14 +56,14 @@ const showProgressNotification = (config: {
       <ConfigProvider prefixCls={antPrefix} locale={zhCN}>
         <Popconfirm
           placement="bottomRight"
-          title={'取消将无法获得下载结果，请确认是否需要取消'}
+          title="取消将无法获得下载结果，请确认是否需要取消"
           onConfirm={() => {
             onCancel?.();
             notification?.close(key);
           }}
           overlayClassName="ProgressComp-confirm"
         >
-          <Button>{'取消'}</Button>
+          <Button>取消</Button>
         </Popconfirm>
       </ConfigProvider>
     );
@@ -133,11 +103,4 @@ const closeProgressNotification = (key: any) => {
 
 export default ProgressComp;
 
-export {
-  openProgress,
-  openProgressMsg,
-  closeProgressMsg,
-  showFailMsg,
-  showProgressNotification,
-  closeProgressNotification,
-};
+export { openProgress, openProgressMsg, closeProgressMsg, showFailMsg, showProgressNotification, closeProgressNotification };

package/lib/public/src/components/WaterMark/generatorImage.ts

@@ -16,7 +16,7 @@ const degreesToRadians = (degrees: number) => {
 const calculateRotateSize = (
   _sourceWidth: number,
   _sourceHeight: number,
-  _degrees: number,
+  _degrees: number
 ): {
   width: number;
   height: number;
@@ -71,7 +71,7 @@ const calculateRotateSize = (
 };
 
 const laodImage = (baseData: string): Promise<HTMLImageElement> =>
-  new Promise((resolve) => {
+  new Promise(resolve => {
     const img = new Image();
     img.src = baseData;
     img.onload = () => {
@@ -96,7 +96,7 @@ const generatorImage = async (
   fontSize: number,
   fontColor: string,
   alpha: number,
-  angle: number,
+  angle: number
 ): Promise<string | null> => {
   // 文字行高
   const lineHeight = fontSize + 2;
@@ -162,11 +162,7 @@ const generatorImage = async (
   if (angle > 0) {
     const nextCanvas = document.createElement('canvas');
     const nextCtx = nextCanvas.getContext('2d') as CanvasRenderingContext2D;
-    const { width: nextWidth, height: nextHeight } = calculateRotateSize(
-      width,
-      height,
-      angle,
-    );
+    const { width: nextWidth, height: nextHeight } = calculateRotateSize(width, height, angle);
     nextCanvas.width = nextWidth;
     nextCanvas.height = nextHeight;
     const img = await laodImage(imgBase64);

package/lib/public/src/components/WaterMark/index.tsx

@@ -20,7 +20,7 @@ interface WatermarkProps {
   config: AppWaterMarkCfgType;
 }
 
-const Watermark: FC<WatermarkProps> = (props) => {
+const Watermark: FC<WatermarkProps> = props => {
   const watermarkInfo = props.config || {};
   const [previewURL, setPreviewURL] = useState<string>();
   const watermarkRef = useRef<HTMLDivElement>(null);
@@ -33,8 +33,8 @@ const Watermark: FC<WatermarkProps> = (props) => {
       Number(watermarkInfo.fontSize || 16),
       watermarkInfo.fontColor || '#000',
       (watermarkInfo.fontTransparency || 50) / 100,
-      Number(watermarkInfo.tiltAngle) || 0,
-    ).then((res) => {
+      Number(watermarkInfo.tiltAngle) || 0
+    ).then(res => {
       if (res) {
         setPreviewURL(res);
       }
@@ -45,11 +45,7 @@ const Watermark: FC<WatermarkProps> = (props) => {
   }, [watermarkInfo]);
 
   return previewURL ? (
-    <div
-      ref={watermarkRef}
-      className="engine-watermark"
-      style={{ background: previewURL ? `url(${previewURL})` : '#FFFFFF' }}
-    />
+    <div ref={watermarkRef} className="engine-watermark" style={{ background: previewURL ? `url(${previewURL})` : '#FFFFFF' }} />
   ) : (
     <></>
   );

package/lib/public/src/components/common/ErrorBoundary/catchErrorBoundary.tsx

@@ -18,18 +18,13 @@ export type FallbackRenderProps = {
   resetError(): void;
   id: string;
   compName: string;
-  getLocale: (
-    key: string,
-    placeholder?: string,
-    kv?: Record<string, string>,
-  ) => string;
+  getLocale: (key: string, placeholder?: string, kv?: Record<string, string>) => string;
 };
 
-export type FallbackRender = (
-  errorData: FallbackRenderProps,
-) => React.ReactElement;
+export type FallbackRender = (errorData: FallbackRenderProps) => React.ReactElement;
 
 export type ErrorBoundaryProps = {
+
   /**
    * A fallback component that gets rendered when the error boundary encounters an error.
    *
@@ -47,25 +42,13 @@ export type ErrorBoundaryProps = {
   onMount?(): void;
 
   /** Called if resetError() is called from the fallback render props function  */
-  onReset?(
-    error: Error | null,
-    componentStack: string | null,
-    eventId: string | null,
-  ): void;
+  onReset?(error: Error | null, componentStack: string | null, eventId: string | null): void;
 
   /** Called on componentWillUnmount() */
-  onUnmount?(
-    error: Error | null,
-    componentStack: string | null,
-    eventId: string | null,
-  ): void;
+  onUnmount?(error: Error | null, componentStack: string | null, eventId: string | null): void;
 
   /** Called before the error is captured by Sentry, allows for you to add tags or context using the scope */
-  beforeCapture?(
-    scope: any,
-    error: Error | null,
-    componentStack: string | null,
-  ): void;
+  beforeCapture?(scope: any, error: Error | null, componentStack: string | null): void;
   children?: React.ReactNode | (() => React.ReactNode);
 
   otherProps?: Record<string, any>;
@@ -89,10 +72,7 @@ const INITIAL_STATE = {
  * Sentry React SDK ErrorBoundary caught an error invoking your application code. This
  * is expected behavior and NOT indicative of a bug with the Sentry React SDK.
  */
-export class ErrorBoundary extends React.Component<
-  ErrorBoundaryProps,
-  ErrorBoundaryState
-> {
+export class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
   public state: ErrorBoundaryState = INITIAL_STATE;
 
   static defaultProps = {
@@ -123,10 +103,7 @@ export class ErrorBoundary extends React.Component<
     this.setState(INITIAL_STATE);
   };
 
-  public componentDidCatch(
-    error: Error & { cause?: Error },
-    { componentStack }: React.ErrorInfo,
-  ): void {
+  public componentDidCatch(error: Error & { cause?: Error }, { componentStack }: React.ErrorInfo): void {
     const { beforeCapture, onError } = this.props;
 
     // If on React version >= 17, create stack trace from componentStack param and links
@@ -205,7 +182,7 @@ export class ErrorBoundary extends React.Component<
 export function catchErrorBoundary<T>(
   WrappedComponent: React.ComponentClass<T> | React.FunctionComponent<T>,
   fallback?: ErrorBoundaryProps['fallback'],
-  schema?: Record<string, any>,
+  schema?: Record<string, any>
 ) {
   return React.forwardRef<any, any>((props, ref) => {
     return (