@lingxiteam/ebe-utils 0.3.20 → 0.3.22

package/lib/pcpublic/src/components/pcfactory/src/Table/hooks/useFormatCell.ts

@@ -0,0 +1,279 @@
+import { message } from 'antd';
+import type { FuncExpExeCuteType } from '../../utils/hooks/useFuncExpExecute';
+import { CUSTOM, DOWNLOAD_FILE, OPEN_MODAL, PAGE_JUMP, PREVIEW_FILE, ROUTE_PUSH, ROUTE_REPLACE } from '../constant';
+import type { ContentClick, FuncCode } from '../types/contentStyle';
+
+interface useFormatCellProps extends ContentClick {
+  appId: string;
+  pageId: string;
+  modalHeight?: number;
+  modalWidth?: number;
+  funcExpExecute?: FuncExpExeCuteType;
+  engineApis: any;
+}
+
+const useFormatCell = (props: useFormatCellProps) => {
+  const {
+    funcExpExecute,
+    engineApis,
+    appId,
+    pageId,
+    content,
+    clickType,
+    page,
+    modal,
+    openType,
+    fileIds,
+    filename,
+    previewType,
+    downloadUrl,
+    modalHeight,
+    modalWidth,
+  } = props;
+
+  const realAppId = appId;
+  const realPageId = pageId;
+
+  const handleCellContent = (row: any, rowIndex: number) => {
+    if ((content as FuncCode)?.code && funcExpExecute) {
+      return funcExpExecute((content as FuncCode).code, [
+        {
+          key: 'row',
+          value: row,
+        },
+        {
+          key: 'index',
+          value: rowIndex,
+        },
+      ]);
+    }
+
+    return content;
+  };
+
+  const handlePageJump = async (row: any, rowId: string | number, rowIndex: number) => {
+    if (page) {
+      const { pagePath, searchParams = {} } = page;
+      const newSearchParams: any = {};
+
+      Object.keys(searchParams).forEach(key => {
+        if (typeof searchParams[key] === 'string') {
+          const exp = searchParams[key];
+          searchParams[key] = (row: any, rowId: string | number, index: number) =>
+            engineApis?.sandBoxSafeRun(exp, {
+              row,
+              rowId,
+              index,
+            });
+        }
+
+        if (typeof searchParams[key] === 'function') {
+          try {
+            newSearchParams[key] = searchParams[key](row, rowId, rowIndex);
+          } catch (e) {
+            console.error(e);
+          }
+        }
+      });
+
+      let newPath = pagePath || '';
+      Object.keys(newSearchParams).forEach(key => {
+        if (!newPath.includes(`${key}=`)) {
+          newPath += `${newPath.includes('?') ? '&' : '?'}${key}=${newSearchParams[key]}`;
+        }
+      });
+
+      switch (openType) {
+        case ROUTE_PUSH:
+          if (typeof engineApis?.historyPush === 'function') {
+            engineApis.historyPush(newPath);
+          }
+          break;
+        case ROUTE_REPLACE:
+          if (typeof engineApis?.historyReplace === 'function') {
+            engineApis.historyReplace(newPath);
+          }
+          break;
+        default:
+          break;
+      }
+    }
+  };
+
+  const handleOpenModal = async (row: any, rowId: string | number, rowIndex: number) => {
+    if (modal) {
+      const { pageId, compStates = {} } = modal;
+
+      const newCompStates: any = {};
+      Object.keys(compStates).forEach(key => {
+        if (typeof compStates[key] === 'string') {
+          const exp = compStates[key];
+          compStates[key] = (row: any, rowId: string | number, index: number) =>
+            engineApis?.sandBoxSafeRun(exp, {
+              row,
+              rowId,
+              index,
+            });
+        }
+
+        if (typeof compStates[key] === 'function') {
+          try {
+            newCompStates[key] = compStates[key](row, rowId, rowIndex);
+          } catch (e) {
+            console.error(e);
+          }
+        }
+      });
+
+      if (engineApis?.openModal) {
+        engineApis.openModal({
+          pageId,
+          params: newCompStates,
+        });
+      }
+    }
+  };
+
+  const handleDownloadFile = async (row: any, rowIndex: number) => {
+    if (typeof engineApis?.batchDownloadFileByIds === 'function') {
+      try {
+        let realFilename = filename;
+        let realFileIds = fileIds;
+
+        if ((filename as FuncCode)?.code && funcExpExecute) {
+          realFilename = funcExpExecute((filename as FuncCode).code, [
+            {
+              key: 'row',
+              value: row,
+            },
+            {
+              key: 'index',
+              value: rowIndex,
+            },
+          ]);
+        }
+
+        if ((fileIds as FuncCode)?.code && funcExpExecute) {
+          realFileIds = funcExpExecute((fileIds as FuncCode).code, [
+            {
+              key: 'row',
+              value: row,
+            },
+            {
+              key: 'index',
+              value: rowIndex,
+            },
+          ]);
+        }
+
+        realFileIds = Array.isArray(realFileIds) ? realFileIds[0] : realFileIds;
+
+        engineApis.batchDownloadFileByIds({
+          fileIds: realFileIds,
+          newFileName: realFilename,
+          onError: (errorMessage: string) => {
+            message.error(errorMessage);
+          },
+        });
+      } catch (e) {
+        console.error(e);
+      }
+    }
+  };
+
+  const handlePreviewFile = async (row: any, rowIndex: number) => {
+    let realFileIds: any = fileIds;
+
+    if ((fileIds as FuncCode)?.code && funcExpExecute) {
+      realFileIds = funcExpExecute((fileIds as FuncCode).code, [
+        {
+          key: 'row',
+          value: row,
+        },
+        {
+          key: 'index',
+          value: rowIndex,
+        },
+      ]);
+    }
+
+    if (typeof engineApis?.BannerModal?.open === 'function') {
+      // 弹窗预览
+      realFileIds = typeof realFileIds === 'string' ? [realFileIds] : realFileIds;
+      const fileList = realFileIds.map((fileId: string | number) => {
+        return {
+          fileId,
+          file: {
+            fileId,
+          },
+        };
+      });
+      engineApis.BannerModal.open({
+        fileIndex: 0,
+        fileList,
+        viewMode: previewType,
+        modalHeight,
+        pageId: realPageId,
+        appId: realAppId,
+        modalWidth,
+      });
+    } else if (previewType !== undefined && typeof engineApis?.previewFile === 'function') {
+      // 新窗口预览
+      realFileIds = Array.isArray(realFileIds) ? realFileIds[0] : realFileIds;
+      try {
+        engineApis.previewFile({
+          fileId: realFileIds,
+          appId: realAppId,
+          pageId: realPageId,
+        });
+      } catch (e) {
+        console.error(e);
+      }
+    }
+  };
+
+  const onCellClick = async (row: any, rowId: string | number, rowIndex: number) => {
+    switch (clickType) {
+      case PAGE_JUMP:
+        handlePageJump(row, rowId, rowIndex);
+        break;
+      case OPEN_MODAL:
+        handleOpenModal(row, rowId, rowIndex);
+        break;
+      case DOWNLOAD_FILE:
+        handleDownloadFile(row, rowIndex);
+        break;
+      case PREVIEW_FILE:
+        handlePreviewFile(row, rowIndex);
+        break;
+      case CUSTOM: {
+        let realDownloadUrl: any = downloadUrl;
+
+        if ((downloadUrl as FuncCode)?.code && funcExpExecute) {
+          realDownloadUrl = funcExpExecute((downloadUrl as FuncCode).code, [
+            {
+              key: 'row',
+              value: row,
+            },
+            {
+              key: 'index',
+              value: rowIndex,
+            },
+          ]);
+        }
+
+        window.open(realDownloadUrl, openType);
+        break;
+      }
+      default:
+        break;
+    }
+  };
+
+  return {
+    onCellClick,
+    handleCellContent,
+  };
+};
+
+export default useFormatCell;

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

