@lingxiteam/ebe-utils 0.2.4 → 0.2.6

package/lib/pcpublic/src/components/pcfactory/src/RemoteComponent/constant.ts

@@ -7,16 +7,16 @@ import VueRender from './components/VueRender';
  * @param object
  * @param otherArgs
  */
-export function mergeGetter<
-  T extends Record<string, any>,
-  S1 extends Record<string, any>,
-  S2 extends Record<string, any>,
->(object: T, source1: S1, ...args: S2[]) {
+export function mergeGetter<T extends Record<string, any>, S1 extends Record<string, any>, S2 extends Record<string, any>>(
+  object: T,
+  source1: S1,
+  ...args: S2[]
+) {
   const target: Record<string, any> = object || {};
 
   // 合并ref 保持getter对象不被转义
   const merge = (o: Record<string, any> = {}) => {
-    Object.keys(o).forEach((key) => {
+    Object.keys(o).forEach(key => {
       const descriptor = Object.getOwnPropertyDescriptor(o, key);
       if (descriptor) {
         Object.defineProperty(target, key, descriptor!);
@@ -31,7 +31,7 @@ export function mergeGetter<
 
   const sources: (S1 | S2)[] = [source1, ...args];
 
-  sources.forEach((source) => {
+  sources.forEach(source => {
     merge(source);
   });
 

package/lib/pcpublic/src/components/pcfactory/src/RemoteComponent/index.tsx

@@ -20,75 +20,64 @@ export interface MyRemoteComponentProps {
   type?: 'React' | 'Vue' | 'Fish';
 }
 
-const RemoteComponent = LingxiForwardRef<any, MyRemoteComponentProps>(
-  (props, ref) => {
-    const {
-      url,
-      customProps: myProps,
-      fileCode,
-      associatedType = 'file',
-      getEngineApis,
-      visible = true,
-      type = 'React',
-      ...restProps
-    } = props;
+const RemoteComponent = LingxiForwardRef<any, MyRemoteComponentProps>((props, ref) => {
+  const { url, customProps: myProps, fileCode, associatedType = 'file', getEngineApis, visible = true, type = 'React', ...restProps } = props;
 
-    const engineApis = getEngineApis?.() || {};
+  const engineApis = getEngineApis?.() || {};
 
-    const [remoteUrl, setRemoteUrl] = useState<string>(url || '');
+  const [remoteUrl, setRemoteUrl] = useState<string>(url || '');
 
-    const [customProps, setProps] = useListenProps<any>(myProps);
-    const [myRefs, setMyRefs] = useState<any>();
-    const isDid = useRef(false);
+  const [customProps, setProps] = useListenProps<any>(myProps);
+  const [myRefs, setMyRefs] = useState<any>();
+  const isDid = useRef(false);
 
-    useImperativeHandle(
-      ref,
-      () =>
-        mergeGetter(myRefs || {}, {
-          setCompProps: (params: any) => {
-            setProps({ ...customProps, ...params });
-          },
-          setSrc: (src: string) => {
-            if (src.startsWith('http')) {
-              setRemoteUrl(src);
-            } else {
-              // 怀疑是文件id
-              setRemoteUrl(engineApis?.getAppFileUrlByFileCode(src));
-            }
-          },
-        }),
-      [myRefs],
-    );
-    useDeepCompareEffect(() => {
-      // 如果是远程服务组件
-      if (fileCode && associatedType === 'file') {
-        setRemoteUrl(engineApis?.getAppFileUrlByFileCode(fileCode));
-      } else if (url && associatedType === 'url') {
-        setRemoteUrl(url);
-      }
-    }, [url, fileCode]);
-
-    if (!visible) {
-      return <></>;
+  useImperativeHandle(
+    ref,
+    () =>
+      mergeGetter(myRefs || {}, {
+        setCompProps: (params: any) => {
+          setProps({ ...customProps, ...params });
+        },
+        setSrc: (src: string) => {
+          if (src.startsWith('http')) {
+            setRemoteUrl(src);
+          } else {
+            // 怀疑是文件id
+            setRemoteUrl(engineApis?.getAppFileUrlByFileCode(src));
+          }
+        },
+      }),
+    [myRefs]
+  );
+  useDeepCompareEffect(() => {
+    // 如果是远程服务组件
+    if (fileCode && associatedType === 'file') {
+      setRemoteUrl(engineApis?.getAppFileUrlByFileCode(fileCode));
+    } else if (url && associatedType === 'url') {
+      setRemoteUrl(url);
     }
-    const Component = RemoteComponentMap[type];
+  }, [url, fileCode]);
 
-    return (
-      <Component
-        engineType="engine"
-        {...restProps}
-        customProps={customProps}
-        url={remoteUrl}
-        getEngineApis={getEngineApis}
-        forwardRef={(refs: any) => {
-          if (refs && isDid.current === false) {
-            isDid.current = true;
-            setMyRefs(refs);
-          }
-        }}
-      />
-    );
-  },
-);
+  if (!visible) {
+    return <></>;
+  }
+  const Component = RemoteComponentMap[type];
+
+  return (
+    <Component
+      engineType="engine"
+      {...restProps}
+      customProps={customProps}
+      url={remoteUrl}
+      getEngineApis={getEngineApis}
+      forwardRef={(refs: any) => {
+        if (refs && isDid.current === false) {
+          isDid.current = true;
+          setMyRefs(refs);
+        }
+      }}
+    />
+  );
+});
 
 export default RemoteComponent;

package/lib/pcpublic/src/components/pcfactory/src/Result/index.tsx

@@ -10,18 +10,10 @@ export interface MyResultProps {
   visible: boolean;
 }
 
-const Result: React.FC<MyResultProps> = (props) => {
+const Result: React.FC<MyResultProps> = props => {
   const { status, title, subTitle, visible, style, ...restProps } = props;
   const finalStyle = useHiddenStyle(visible, style);
-  return (
-    <AntdResult
-      status={status}
-      title={title}
-      subTitle={subTitle}
-      style={finalStyle}
-      {...restProps}
-    />
-  );
+  return <AntdResult status={status} title={title} subTitle={subTitle} style={finalStyle} {...restProps} />;
 };
 
 export default Result;

package/lib/pcpublic/src/components/pcfactory/src/RichTextEditor/LcdpUeditorMain.tsx

@@ -2,30 +2,25 @@ import LcdpUeditor from '@lingxiteam/lcdp-ueditor-react';
 import { ILcdpUeditorInst } from '@lingxiteam/lcdp-ueditor-react/es/type';
 import { LingXiFC } from '@lingxiteam/types';
 import { useMemo, useRef } from 'react';
-import {
-  FormFields,
-  getFieldsProps,
-  useCommonImperativeHandle,
-} from '../utils';
+import { FormFields, getFieldsProps, useCommonImperativeHandle } from '../utils';
 import { useLocale } from '../utils/hooks/useLocale';
 import { renderRichText } from '../utils/renderReadOnly';
 import { DEFAULT_TOOLBARS, DEFAULT_TOOLBARS_GROUP } from './const';
 
-const LcdpUeditorMain: LingXiFC<{ [key: string]: any }> = (props) => {
+const LcdpUeditorMain: LingXiFC<{ [key: string]: any }> = props => {
   const { value, onChange, style, className, rootRef: ref, funcTypes } = props;
   const editorRef = useRef<ILcdpUeditorInst | null>(null);
 
   const engineApis = props.getEngineApis();
   const { getLocale, lang } = useLocale(engineApis);
 
-  const { disabled, required, readOnly, formFieldsRef } =
-    useCommonImperativeHandle(ref, props, {
-      setValue: (val: string) => {
-        if (editorRef.current) {
-          editorRef.current.setContent(val);
-        }
-      },
-    });
+  const { disabled, required, readOnly, formFieldsRef } = useCommonImperativeHandle(ref, props, {
+    setValue: (val: string) => {
+      if (editorRef.current) {
+        editorRef.current.setContent(val);
+      }
+    },
+  });
 
   const finalRules = useMemo(
     () => [
@@ -34,16 +29,14 @@ const LcdpUeditorMain: LingXiFC<{ [key: string]: any }> = (props) => {
         message: getLocale?.('notEmpty', { name }),
       },
     ],
-    [required, name, lang],
+    [required, name, lang]
   );
 
   const toolbars = useMemo(() => {
     if (funcTypes) {
       const { accept = '' } = funcTypes;
       const filterBars: string[] = [];
-      const checkBarArrs: string[] = accept
-        .split(',')
-        .filter((str: string) => str.length);
+      const checkBarArrs: string[] = accept.split(',').filter((str: string) => str.length);
       if (checkBarArrs.length) {
         DEFAULT_TOOLBARS_GROUP.forEach((rows: string[], index: number) => {
           let curItemCheckNum = 0;
@@ -93,7 +86,7 @@ const LcdpUeditorMain: LingXiFC<{ [key: string]: any }> = (props) => {
       <LcdpUeditor
         lang={getLang}
         style={style}
-        onMount={(inst) => {
+        onMount={inst => {
           editorRef.current = inst;
         }}
         className={className}
@@ -106,12 +99,10 @@ const LcdpUeditorMain: LingXiFC<{ [key: string]: any }> = (props) => {
           maximumWords: props.maximumWords,
         }}
         toolbars={toolbars}
-        uploadFunction={async (file) => {
+        uploadFunction={async file => {
           const formData = new FormData();
           formData.append('attach', file, file.name);
-          const res: any = await engineApis?.service?.uploadFileByFetch(
-            formData,
-          );
+          const res: any = await engineApis?.service?.uploadFileByFetch(formData);
           if (res?.fileId) {
             const link = engineApis?.getAppFileUrlById(res?.fileId);
             console.log(link, res.fileId);

package/lib/pcpublic/src/components/pcfactory/src/RichTextEditor/RichTextEditor.tsx

@@ -66,176 +66,153 @@ interface BaseRichTextEditorPropsType {
 
 const richTextEditorPrefix = 'ued-richText-editor';
 
-const BaseRichTextEditor = React.forwardRef(
-  (props: BaseRichTextEditorPropsType, ref) => {
-    const {
-      value,
-      imageType,
-      className,
-      heightType,
-      minHeight,
-      maxHeight,
-      height,
-      engineApis,
-      onChange,
-      language,
-      disabled,
-      style,
-      richTextRef,
-    } = props;
+const BaseRichTextEditor = React.forwardRef((props: BaseRichTextEditorPropsType, ref) => {
+  const { value, imageType, className, heightType, minHeight, maxHeight, height, engineApis, onChange, language, disabled, style, richTextRef } =
+    props;
 
-    const heightStyle = useMemo(
-      () =>
-        heightType === 'auto'
-          ? {
-              minHeight: minHeight ? `${minHeight}px` : '',
-              maxHeight: maxHeight ? `${maxHeight}px` : '',
-              height: 'auto',
-            }
-          : { height: height ? `${height}px` : '' },
-      [heightType, height, maxHeight, minHeight],
-    );
-    const richTextProps: any = {};
-    if (onChange) {
-      richTextProps.onChange = onChange;
-    }
+  const heightStyle = useMemo(
+    () =>
+      heightType === 'auto'
+        ? {
+          minHeight: minHeight ? `${minHeight}px` : '',
+          maxHeight: maxHeight ? `${maxHeight}px` : '',
+          height: 'auto',
+        }
+        : { height: height ? `${height}px` : '' },
+    [heightType, height, maxHeight, minHeight]
+  );
+  const richTextProps: any = {};
+  if (onChange) {
+    richTextProps.onChange = onChange;
+  }
 
-    const isBase64 = (src: string) => {
-      // 检查是否以 base64 数据格式开始
-      return src.startsWith('data:image/');
-    };
+  const isBase64 = (src: string) => {
+    // 检查是否以 base64 数据格式开始
+    return src.startsWith('data:image/');
+  };
 
-    const getQueryParams = (url: string) => {
-      const queryParams: any = {};
-      // 使用 URLSearchParams 解析查询字符串
-      const urlParams = new URLSearchParams(url.split('?')[1]);
+  const getQueryParams = (url: string) => {
+    const queryParams: any = {};
+    // 使用 URLSearchParams 解析查询字符串
+    const urlParams = new URLSearchParams(url.split('?')[1]);
 
-      // 遍历所有查询参数，添加到结果对象中
-      for (const [key, value] of urlParams) {
-        queryParams[key] = value;
-      }
+    // 遍历所有查询参数，添加到结果对象中
+    for (const [key, value] of urlParams) {
+      queryParams[key] = value;
+    }
 
-      return queryParams;
-    };
+    return queryParams;
+  };
 
-    return (
-      <div
-        className={classnames(richTextEditorPrefix, className)}
+  return (
+    <div className={classnames(richTextEditorPrefix, className)} style={style}>
+      <RichText
+        ref={richTextRef}
+        {...richTextProps}
+        {...heightStyle}
+        autofocus={false} // 现场希望不要默认获取焦点
+        disabled={disabled}
+        value={value ?? ''}
+        language={language}
+        antPrefix="pcfactory"
         style={style}
-      >
-        <RichText
-          ref={richTextRef}
-          {...richTextProps}
-          {...heightStyle}
-          autofocus={false} // 现场希望不要默认获取焦点
-          disabled={disabled}
-          value={value ?? ''}
-          language={language}
-          antPrefix="pcfactory"
-          style={style}
-          customImgUrl={(imgUrl: string) => {
-            if (!isBase64(imgUrl)) {
-              const urlParams = getQueryParams(imgUrl);
-              if (urlParams.fileId) {
-                const url = engineApis?.getAppFileUrlById(urlParams.fileId);
-                return url;
-              }
+        customImgUrl={(imgUrl: string) => {
+          if (!isBase64(imgUrl)) {
+            const urlParams = getQueryParams(imgUrl);
+            if (urlParams.fileId) {
+              const url = engineApis?.getAppFileUrlById(urlParams.fileId);
+              return url;
             }
-            return imgUrl;
-          }}
-          addImageBlobHook={async (blob, callback) => {
-            if (imageType !== 'base64') {
-              const formData = new FormData();
-              formData.append('attach', blob, 'tmpfile');
-              const res = await engineApis?.service?.uploadFileByFetch(
-                formData,
-              );
-              if (res?.fileId) {
-                const link = engineApis?.getAppFileUrlById(res?.fileId);
-                callback(link, '');
-              }
-            } else {
-              const reader = new FileReader();
-
-              reader.onload = ({ target }) =>
-                callback(target!.result as string);
-              reader.readAsDataURL(blob);
+          }
+          return imgUrl;
+        }}
+        addImageBlobHook={async (blob, callback) => {
+          if (imageType !== 'base64') {
+            const formData = new FormData();
+            formData.append('attach', blob, 'tmpfile');
+            const res = await engineApis?.service?.uploadFileByFetch(formData);
+            if (res?.fileId) {
+              const link = engineApis?.getAppFileUrlById(res?.fileId);
+              callback(link, '');
             }
-          }}
-        />
-      </div>
-    );
-  },
-);
+          } else {
+            const reader = new FileReader();
 
-const RichTextEditor = LingxiForwardRef<any, MyRichTextEditorProps>(
-  (props, ref) => {
-    const {
-      height,
-      onChange,
-      className,
-      imageType,
-      heightType = 'fixed',
-      maxHeight,
-      minHeight,
-      getEngineApis,
-      name,
-      disabled,
-      required,
-      readOnly,
-      formFieldsRef,
-      language,
-      style,
-      richTextRef,
-    } = props;
-    const engineApis = getEngineApis?.() || {};
-    const { getLocale, lang } = useLocale(engineApis);
-
-    const finalRules = useMemo(
-      () => [
-        {
-          required,
-          message: getLocale?.('notEmpty', { name }),
-        },
-      ],
-      [required, name, lang],
-    );
-    return (
-      <FormFields
-        {...getFieldsProps(props)}
-        ref={formFieldsRef}
-        trigger="onChange"
-        required={required}
-        disabled={disabled as any}
-        readOnly={readOnly}
-        rules={finalRules}
-        render={(val: string) => {
-          const newVal = filterHtmlNode(val);
-          return (
-            <span
-              className="ued-input-readonly"
-              // eslint-disable-next-line react/no-danger
-              dangerouslySetInnerHTML={{ __html: newVal ?? '--' }}
-            />
-          );
+            reader.onload = ({ target }) => callback(target!.result as string);
+            reader.readAsDataURL(blob);
+          }
         }}
-      >
-        <BaseRichTextEditor
-          richTextRef={richTextRef}
-          engineApis={engineApis}
-          className={className}
-          imageType={imageType}
-          height={height}
-          heightType={heightType}
-          maxHeight={maxHeight}
-          minHeight={minHeight}
-          onChange={onChange}
-          language={language}
-          style={style}
-        />
-      </FormFields>
-    );
-  },
-);
+      />
+    </div>
+  );
+});
+
+const RichTextEditor = LingxiForwardRef<any, MyRichTextEditorProps>((props, ref) => {
+  const {
+    height,
+    onChange,
+    className,
+    imageType,
+    heightType = 'fixed',
+    maxHeight,
+    minHeight,
+    getEngineApis,
+    name,
+    disabled,
+    required,
+    readOnly,
+    formFieldsRef,
+    language,
+    style,
+    richTextRef,
+  } = props;
+  const engineApis = getEngineApis?.() || {};
+  const { getLocale, lang } = useLocale(engineApis);
+
+  const finalRules = useMemo(
+    () => [
+      {
+        required,
+        message: getLocale?.('notEmpty', { name }),
+      },
+    ],
+    [required, name, lang]
+  );
+  return (
+    <FormFields
+      {...getFieldsProps(props)}
+      ref={formFieldsRef}
+      trigger="onChange"
+      required={required}
+      disabled={disabled as any}
+      readOnly={readOnly}
+      rules={finalRules}
+      render={(val: string) => {
+        const newVal = filterHtmlNode(val);
+        return (
+          <span
+            className="ued-input-readonly"
+            // eslint-disable-next-line react/no-danger
+            dangerouslySetInnerHTML={{ __html: newVal ?? '--' }}
+          />
+        );
+      }}
+    >
+      <BaseRichTextEditor
+        richTextRef={richTextRef}
+        engineApis={engineApis}
+        className={className}
+        imageType={imageType}
+        height={height}
+        heightType={heightType}
+        maxHeight={maxHeight}
+        minHeight={minHeight}
+        onChange={onChange}
+        language={language}
+        style={style}
+      />
+    </FormFields>
+  );
+});
 
 export default RichTextEditor;

package/lib/pcpublic/src/components/pcfactory/src/RichTextEditor/RichTextEditorMain.tsx

@@ -9,18 +9,17 @@ export interface RichTextEditorProps {
   rootRef: any;
 }
 
-const RichTextEditorMain: LingXiFC<RichTextEditorProps> = (props) => {
+const RichTextEditorMain: LingXiFC<RichTextEditorProps> = props => {
   const { rootRef: ref } = props;
   const gridViewRef = useRef<any>(null);
   const richTextRef = useRef<any>(null);
-  const { disabled, required, readOnly, formFieldsRef } =
-    useCommonImperativeHandle(ref, props, {
-      setValue: (val: string) => {
-        if (richTextRef.current) {
-          richTextRef.current.setHTML(val);
-        }
-      },
-    });
+  const { disabled, required, readOnly, formFieldsRef } = useCommonImperativeHandle(ref, props, {
+    setValue: (val: string) => {
+      if (richTextRef.current) {
+        richTextRef.current.setHTML(val);
+      }
+    },
+  });
 
   const language = props.getEngineApis().getLocaleEnv();
 

package/lib/pcpublic/src/components/pcfactory/src/RichTextEditor/loader.ts

@@ -2,10 +2,7 @@ import Loadable from 'react-loadable';
 import { LoadingComponennt } from '../utils/LoaderHelper';
 
 const GanttLoader = Loadable({
-  loader: async () =>
-    (await import(
-      /* webpackChunkName: 'pcFactory-RichTextEditor' */ './RichTextEditor'
-    )) as unknown as React.ComponentType<any>,
+  loader: async () => (await import(/* webpackChunkName: 'pcFactory-RichTextEditor' */ './RichTextEditor')) as unknown as React.ComponentType<any>,
   loading: LoadingComponennt,
 });
 

package/lib/pcpublic/src/components/pcfactory/src/Row/Row.tsx

@@ -14,7 +14,7 @@ export interface MyRowProps extends RowProps {
   getEngineApis?: any;
 }
 
-const MyRow: React.FC<MyRowProps> = (props) => {
+const MyRow: React.FC<MyRowProps> = props => {
   const {
     children,
     style,

package/lib/pcpublic/src/components/pcfactory/src/Row/index.tsx

@@ -1,7 +1,7 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
 import RowLoader from './loader';
 
-const Row = LingxiForwardRef<unknown, any>((props) => {
+const Row = LingxiForwardRef<unknown, any>(props => {
   // eslint-disable-next-line react/react-in-jsx-scope
   return <RowLoader {...props} />;
 });

package/lib/pcpublic/src/components/pcfactory/src/Row/loader.tsx

@@ -2,10 +2,7 @@ import Loadable from 'react-loadable';
 import { LoadingComponennt } from '../utils/LoaderHelper';
 
 const RowLoader = Loadable({
-  loader: async () =>
-    (await import(
-      /* webpackChunkName: 'factory-Row' */ './Row'
-    )) as unknown as React.ComponentType<any>,
+  loader: async () => (await import(/* webpackChunkName: 'factory-Row' */ './Row')) as unknown as React.ComponentType<any>,
   loading: LoadingComponennt,
 });