@lingxiteam/ebe-utils 0.0.1

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;

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

@@ -0,0 +1,28 @@
+@import '../../styles/index.less';
+@expSQLServiceModal: ExpSQLServiceModal;
+
+.@{prefix}-@{expSQLServiceModal}-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}-@{expSQLServiceModal}-myDivider {
+  margin: 8px 0;
+}

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

@@ -0,0 +1,295 @@
+import { api } from '@/services/api';
+import {
+  BaseModalProps,
+  ExpSQLServiceModalHooks,
+  ExpSQLServiceModalOptions,
+} from '@/types';
+import { exportFileShowProgress } from '@/utils/platform/utils/fileUtils';
+import { LocaleFunction } from '@lingxiteam/types';
+import { Checkbox, Divider, message, Modal, Spin } from 'antd';
+import { forwardRef, useImperativeHandle, useMemo, useState } from 'react';
+import { prefix } from '../../styles';
+import {
+  closeProgressMsg,
+  closeProgressNotification,
+  openProgressMsg,
+  showProgressNotification,
+} from '../ProgressComp';
+import './index.less';
+
+const expSQLServiceModal = `${prefix}_expSQLServiceModal`;
+
+const CheckboxGroup = Checkbox.Group;
+
+interface ExpSQLServiceModalProps extends BaseModalProps {
+  // appId: string;
+  // pageId: string;
+  getLocale?: LocaleFunction;
+}
+
+const ExpSQLServiceModal = forwardRef<
+  ExpSQLServiceModalHooks,
+  ExpSQLServiceModalProps
+>((props, ref) => {
+  const {
+    // appId,
+    // api,
+    // utils,
+    // pageId,
+  } = props;
+
+  const getLocale = props.getLocale!;
+
+  const [visible, setVisible] = useState<boolean>(false);
+  const [loading, setLoading] = useState<boolean>(false);
+  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 selectedRows = useMemo(
+    () =>
+      selectedKeys.length
+        ? curDataSource.filter((item) => selectedKeys.includes(item.code))
+        : [],
+    [selectedKeys, curDataSource, params],
+  );
+
+  const querySQLServiceRowColumns = async (serviceCode: string) => {
+    try {
+      setLoading(true);
+      const resultList: any[] =
+        ((await api.getSqlQueryColumns({
+          serviceCode,
+          // appId
+        })) as any[]) || [];
+      setCurDataSource(resultList);
+      setObjOptions(
+        resultList.map((item) => ({
+          value: item.code,
+          label: item.name,
+        })),
+      );
+      setSelectedKeys(resultList.map((item) => item.code));
+    } catch (error) {
+      console.log(error);
+      message.error(getLocale('service.failMsg', '网络繁忙，请稍后再试'));
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const exportInsts = async ({
+    sqlServiceCode,
+    sqlServiceFields,
+    attrs,
+    custFileName,
+    exportType,
+    tempParams,
+    onSuccess,
+    onFail,
+    async,
+  }: any) => {
+    let hide = () => {};
+    try {
+      hide = message.loading(
+        getLocale('export.process.handling', '正在处理中，请稍后...'),
+        0,
+      );
+      const resultList: any[] =
+        ((await api.getSqlQueryColumns({
+          serviceCode: sqlServiceCode,
+          // appId
+        })) as any[]) || [];
+      setCurDataSource(resultList);
+      let params = {
+        // appId,
+        serviceCode: sqlServiceCode,
+        // pickColumns 选择模板时传全部字段
+        pickColumns:
+          exportType === 'temp'
+            ? resultList
+            : resultList.filter((r) => sqlServiceFields.includes(r.code)),
+        params: attrs,
+      };
+      if (exportType === 'temp') {
+        params = {
+          ...params,
+          ...tempParams,
+        };
+      }
+      const fileName = custFileName
+        ? `${custFileName}.xlsx`
+        : `${sqlServiceCode}-${new Date().getTime()}.xlsx`;
+      const downloadIndex = `${fileName}_${Math.random()}`;
+      await exportFileShowProgress({
+        fileOrigin: 'sql',
+        downloadIndex,
+        params,
+        fileName,
+        onSuccess,
+        onFail,
+        // appId,
+        // pageId,
+        async,
+        messageApi: {
+          ...message,
+          openProgressMsg,
+          closeProgressMsg,
+          showProgressNotification,
+          closeProgressNotification,
+        },
+        getLocale,
+      });
+    } catch (error) {
+      console.log(error);
+      if (typeof onFail === 'function') {
+        onFail();
+      }
+      message.error(getLocale('service.failMsg', '网络繁忙，请稍后再试'));
+    } finally {
+      hide();
+    }
+  };
+
+  const exportCustInsts = async () => {
+    try {
+      setConfirmLoading(true);
+      const { sqlServiceCode, attrs, custFileName } = params || {};
+      const requestParams = {
+        // appId,
+        serviceCode: sqlServiceCode,
+        pickColumns: selectedRows,
+        params: typeof attrs === 'object' ? attrs : {},
+      };
+      const fileName = custFileName
+        ? `${custFileName}.xlsx`
+        : `${sqlServiceCode}-${new Date().getTime()}.xlsx`;
+      await exportFileShowProgress({
+        fileOrigin: 'sql',
+        params: requestParams,
+        fileName,
+        // appId,
+        // pageId,
+        async: params.async,
+        messageApi: {
+          ...message,
+          openProgressMsg,
+          closeProgressMsg,
+          showProgressNotification,
+          closeProgressNotification,
+        },
+        getLocale,
+      });
+      close();
+    } catch (error) {
+      console.log(error);
+      message.error(getLocale('service.failMsg', '网络繁忙，请稍后再试'));
+    } finally {
+      setConfirmLoading(false);
+    }
+  };
+
+  const openWithCustFields = (options: ExpSQLServiceModalOptions) => {
+    setParams(options || {});
+    const {
+      sqlServiceCode,
+      sqlServiceFields,
+      attrs,
+      custFileName,
+      exportType = 'field',
+      onSuccess,
+      onFail,
+    } = options;
+    if (!sqlServiceFields?.length && exportType === 'field') {
+      setVisible(true);
+      querySQLServiceRowColumns(sqlServiceCode);
+    } else {
+      exportInsts({
+        ...options,
+        sqlServiceCode,
+        sqlServiceFields,
+        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(ref, () => ({
+    close,
+    openWithCustFields,
+  }));
+
+  return (
+    <Modal
+      title={getLocale('ExpSQLServiceModal.title', '按字段导出SQL查询服务数据')}
+      open={visible}
+      destroyOnClose
+      onOk={() => {
+        if (selectedKeys.length) {
+          exportCustInsts();
+        } else {
+          message.error(
+            getLocale(
+              'ExpBusiObjModal.exportFieldError',
+              '请先选择要导出的字段',
+            ),
+          );
+        }
+      }}
+      onCancel={close}
+      confirmLoading={confirmLoading}
+      width={800}
+    >
+      <Spin spinning={loading}>
+        <div>
+          <Checkbox
+            indeterminate={
+              selectedKeys.length > 0 && selectedKeys.length < objOptions.length
+            }
+            onChange={onCheckAllChange}
+            checked={selectedKeys.length === objOptions.length}
+          >
+            {getLocale('selectAll', '全选')}
+          </Checkbox>
+          <Divider className={`${expSQLServiceModal}-myDivider`} dashed />
+          <CheckboxGroup
+            options={objOptions}
+            value={selectedKeys}
+            onChange={onChange}
+            className={`${expSQLServiceModal}-myCheckboxGroup`}
+          />
+        </div>
+      </Spin>
+    </Modal>
+  );
+});
+
+ExpSQLServiceModal.defaultProps = {
+  getLocale: (k, p) => p ?? '',
+};
+
+export default ExpSQLServiceModal;

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

@@ -0,0 +1,26 @@
+import React from 'react';
+
+export interface IconFontType {
+  className?: string;
+  style?: React.CSSProperties;
+  iconClass?: string;
+  width?: number;
+  height?: number;
+}
+
+const IconFont: React.FC<IconFontType> = (props) => {
+  const { className, style, iconClass, width = 13, height = 13 } = props;
+  return iconClass ? (
+    <svg
+      className={className} // eslint-disable-line
+      style={style}
+      aria-hidden="true"
+      width={width}
+      height={height}
+    >
+      <use xlinkHref={`#${iconClass}`} />
+    </svg>
+  ) : null;
+};
+
+export default IconFont;

package/lib/public/src/components/IconFont/index.ts

@@ -0,0 +1 @@
+export { default as IconFont } from './IconFont';