@@ -0,0 +1,6 @@
+import { Empty } from 'antd';
+import EmptySvg from './empty';
+
+export const customLocale = {
+  emptyText: <Empty className="pcfactory-empty-normal" image={<EmptySvg />} />,
+};

package/lib/public/src/components/ExpBusiObjModal/index.less

@@ -0,0 +1,28 @@
+@import '../styles/index.less';
+@expBusiObjModal: expBusiObjModal;
+
+.@{prefix}-@{expBusiObjModal}-myCheckboxGroup {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: wrap;
+
+  .@{ant-prefix}-checkbox-group-item {
+    margin-bottom: 8px;
+    flex: none;
+    width: 25%;
+    box-sizing: border-box;
+    padding-right: 8px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-right: 0;
+    display: block;
+  }
+}
+
+.@{prefix}-@{expBusiObjModal}-myDivider {
+  margin: 8px 0;
+}

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

@@ -0,0 +1,315 @@
+import engineApi from '@/services/api/engine';
+import { Checkbox, Divider, message, Modal, Spin } from 'antd';
+import {
+  forwardRef,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
+import {
+  closeProgressMsg,
+  closeProgressNotification,
+  openProgressMsg,
+  showProgressNotification,
+} from '../ProgressComp';
+// import getApis from '../../services';
+import {
+  BaseModalProps,
+  ExpBusiObjModalCustomOptions,
+  ExpBusiObjModalHooks,
+  ExpBusiObjModalOptions,
+} from '@/types';
+import { exportFileShowProgress } from '@/utils/platform/utils/fileUtils';
+import { LocaleFunction } from '@lingxiteam/types';
+import { prefix } from '../../styles';
+import './index';
+
+const expBusiObjModal = `${prefix}-expBusiObjModal`;
+const CheckboxGroup = Checkbox.Group;
+
+interface ExpBusiObjModalProps extends BaseModalProps {
+  // appId?: string;
+  // pageId?: string;
+  getLocale?: LocaleFunction;
+}
+
+const ExpBusiObjModal = forwardRef<ExpBusiObjModalHooks, ExpBusiObjModalProps>(
+  (props, ref) => {
+    const {
+      // api,
+      // utils,
+      // pageId,
+      // appId,
+      getLocale,
+    } = props;
+
+    // 获取api
+    const [visible, setVisible] = useState<boolean>(false);
+    const [loading, setLoading] = useState<boolean>(false);
+    // const rowKey = 'attrCode';
+    const [curDataSource, setCurDataSource] = useState<any[]>([]);
+    const [selectedKeys, setSelectedKeys] = useState<any[]>([]);
+    const [confirmLoading, setConfirmLoading] = useState<boolean>(false);
+    const [params, setParams] = useState<any>({});
+    const [objOptions, setObjOptions] = useState<any[]>([]);
+    const [isCustom, setIsCustom] = useState<boolean>(false);
+    const refSelectedRow = useRef<any[]>([]);
+
+    const selectedRows = useMemo(() => {
+      const { busiObjectFields, exportType } = params;
+      if (exportType === 'temp') {
+        // 导出模板
+        return curDataSource;
+      }
+      if (isCustom) {
+        // 按照传入的顺序给后端生生成，使用find不兼容ie11
+        if (Array.isArray(busiObjectFields) && busiObjectFields?.length) {
+          return busiObjectFields.map((attrCode) => {
+            return curDataSource.filter(
+              (item) => item.attrCode === attrCode,
+            )?.[0];
+          });
+        }
+        // return busiObjectFields?.length ? curDataSource.filter((item) => busiObjectFields.includes(item.attrCode)) : [];
+      }
+      return selectedKeys.length
+        ? curDataSource.filter((item) => selectedKeys.includes(item.attrCode))
+        : [];
+    }, [selectedKeys, curDataSource, params, isCustom]);
+
+    refSelectedRow.current = selectedRows;
+
+    const queryBusiObjectRowColumns = async ({ busiObjectId }: any) => {
+      try {
+        setLoading(true);
+        const resultList =
+          ((await engineApi.queryBusiObjectRowColumns({
+            busiObjectId,
+          })) as any[]) || [];
+        setCurDataSource(resultList);
+        setObjOptions(
+          resultList.map((item) => ({
+            value: item.attrCode,
+            label: item.attrName,
+            disabled: item.isRequired === 'T',
+          })),
+        );
+        const rows = resultList.filter((item) => item.isRequired === 'T');
+        setSelectedKeys(rows.map((item) => item.attrCode));
+      } catch (error) {
+        console.log(error);
+        message.error(getLocale!('service.failMsg', '网络繁忙，请稍后再试'));
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    const queryNExportInsts = async ({
+      busiObjectId,
+      attrs,
+      custFileName,
+      exportType,
+      tempParams,
+      onSuccess,
+      onFail,
+      async,
+    }: any) => {
+      let hide = () => {};
+      try {
+        hide = message.loading(
+          getLocale!('export.process.handling', '正在处理中，请稍后...'),
+          0,
+        );
+        const resultList =
+          ((await engineApi.queryBusiObjectRowColumns({
+            busiObjectId,
+          })) as any[]) || [];
+        setCurDataSource(resultList);
+        const fileName = custFileName
+          ? `${custFileName}.xlsx`
+          : `${busiObjectId}-${new Date().getTime()}.xlsx`;
+        const downloadIndex = `${fileName}_${Math.random()}`;
+        let params = {
+          pickRows: refSelectedRow.current,
+          busiObjectId,
+          attrs: typeof attrs === 'object' ? attrs : {},
+        };
+        if (exportType === 'temp') {
+          params = {
+            ...params,
+            ...tempParams,
+          };
+        }
+        await exportFileShowProgress({
+          fileOrigin: 'object',
+          downloadIndex,
+          fileName,
+          onSuccess,
+          onFail,
+          // appId,
+          // pageId,
+          messageApi: {
+            ...message,
+            openProgressMsg,
+            closeProgressMsg,
+            closeProgressNotification,
+            showProgressNotification,
+          },
+          params,
+          async,
+          getLocale: getLocale!,
+        });
+      } catch (error) {
+        if (typeof onFail === 'function') {
+          onFail();
+        }
+        console.log(error);
+        message.error(getLocale!('service.failMsg', '网络繁忙，请稍后再试'));
+      } finally {
+        hide();
+      }
+    };
+
+    const exportInsts = async () => {
+      try {
+        setConfirmLoading(true);
+        const { busiObjectId, attrs, custFileName } = params || {};
+        const requestParams = {
+          pickRows: selectedRows,
+          busiObjectId,
+          attrs: typeof attrs === 'object' ? attrs : {},
+        };
+        const fileName = custFileName
+          ? `${custFileName}.xlsx`
+          : `${busiObjectId}-${new Date().getTime()}.xlsx`;
+        await exportFileShowProgress({
+          fileOrigin: 'object',
+          fileName,
+          onSuccess: params?.onSuccess,
+          onFail: params?.onFail,
+          params: requestParams,
+          // pageId,
+          // appId,
+          async: params?.async,
+          messageApi: {
+            ...message,
+            openProgressMsg,
+            closeProgressMsg,
+            closeProgressNotification,
+            showProgressNotification,
+          },
+          getLocale: getLocale!,
+        });
+      } catch (error) {
+        if (typeof params?.onFail === 'function') {
+          params.onFail();
+        }
+        console.log(error);
+        message.error(getLocale!('service.failMsg', '网络繁忙，请稍后再试'));
+      } finally {
+        setConfirmLoading(false);
+      }
+    };
+
+    const open = (options: ExpBusiObjModalOptions) => {
+      setVisible(true);
+      setIsCustom(false);
+      setParams(options || {});
+      queryBusiObjectRowColumns({ ...options });
+    };
+
+    // useEffect(() => {
+    //   open({ busiObjectId: '38104', attrs: {} });
+    // }, []);
+
+    const openWithCustFields = (options: ExpBusiObjModalCustomOptions) => {
+      setVisible(false);
+      setIsCustom(true);
+      setParams(options || {});
+      const { busiObjectId, attrs, custFileName, onSuccess, onFail } = options;
+      queryNExportInsts({
+        ...options,
+        busiObjectId,
+        attrs,
+        custFileName,
+        onSuccess,
+        onFail,
+      });
+    };
+
+    const close = () => {
+      setVisible(false);
+    };
+
+    const onChange = (checkedValues: any[]) => {
+      setSelectedKeys(checkedValues);
+    };
+
+    const onCheckAllChange = (e: any) => {
+      if (e.target.checked) {
+        setSelectedKeys(curDataSource.map((item) => item.attrCode));
+      } else {
+        setSelectedKeys(
+          curDataSource
+            .filter((item) => item.isRequired === 'T')
+            .map((item) => item.attrCode),
+        );
+      }
+    };
+
+    useImperativeHandle<any, ExpBusiObjModalHooks>(ref, () => ({
+      open,
+      close,
+      openWithCustFields,
+    }));
+
+    return (
+      <Modal
+        title={getLocale!('ExpBusiObjModal.title', '按字段导出业务对象数据')}
+        visible={visible}
+        destroyOnClose
+        onOk={() => {
+          if (selectedKeys.length) {
+            exportInsts();
+          } else {
+            message.error(
+              getLocale!(
+                'ExpBusiObjModal.exportFieldError',
+                '请先选择要导出的字段',
+              ),
+            );
+          }
+        }}
+        onCancel={close}
+        confirmLoading={confirmLoading}
+        width={800}
+      >
+        <Spin spinning={loading}>
+          <Checkbox
+            indeterminate={
+              selectedKeys.length > 0 && selectedKeys.length < objOptions.length
+            }
+            onChange={onCheckAllChange}
+            checked={selectedKeys.length === objOptions.length}
+          >
+            {getLocale!('selectAll', '全选')}
+          </Checkbox>
+          <Divider className={`${expBusiObjModal}-myDivider`} dashed />
+          <CheckboxGroup
+            options={objOptions}
+            value={selectedKeys}
+            onChange={onChange}
+            className={`${expBusiObjModal}-myCheckboxGroup`}
+          />
+        </Spin>
+      </Modal>
+    );
+  },
+);
+
+ExpBusiObjModal.defaultProps = {
+  getLocale: (k, p) => p ?? '',
+};
+
+export default ExpBusiObjModal;