@lingxiteam/ebe-utils 0.2.4 → 0.2.5

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

@@ -8,14 +8,7 @@ import classnames from 'classnames';
 import React, { useMemo, useRef } from 'react';
 import BodyCell from '../Table/BodyCell';
 import HeaderCell from '../Table/HeaderCell';
-import {
-  useColumns,
-  useCommon,
-  useDataSource,
-  useRowEdit,
-  useScroll,
-  useSelection,
-} from '../Table/hooks';
+import { useColumns, useCommon, useDataSource, useRowEdit, useScroll, useSelection } from '../Table/hooks';
 import TableHead from '../Table/TableHead';
 import type { MyTableProps } from '../Table/types/prop';
 import { useCreation } from '../utils/ahooks';
@@ -24,26 +17,8 @@ import { useFuncExpExecute } from '../utils/hooks/useFuncExpExecute';
 import { useLocale } from '../utils/hooks/useLocale';
 import { useCMDAction, useExpandable } from './hooks';
 
-const components = {
-  body: {
-    cell: BodyCell,
-  },
-  header: {
-    cell: HeaderCell,
-  },
-};
-
 const TreeTable = React.forwardRef<any, MyTableProps>((props, ref) => {
-  const {
-    dataSource: boundDataSource,
-    visible = true,
-    style: styles,
-    className,
-    onChange,
-    $$componentItem,
-    getEngineApis,
-    ...restProps
-  } = props;
+  const { dataSource: boundDataSource, visible = true, style: styles, className, onChange, $$componentItem, getEngineApis, ...restProps } = props;
 
   const { uid: compId } = $$componentItem;
   const [form] = Form.useForm();
@@ -58,21 +33,12 @@ const TreeTable = React.forwardRef<any, MyTableProps>((props, ref) => {
   const appId = props?.appId || $$componentItem?.appId;
   const pageId = props?.pageId || $$componentItem?.pageId;
 
-  const {
-    currentRowKey,
-    isBordered,
-    innerClassName,
-    setReplaceBoundDataSource,
-    outerDataSource,
-    outerDataSourceRef,
-  } = useCommon({ ...props, boundDataSource });
+  const { currentRowKey, isBordered, innerClassName, setReplaceBoundDataSource, outerDataSource, outerDataSourceRef } = useCommon({
+    ...props,
+    boundDataSource,
+  });
 
-  const {
-    innerDataSource,
-    setInnerDataSource,
-    setOuterDataSource,
-    currentPageDataSource,
-  } = useDataSource({
+  const { innerDataSource, setInnerDataSource, setOuterDataSource, currentPageDataSource } = useDataSource({
     ...props,
     compId,
     currentRowKey,
@@ -90,9 +56,7 @@ const TreeTable = React.forwardRef<any, MyTableProps>((props, ref) => {
         if (indexMap.has(id)) {
           return indexMap.get(id);
         }
-        const index = (innerDataSource || []).findIndex(
-          (c: any) => c[currentRowKey] === id,
-        );
+        const index = (innerDataSource || []).findIndex((c: any) => c[currentRowKey] === id);
         if (index !== -1) {
           indexMap.set(id, index);
         }
@@ -101,30 +65,16 @@ const TreeTable = React.forwardRef<any, MyTableProps>((props, ref) => {
     };
   }, [innerDataSource, currentRowKey]);
 
-  const {
-    rowSelection,
-    selectedRows,
-    selectedRowKeys,
-    setSelectedRows,
-    setSelectedRowKeys,
-    setSelectedRowsRule,
-    onRowSelected,
-    onRowSelectClick,
-  } = useSelection({
-    ...props,
-    innerDataSource,
-    currentRowKey,
-    currentPageDataSource,
-    funcExpExecute,
-  });
+  const { rowSelection, selectedRows, selectedRowKeys, setSelectedRows, setSelectedRowKeys, setSelectedRowsRule, onRowSelected, onRowSelectClick } =
+    useSelection({
+      ...props,
+      innerDataSource,
+      currentRowKey,
+      currentPageDataSource,
+      funcExpExecute,
+    });
 
-  const {
-    onRowDeleteClick,
-    onRowEditClick,
-    onRowDetailClick,
-    onRowClick,
-    onRowDoubleClick,
-  } = useRowEdit({
+  const { onRowDeleteClick, onRowEditClick, onRowDetailClick, onRowClick, onRowDoubleClick } = useRowEdit({
     ...props,
     funcExpExecute,
     innerDataSource,
@@ -141,8 +91,10 @@ const TreeTable = React.forwardRef<any, MyTableProps>((props, ref) => {
     childrenColumnName,
     setChildrenColumnName,
     setMode,
+    expandTableData,
   } = useExpandable({
     ...props,
+    dataSource: innerDataSource,
     innerDataSource,
     setInnerDataSource,
     currentRowKey,
@@ -168,16 +120,10 @@ const TreeTable = React.forwardRef<any, MyTableProps>((props, ref) => {
     onRowSelected,
     setMode,
     engineApis,
+    expandTableData,
   });
 
-  const {
-    tableRef,
-    finalcolumns,
-    columnWidth,
-    setColumnWidth,
-    initLoadColWidth,
-    fixedAction,
-  } = useColumns({
+  const { tableRef, finalcolumns, columnWidth, setColumnWidth, initLoadColWidth, fixedAction } = useColumns({
     ...props,
     sandBoxSafeRun,
     funcExpExecute,
@@ -198,14 +144,13 @@ const TreeTable = React.forwardRef<any, MyTableProps>((props, ref) => {
     getRealIndexById,
   });
 
-  const { scroll, tableWrapRef, initTableWrapWidthRef, getTableWrapWidth } =
-    useScroll({
-      ...props,
-      initLoadColWidth,
-      finalcolumns,
-      columnWidth,
-      setColumnWidth,
-    });
+  const { scroll, tableWrapRef, initTableWrapWidthRef, getTableWrapWidth } = useScroll({
+    ...props,
+    initLoadColWidth,
+    finalcolumns,
+    columnWidth,
+    setColumnWidth,
+  });
 
   const superSelectTranslationMapRef: any = useRef(); // 防止state更新不及时，导致翻译无法获取翻译数据
   if (!superSelectTranslationMapRef.current) {
@@ -218,12 +163,7 @@ const TreeTable = React.forwardRef<any, MyTableProps>((props, ref) => {
     innerTableStyle.overflowY = styles.overflowY;
   }
 
-  const handleTableChange = (
-    newPagination: any,
-    newFilters: any,
-    newSorter: any,
-    newExtra: any,
-  ) => {
+  const handleTableChange = (newPagination: any, newFilters: any, newSorter: any, newExtra: any) => {
     if (typeof onChange === 'function') {
       onChange(newPagination, newFilters, newSorter, newExtra);
     }
@@ -234,43 +174,45 @@ const TreeTable = React.forwardRef<any, MyTableProps>((props, ref) => {
     const tmpStyle = { ...styles };
     const tableWidth = getTableWrapWidth();
     if (tableWrapRef.current && tableWidth) {
-      const realTableWidth =
-        tableWidth >= initTableWrapWidthRef.current - 10
-          ? initTableWrapWidthRef.current - 9
-          : tableWidth;
+      const realTableWidth = tableWidth >= initTableWrapWidthRef.current - 10 ? initTableWrapWidthRef.current - 9 : tableWidth;
       tmpStyle.width = `${realTableWidth}px`;
     }
     return tmpStyle;
   }, [columnWidth]);
 
   return visible ? (
-    <Form form={form}>
-      <div
-        // appId={appId} // TODO:先注释，不知道什么场景用到
-        // pageId={pageId} // TODO:先注释，不知道什么场景用到
-        data-compid={(props as any)?.['data-compid']}
-        style={finalStyles}
-        className={classnames('ued-table-wrap', className)}
-        ref={tableWrapRef}
-      >
-        <TableHead
-          {...restProps} // 涉及到不确定的事件，所以要这么传
-          source="engine"
-          columns={[]}
-          sandBoxSafeRun={sandBoxSafeRun}
-          engineApis={engineApis}
-        />
+    <div
+      // appId={appId} // TODO:先注释，不知道什么场景用到
+      // pageId={pageId} // TODO:先注释，不知道什么场景用到
+      data-compid={(props as any)?.['data-compid']}
+      style={finalStyles}
+      className={classnames('ued-table-wrap', className)}
+      ref={tableWrapRef}
+    >
+      <TableHead
+        {...restProps} // 涉及到不确定的事件，所以要这么传
+        source="engine"
+        columns={[]}
+        sandBoxSafeRun={sandBoxSafeRun}
+        engineApis={engineApis}
+      />
+      <Form form={form}>
         <Table
           locale={{
-            emptyText: (
-              <EmptyComp dataState={dataState} getLocale={getLocale} />
-            ),
+            emptyText: <EmptyComp dataState={dataState} getLocale={getLocale} />,
           }}
           ref={tableRef}
           bordered={isBordered}
           className={innerClassName}
           style={innerTableStyle}
-          components={components}
+          components={{
+            body: {
+              cell: BodyCell,
+            },
+            header: {
+              cell: (info: any) => <HeaderCell {...info} tableData={innerDataSource} childrenColumnName={realExpandable.childrenColumnName} />,
+            },
+          }}
           columns={finalcolumns.map((item, index) => {
             // 固定列最后一项宽度根据本身计算返回
             if (fixedAction && finalcolumns.length - 1 === index) {
@@ -284,16 +226,16 @@ const TreeTable = React.forwardRef<any, MyTableProps>((props, ref) => {
           onChange={handleTableChange}
           onRow={(record, index?: number) => {
             return {
-              onClick: (event) => {
+              onClick: event => {
                 const hasOnRowClick = onRowClick(event, record, index);
                 !hasOnRowClick && onRowSelectClick(record, index);
               }, // 点击行
-              onDoubleClick: (event) => {
+              onDoubleClick: event => {
                 onRowDoubleClick(event, record, index);
               },
-              onContextMenu: (event) => {},
-              onMouseEnter: (event) => {}, // 鼠标移入行
-              onMouseLeave: (event) => {},
+              onContextMenu: event => {},
+              onMouseEnter: event => {}, // 鼠标移入行
+              onMouseLeave: event => {},
             };
           }}
           rowSelection={rowSelection}
@@ -301,8 +243,8 @@ const TreeTable = React.forwardRef<any, MyTableProps>((props, ref) => {
           expandable={realExpandable}
           pagination={false}
         />
-      </div>
-    </Form>
+      </Form>
+    </div>
   ) : null;
 });
 

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

@@ -87,14 +87,12 @@ const FormUpload: React.FC<FormUploadProps> = forwardRef((props, ref) => {
   }, [api]);
 
   const defaultShowUploadList = {
-    showRemoveIcon: true,
+    showRemoveIcon: !readOnly && !disabled,
     showDownloadIcon: downloadable,
   };
 
   const [fileList, setFileList] = useState<any[]>([]);
-  const [showUploadList, setShowUploadList] = useState<any>(
-    props.showUploadList === false ? false : defaultShowUploadList,
-  ); // showUploadList 默认为null
+  const [showUploadList, setShowUploadList] = useState<any>(props.showUploadList === false ? false : defaultShowUploadList); // showUploadList 默认为null
   const [forbidden] = useState(null);
   const [storeArr, setStoreArr] = useState<any[]>([]);
   const [optionalVisible, setOptionalVisible] = useState<boolean>(false);
@@ -107,7 +105,7 @@ const FormUpload: React.FC<FormUploadProps> = forwardRef((props, ref) => {
 
   const handleRemove = async (file: { uid: any }, isRefresh?: any) => {
     if (singleFileMode || isRefresh) {
-      const restFileList = fileList.filter((f) => f.uid !== file.uid);
+      const restFileList = fileList.filter(f => f.uid !== file.uid);
       setFileList(restFileList);
       if (singleFileMode) {
         restFileList.length === 0 ? onChange(null) : onChange(restFileList);
@@ -158,58 +156,44 @@ const FormUpload: React.FC<FormUploadProps> = forwardRef((props, ref) => {
   };
 
   // 文件名为全路径时，拆分出实际文件名
-  const handleFileName = (_fileName: string) =>
-    _fileName ? _fileName.split('\\').pop() : _fileName;
+  const handleFileName = (_fileName: string) => (_fileName ? _fileName.split('\\').pop() : _fileName);
 
   useEffect(() => {
-    if (
-      value &&
-      value !== '[]' &&
-      value !== '[null]' &&
-      value !== '[{}]' &&
-      value !== undefined
-    ) {
+    if (value && value !== '[]' && value !== '[null]' && value !== '[{}]' && value !== undefined) {
       try {
         let fileName = null;
-        if (
-          singleFileMode &&
-          value &&
-          Number(value).toString() !== 'NaN' &&
-          !storeArr.includes(`${value}`)
-        ) {
-          engineApis?.service
-            ?.qryDownloadFileInfo({ fileId: value })
-            .then((res: any) => {
-              setStoreArr([...storeArr, `${value}`]);
-              fileName = res?.fileName;
-              const singleList = [
-                {
-                  response: {
-                    resultObject: {
-                      fileId: value,
-                      fileName,
-                    },
+        if (singleFileMode && value && Number(value).toString() !== 'NaN' && !storeArr.includes(`${value}`)) {
+          engineApis?.service?.qryDownloadFileInfo({ fileId: value }).then((res: any) => {
+            setStoreArr([...storeArr, `${value}`]);
+            fileName = res?.fileName;
+            const singleList = [
+              {
+                response: {
+                  resultObject: {
+                    fileId: value,
+                    fileName,
                   },
-                  uid: value,
-                  name: handleFileName(fileName),
-                  status: value ? 'done' : 'stop',
-                  url: engineApis?.service?.getAppFileUrlById(value),
                 },
-              ];
-              downloadable
-                ? setFileList(singleList)
-                : setFileList(
-                    singleList.map((f) => {
-                      const { response, uid, name, status } = f;
-                      return {
-                        response,
-                        uid,
-                        name,
-                        status,
-                      };
-                    }),
-                  );
-            });
+                uid: value,
+                name: handleFileName(fileName),
+                status: value ? 'done' : 'stop',
+                url: engineApis?.service?.getAppFileUrlById(value),
+              },
+            ];
+            downloadable
+              ? setFileList(singleList)
+              : setFileList(
+                singleList.map(f => {
+                  const { response, uid, name, status } = f;
+                  return {
+                    response,
+                    uid,
+                    name,
+                    status,
+                  };
+                })
+              );
+          });
         } else {
           let list = [];
           // value 绑定的内容，是个数组的情况，数据兼容
@@ -220,7 +204,7 @@ const FormUpload: React.FC<FormUploadProps> = forwardRef((props, ref) => {
           }
           if (list && Array.isArray(list) && list.length > 0 && list[0]) {
             let isDone = true;
-            const newFileList = list.map((li) => {
+            const newFileList = list.map(li => {
               if (!li) {
                 isDone = false;
                 return false;
@@ -242,16 +226,16 @@ const FormUpload: React.FC<FormUploadProps> = forwardRef((props, ref) => {
               downloadable
                 ? setFileList(newFileList)
                 : setFileList(
-                    newFileList.map((f: any) => {
-                      const { response, uid, name, status } = f;
-                      return {
-                        response,
-                        uid,
-                        name,
-                        status,
-                      };
-                    }),
-                  );
+                  newFileList.map((f: any) => {
+                    const { response, uid, name, status } = f;
+                    return {
+                      response,
+                      uid,
+                      name,
+                      status,
+                    };
+                  })
+                );
             }
           }
         }
@@ -275,17 +259,14 @@ const FormUpload: React.FC<FormUploadProps> = forwardRef((props, ref) => {
           };
         }
         return undefined;
-      }),
+      })
     );
     if (getSimpleFileList) {
       getSimpleFileList(simpleFileList);
     }
     if (singleFileMode) {
       if (Array.isArray(fileList) && fileList.length > 0) {
-        if (
-          fileList[0].response &&
-          fileList[0].response.resultMsg === 'success'
-        ) {
+        if (fileList[0].response && fileList[0].response.resultMsg === 'success') {
           const { resultObject } = fileList[0].response;
           const { fileId } = resultObject;
           // onChange(parseInt(fileId, 10));
@@ -320,16 +301,16 @@ const FormUpload: React.FC<FormUploadProps> = forwardRef((props, ref) => {
       downloadable
         ? setFileList(files)
         : setFileList(
-            files.map((f: any) => {
-              const { response, uid, name, status } = f;
-              return {
-                response,
-                uid,
-                name,
-                status,
-              };
-            }),
-          );
+          files.map((f: any) => {
+            const { response, uid, name, status } = f;
+            return {
+              response,
+              uid,
+              name,
+              status,
+            };
+          })
+        );
 
       if (files[0] && files[0].status !== 'uploading') {
         const { resultCode, resultMsg } = files[0].response || {};
@@ -352,9 +333,7 @@ const FormUpload: React.FC<FormUploadProps> = forwardRef((props, ref) => {
 
   const getDownloadName = (suffix: any, file: any) => {
     const suf = suffix || getAfterString(file.name, '.') || '';
-    return fileNameEncode
-      ? `${createRandomStr(20).toUpperCase()}.${suf}`
-      : file.name.replace(/\.\w+$/, `.${suf}`);
+    return fileNameEncode ? `${createRandomStr(20).toUpperCase()}.${suf}` : file.name.replace(/\.\w+$/, `.${suf}`);
   };
 
   // 支持图片、pdf直接下载
@@ -369,8 +348,7 @@ const FormUpload: React.FC<FormUploadProps> = forwardRef((props, ref) => {
     try {
       // 如果有field 优先通过field拼接
       if (file.fileId) {
-        const addWaterMark =
-          isWatermark && (!optionalFile || downloadWay === '2');
+        const addWaterMark = isWatermark && (!optionalFile || downloadWay === '2');
         downUrl = engineApis?.service?.getAppFileUrlById({
           addWaterMark,
           fileId: file.fileId,
@@ -386,16 +364,20 @@ const FormUpload: React.FC<FormUploadProps> = forwardRef((props, ref) => {
       xhr.open('GET', downUrl, true);
       xhr.responseType = 'blob'; // 设置接受类型
       xhr.setRequestHeader('Content-Type', 'application/json'); // 设置请求头参数
+      // 添加自定义头部(在info.js写入)
+      const { lxRequestHeaders } = window as any;
+      if (lxRequestHeaders) {
+        Object.keys(lxRequestHeaders).forEach(header => {
+          xhr.setRequestHeader(header, lxRequestHeaders[header]); // 设置请求头参数
+        });
+      }
       // xhr.setRequestHeader('X-B-TARGET-ID', props.pageId);
       // xhr.setRequestHeader('X-B-AUTH', '1');
       // xhr.setRequestHeader('APP-ID', appId);
       xhr.onload = () => {
         const data = xhr.response; // 获取响应体数据
         // @ts-ignore
-        const suffix = getAfterString(
-          xhr.getResponseHeader('Content-Disposition'),
-          '.',
-        );
+        const suffix = getAfterString(xhr.getResponseHeader('Content-Disposition'), '.');
         const a = document.createElement('a');
         document.body.appendChild(a);
         a.href = window.URL.createObjectURL(data); // 获取blob地址
@@ -407,9 +389,7 @@ const FormUpload: React.FC<FormUploadProps> = forwardRef((props, ref) => {
       // 下载进度条
       xhr.onprogress = (event: any) => {
         if (event.lengthComputable) {
-          progressRef.current?.[file.fileId]?.setPercent(
-            Math.round((event.loaded * 100) / event.total),
-          );
+          progressRef.current?.[file.fileId]?.setPercent(Math.round((event.loaded * 100) / event.total));
         }
       };
       xhr.ontimeout = () => {
@@ -462,7 +442,7 @@ const FormUpload: React.FC<FormUploadProps> = forwardRef((props, ref) => {
           'X-B-AUTH': '1',
           'X-B-TARGET-ID': props.pageId,
         },
-      }).then((response) => response.json());
+      }).then(response => response.json());
       if (res.resultCode === '-1' || res.resultCode === -1) {
         setShowUploadList(false);
         return false;
@@ -478,7 +458,7 @@ const FormUpload: React.FC<FormUploadProps> = forwardRef((props, ref) => {
         message.warn(
           getLocale?.('Upload.fileLimit', {
             num: singleFileMode ? 1 : numberLimit,
-          }),
+          })
         );
         return false;
       }
@@ -495,8 +475,7 @@ const FormUpload: React.FC<FormUploadProps> = forwardRef((props, ref) => {
     action,
     accept: acceptExtension || accept,
     // eslint-disable-next-line @typescript-eslint/no-shadow
-    beforeUpload: (file: any, fileList: any) =>
-      handleBeforeUpload(file, fileList),
+    beforeUpload: (file: any, fileList: any) => handleBeforeUpload(file, fileList),
     fileList,
     onRemove: (file: { uid: any }) => handleRemove(file),
     onChange: (e: any) => handleOnChange(e),
@@ -536,16 +515,10 @@ const FormUpload: React.FC<FormUploadProps> = forwardRef((props, ref) => {
           <p className="ant-upload-drag-icon">
             <InboxOutlined rev="" />
           </p>
-          <p className="ant-upload-text">
-            {getLocale?.('Upload.uploadPlaceholder')}
-          </p>
+          <p className="ant-upload-text">{getLocale?.('Upload.uploadPlaceholder')}</p>
         </Dragger>
       ) : (
-        <div
-          className={
-            disabled || readOnly ? `${UPLOAD_WRAPPER_CLASSNAME}-hidden` : ''
-          }
-        >
+        <div className={disabled || readOnly ? `${UPLOAD_WRAPPER_CLASSNAME}-hidden` : ''}>
           <Upload {...restProps} {...commonConfig}>
             {children}
           </Upload>
@@ -562,10 +535,7 @@ const FormUpload: React.FC<FormUploadProps> = forwardRef((props, ref) => {
           </Button>
         }
       >
-        <Radio.Group
-          onChange={(e) => setdDownloadWay(e.target.value)}
-          value={downloadWay}
-        >
+        <Radio.Group onChange={e => setdDownloadWay(e.target.value)} value={downloadWay}>
           <Radio value="1">{getLocale?.('Upload.origin')}</Radio>
           <Radio value="2">{getLocale?.('Upload.waterMark')}</Radio>
         </Radio.Group>
@@ -686,7 +656,7 @@ const MyUpload = LingxiForwardRef<any, MyUploadProps>((props, ref) => {
       readOnly={readOnly}
       rules={finalRules}
       ignoreReadOnlyFlag
-      handleFormValue={(val) => {
+      handleFormValue={val => {
         if (val !== undefined) {
           return props?.singleFileMode ? val : val || [];
         }
@@ -715,11 +685,13 @@ const MyUpload = LingxiForwardRef<any, MyUploadProps>((props, ref) => {
           //   form.setFieldsValue({ [fieldName]: v });
           // }
         }}
-        onChange={(e) => {
+        onChange={e => {
           if (onChange) {
             onChange(e);
           }
         }}
+        disabled={disabled}
+        readOnly={readOnly}
       >
         {listType === 'picture-card' ? (
           <div>

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

@@ -5,24 +5,15 @@ import UploadLoader from './loader';
 import type { MyUploadProps } from './Upload';
 
 const Upload = LingxiForwardRef<unknown, any>((props, ref) => {
-  const [uploadProps, setUploadProps] =
-    useState<MyUploadProps['uploadProps']>();
+  const [uploadProps, setUploadProps] = useState<MyUploadProps['uploadProps']>();
 
-  const { formFieldsRef, disabled, readOnly, required } =
-    useCommonImperativeHandle(ref, props, {
-      setUploadProps: (_props: any) => {
-        setUploadProps(_props);
-      },
-    });
+  const { formFieldsRef, disabled, readOnly, required } = useCommonImperativeHandle(ref, props, {
+    setUploadProps: (_props: any) => {
+      setUploadProps(_props);
+    },
+  });
   return (
-    <UploadLoader
-      {...props}
-      uploadProps={uploadProps}
-      disabled={disabled}
-      readOnly={readOnly}
-      required={required}
-      formFieldsRef={formFieldsRef}
-    />
+    <UploadLoader {...props} uploadProps={uploadProps} disabled={disabled} readOnly={readOnly} required={required} formFieldsRef={formFieldsRef} />
   );
 });
 

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

@@ -3,10 +3,7 @@ import { LoadingComponennt } from '../utils/LoaderHelper';
 
 const UploadLoader = Loadable({
   // eslint-disable-next-line func-call-spacing
-  loader: async () =>
-    (await import(
-      /* webpackChunkName: 'factory-Upload' */ './Upload'
-    )) as unknown as React.ComponentType<any>,
+  loader: async () => (await import(/* webpackChunkName: 'factory-Upload' */ './Upload')) as unknown as React.ComponentType<any>,
   loading: LoadingComponennt,
 });