@lingxiteam/ebe-utils 0.0.1

package/lib/public/src/types/index.ts

@@ -0,0 +1,246 @@
+// TODO:类型需要挪
+// import {
+// BaseRendererProps,
+// EngineLifeCycleType,
+// IPublicComponentLiftCycle,
+// MetaPluginType,
+// } from '@lingxiteam/engine-render';
+// import { LanguageKeys } from '@lingxiteam/engine-utils';
+import {
+  BaseDynamicPageType,
+  EngineApisServiceType,
+  EngineBaseProps,
+  IPublicSchemaType,
+  LocaleFunction,
+  MetaXPlugin,
+  PlatformAppConfig,
+  PlatformExportUtilsType,
+  type ModalManagerHooks,
+} from '@lingxiteam/types';
+
+export interface AccountDivideModalOpenOptions {
+  payCycle: string;
+  startDate: string;
+  endDate: string;
+  list: any[];
+  totalAmount: number;
+  oldList: any[];
+  payCycleAfter: string;
+  adAfterList: any[];
+  adStartDateAfter: string;
+  adOperationType: string;
+}
+
+/**
+ * AccountDivideModal弹窗暴露方法
+ */
+export interface AccountDivideModalHooks {
+  open(options: AccountDivideModalOpenOptions): void;
+  close(): void;
+}
+
+export interface ExpBusiObjModalOptions {
+  busiObjectId: string;
+}
+
+export interface ExpBusiObjModalCustomOptions {
+  busiObjectId: string;
+  attrs: any[];
+  custFileName: string;
+  exportType?: 'field' | 'temp'; // 导出字段类型：选中字段｜导出模板
+  tempParams?: any; // 导出模板文件参数
+  onSuccess(): void;
+  onFail(): void;
+}
+
+/**
+ * ExpBusiObjModal弹窗
+ */
+export interface ExpBusiObjModalHooks {
+  open(data: ExpBusiObjModalOptions): void;
+  close(): void;
+  openWithCustFields(data: ExpBusiObjModalCustomOptions): void;
+}
+
+export interface ExpSQLServiceModalOptions {
+  sqlServiceCode: string;
+  sqlServiceFields: any[];
+  attrs: any[];
+  custFileName: string;
+  exportType?: 'field' | 'temp'; // 导出字段类型：选中字段｜导出模板
+  tempParams?: any; // 导出模板文件参数
+  onSuccess(): void;
+  onFail(): void;
+}
+
+/**
+ * ExpSQLServiceModal弹窗
+ */
+export interface ExpSQLServiceModalHooks {
+  openWithCustFields(data: ExpSQLServiceModalOptions): void;
+  close(): void;
+}
+
+export interface ImportBusiObjModalProps extends BaseModalProps {
+  // appId: string;
+  // pageId: string;
+  getLocale?: LocaleFunction;
+}
+
+export interface ImportBusiObjModalHooks {
+  openWithCustFields: any;
+}
+
+/**
+ * 弹窗基础入参
+ */
+export interface BaseModalProps {
+  appId?: string;
+  pageId?: string;
+  appInst?: unknown;
+  api?: EngineApisServiceType;
+  utils?: PlatformExportUtilsType;
+}
+
+export interface ModifiedEngineLifeCycleType {
+  engineWillRender?: (
+    schema: IPublicSchemaType,
+    appConfig?: PlatformAppConfig,
+  ) => void;
+}
+
+/**
+ * 引擎页面props
+ */
+export interface DynamicPageProps extends BaseDynamicPageType {
+  /**
+   * 是否可开启调试器
+   */
+  debuggable?: boolean;
+  prefixCls?: string;
+  // 以下弹窗抽屉模式下才会传入的属性
+  // 弹窗/抽屉实例
+  managerRef?: { current: ModalManagerHooks };
+  // 弹窗/抽屉实例id
+  modalInstId?: string;
+  onCancel?: () => void;
+
+  /**
+   * @deprecated 禁止使用，后续废弃， 调用功能组件能力 参数
+   */
+  injectMethod?: Record<string, any>;
+
+  /**
+   * 引擎生命周期 提供给组件使用
+   */
+  engineliftCycle?: ModifiedEngineLifeCycleType;
+
+  /**
+   * 响应式数据监听
+   */
+  // installPlugin?: ({ meta }: { meta: MetaPluginType; }) => void;
+  installPlugin?: ({ meta }: { meta: any }) => void;
+
+  /**
+   * 暴漏内置插件 供外界使用
+   * @param param0
+   * @returns
+   */
+  innerPluginComplete?: ({ metax }: { metax: MetaXPlugin }) => void;
+
+  /**
+   * 目前只有pc有
+   */
+  flowTraceRelId?: string; // 流程跟踪关联id
+
+  /**
+   * 扩展的组件引用refs
+   */
+  extendsRefs?: Record<string, any>;
+
+  /**
+   * @description 当前容器的uid前缀 例如：页面容器。boframer组件需要
+   */
+  uidPrefix?: string;
+
+  /**
+   * 组件生命周期
+   */
+  // componentLiftCycle?: IPublicComponentLiftCycle;
+  componentLiftCycle?: any;
+
+  /**
+   * 自定义引擎能力
+   */
+  customEngineApi?: Record<string, any>;
+
+  /**
+   * @description 是否启用DSL别名功能，配置后会优先读取alias字段，若无alias则走type字段
+   * @default false
+   */
+  enableAlias?: boolean;
+
+  /**
+   * 修正组件属性
+   */
+  // patchComponentProps?: BaseRendererProps['patchComponentProps'];
+  patchComponentProps?: any;
+
+  /**
+   * 多语言配置
+   */
+  i18n?: {
+    /**
+     * 支持的静态语言包，主要用来配置静态展示的文字，例如：antd内置文本、按钮的文字等。
+     */
+    locale?: () => Promise<{
+      antd: Record<string, any>;
+      lowcode: Record<string, any>;
+    }>;
+
+    /**
+     * 远端的语言包文件
+     * 按照key为id  value为文字的格式
+     */
+    remoteLocale?: Record<string | number, string>;
+
+    /**
+     * 当前语言
+     */
+    // language: LanguageKeys;
+    language: any;
+
+    /**
+     * 设置多语言
+     */
+    setLocale: PlatformExportUtilsType['setLocale'];
+  };
+}
+
+/**
+ * 引擎页面方法
+ */
+export interface DynamicPageHooks {
+  onMDOK(): void;
+  onMDCancel(): any;
+}
+
+/**
+ * 业务组件属性
+ */
+export interface BOFramerProps {
+  busiCompId: string;
+  appId: string;
+  pageId: string;
+  params?: Record<string, any>;
+  onValuesChange?: (v: Record<string, any>, v2: Record<string, any>) => void;
+  visible?: boolean;
+  style?: React.CSSProperties;
+  busiCompStates: Record<string, any>;
+  lcdpParentRenderId: string; // 父页面ID，调用父页面的时候使用
+  parseNodeBefore?: () => any;
+  getEngineApis: EngineBaseProps['getEngineApis'];
+  getLocale: LocaleFunction;
+  useEffectLoading?: boolean;
+  usePageEndRequest?: () => void;
+}

package/lib/public/src/utils/AwaitHandleData.ts

@@ -0,0 +1,46 @@
+class AwaitHandleData {
+  queue: Map<string, Map<string, any[]>> = new Map();
+
+  /**
+   * 添加到等待队列
+   * @param compId 控件id
+   * @param functionName 方法名称
+   * @param data 入参数据
+   */
+  addToAwaitQueue(compId: string, functionName: string, ...data: any) {
+    const queue = this.queue.get(compId) || new Map();
+    let oldData = queue.get(functionName);
+    // 存在相同的事件，执行不同的参数的时候
+    if (Array.isArray(oldData) && oldData.length > 0) {
+      oldData.push(data);
+    } else {
+      oldData = [data];
+    }
+    queue.set(functionName, oldData);
+    this.queue.set(compId, queue);
+  }
+
+  /**
+   * 执行控件指令缓存的方法队列
+   * @param compId 控件id
+   * @param refs
+   */
+  runQueue(compId: string, refs: any) {
+    const queue = this.queue.get(compId);
+    if (refs[compId] && queue) {
+      const keys = [...queue.keys()];
+      keys.forEach((key) => {
+        if (typeof refs[compId][key] === 'function') {
+          const dataQueue = queue.get(key);
+          dataQueue?.forEach((item) => {
+            refs[compId][key](...item);
+          });
+        }
+      });
+      // 执行完方法移除队列
+      this.queue.delete(compId);
+    }
+  }
+}
+
+export default AwaitHandleData;

package/lib/public/src/utils/Context/Container.tsx

@@ -0,0 +1,65 @@
+import { createContext, FC, useContext } from 'react';
+
+/* start 所有容器类组件封装 */
+const VisibleContext = createContext<boolean>(true);
+
+const useVisible = (show: boolean = true) => {
+  const visible = useContext(VisibleContext);
+  return visible && show;
+};
+
+/**
+ * 上层容器是否有隐藏
+ */
+export const useTopContainerHidden = () => {
+  const visible = useContext(VisibleContext);
+  return !visible;
+};
+
+// const ContainerContext: FC<{ visible: boolean }> = (props) => {
+//   const { children, visible } = props;
+//   return (
+//     <VisibleContext.Provider value={{ visible }}>
+//       {children}
+//     </VisibleContext.Provider>
+//   );
+// };
+
+/**
+ * 容器类组件的外层容器
+ * @param props
+ * @returns
+ */
+const Container: FC<{ visible: boolean; children: any }> = (props) => {
+  const { children } = props;
+  const visible = useVisible(props.visible);
+  return (
+    <VisibleContext.Provider value={visible}>
+      {children}
+    </VisibleContext.Provider>
+  );
+};
+
+Container.displayName = 'Container';
+
+export { Container };
+
+export const PageContext = createContext<{
+  registerRefs: (ref: any, id: string) => void;
+  renderId: string;
+  runAwaitQueue: (comId: string) => void;
+}>({
+  renderId: '',
+  registerRefs() {
+    console.warn(`上下文丢失`);
+  },
+  runAwaitQueue: () => {
+    console.warn(`上下文丢失`);
+  },
+});
+
+export const PageProvider = PageContext.Provider;
+
+export const usePageProvider = () => {
+  return useContext(PageContext);
+};

package/lib/public/src/utils/Context/context.tsx

@@ -0,0 +1,95 @@
+import { type ImperativeHandleReturn } from '@lingxiteam/types';
+import React from 'react';
+
+export const Context = React.createContext<{
+  ModalManagerRef: React.MutableRefObject<any>;
+  refs: any;
+  appId: string;
+  attrDataMap: Record<string, any>;
+}>({} as any);
+
+type objectType = Record<string, any>;
+
+/**
+ * 合并方法，支持对象中包含getter方法
+ * @param object
+ * @param otherArgs
+ */
+export function mergeGetter<
+  T extends objectType,
+  S1 extends objectType,
+  S2 extends Record<string, any>,
+>(object: T, source1: S1, ...args: S2[]) {
+  const target: objectType = object || {};
+
+  // 合并ref 保持getter对象不被转义
+  const merge = (o: objectType = {}) => {
+    Object.keys(o).forEach((key) => {
+      const descriptor = Object.getOwnPropertyDescriptor(o, key);
+      if (descriptor) {
+        Object.defineProperty(target, key, descriptor!);
+      } else {
+        try {
+          target[key] = o[key];
+          // eslint-disable-next-line no-empty
+        } catch {}
+      }
+    });
+  };
+
+  const sources: (S1 | S2)[] = [source1, ...args];
+
+  sources.forEach((source) => {
+    merge(source);
+  });
+
+  return target as any;
+}
+interface componentRef extends ImperativeHandleReturn {}
+
+export class RefsManager {
+  constructor() {}
+
+  /**
+   * 页面级别Ref
+   */
+  private systemRef: Record<string, Record<string, any>> = {};
+
+  /**
+   * 页面级别Ref
+   */
+  private sysCustomActionMapRef: Record<string, Record<string, any>> = {};
+
+  /**
+   * 页面级别的ref
+   * @param ref
+   */
+  private setSystemRef = (renderId: string, comRefs: Record<string, any>) => {
+    if (this.systemRef[renderId]) {
+      mergeGetter(this.systemRef[renderId], comRefs);
+    } else {
+      this.systemRef[renderId] = comRefs;
+    }
+  };
+
+  /**
+   * 页面级别的ref
+   * @param ref
+   */
+  private setSysCustomActionMapRef = (
+    renderId: string,
+    customActionMapRef: Record<string, any>,
+  ) => {
+    if (this.sysCustomActionMapRef[renderId]) {
+      mergeGetter(this.sysCustomActionMapRef[renderId], customActionMapRef);
+    } else {
+      this.sysCustomActionMapRef[renderId] = customActionMapRef;
+    }
+  };
+  public getComRefs = (renderId: string) => {
+    return this.systemRef[renderId] || {};
+  };
+  public get refs(): any {
+    return this.systemRef;
+  }
+}

package/lib/public/src/utils/LcdpSpin/index.less

@@ -0,0 +1,13 @@
+@import (reference) '../../styles/index.less';
+
+.@{prefix}-dynamicPage-spinning-mask {
+  position: fixed !important;
+  top: 0;
+  left: 0;
+  z-index: 1000;
+  width: 100%;
+  height: 100%;
+  display: flex !important;
+  justify-content: center;
+  align-items: center;
+}

package/lib/public/src/utils/LcdpSpin/index.tsx

@@ -0,0 +1,12 @@
+import { Spin } from 'antd';
+import { prefix } from '../../styles/index';
+import './index.less';
+
+const LcdpSpin = (props: { spinning: boolean }) => (
+  <Spin
+    spinning={props.spinning}
+    className={`${prefix}-dynamicPage-spinning-mask`}
+  />
+);
+
+export default LcdpSpin;

package/lib/public/src/utils/ModalManager/Drawer/index.less

@@ -0,0 +1,30 @@
+@import (reference) '../../../styles/index.less';
+
+.ued-drawer-wrap {
+  .pcfactory-drawer-header {
+    height: 48px;
+    padding: 16px 20px;
+
+    .pcfactory-drawer-title {
+      color: #1c242e;
+    }
+  }
+
+  .pcfactory-drawer-header-title > button {
+    position: absolute;
+    right: 0;
+  }
+  .pcfactory-drawer-body {
+    padding: 0;
+  }
+  .pcfactory-drawer-footer {
+    padding: 0 20px;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    height: 56px;
+    button {
+      margin-left: 8px;
+    }
+  }
+}

package/lib/public/src/utils/ModalManager/Drawer/index.tsx

@@ -0,0 +1,109 @@
+import { PageComent, RootProps } from '@/components/common/Pageview';
+import { Button, Drawer } from 'antd';
+import classnames from 'classnames';
+import { forwardRef, useEffect, useRef } from 'react';
+import { useSetState } from '../../hooks';
+import './index.less';
+
+const DM = forwardRef((props: any, ref) => {
+  const {
+    pagePath,
+    modalInstId,
+    setStatue,
+    managerRef,
+    params,
+    onCancel,
+    className = '',
+    lcdpParentRenderId,
+    getLocale,
+    onOk,
+    ...restProp
+  } = props;
+  const [mProps, setMDProps] = useSetState<any>({ title: '' });
+  const mRef = useRef<any>();
+  const handleOk = () => {
+    if (mRef.current && typeof mRef.current.onOk === 'function') {
+      mRef.current.onOk();
+    }
+  };
+  const handleClose = () => {
+    let cancelResult;
+    if (mRef.current && typeof mRef.current.onCancel === 'function') {
+      // 返回false阻止默认推拉门关闭动作
+      cancelResult = mRef.current.onCancel();
+    } else {
+      // onCancel为内置取消处理函数，用于关闭推拉门
+      if (cancelResult !== false && onCancel) {
+        onCancel();
+      }
+    }
+  };
+
+  const renderFooter = () => {
+    if (mProps.footer !== null || mProps.footer === 1) {
+      return (
+        <div className="ant-drawer-footer-button">
+          <Button onClick={handleClose}>
+            {mProps.cancelText || getLocale('cancelText', '取消')}
+          </Button>
+          <Button onClick={handleOk} type="primary">
+            {mProps.okText || getLocale('confirm', '确定')}
+          </Button>
+        </div>
+      );
+    }
+    return mProps.footer;
+  };
+  // 设置弹窗抽屉属性
+  useEffect(() => {
+    const pageInst = RootProps[pagePath || ''] || {};
+    const mdProps: any = {
+      title: pageInst.drawerTitle || pageInst.pageName,
+      width:
+        pageInst.width === 'custom'
+          ? pageInst.customWidth || 624
+          : pageInst.width,
+      height:
+        pageInst.width === 'custom'
+          ? pageInst.customHeight || 'auto'
+          : pageInst.height,
+      okText: pageInst.okText || '确定',
+      cancelText: pageInst.cancelText || '取消',
+      placement: pageInst.placement || 'right',
+      maskClosable: pageInst.closeOnClickOverlay !== false,
+    };
+    if (pageInst.footer === 0) {
+      mdProps.footer = null;
+    }
+    setMDProps(mdProps);
+  }, [pagePath]);
+  return (
+    <>
+      <Drawer
+        {...mProps}
+        {...restProp}
+        destroyOnClose
+        className={classnames(className, 'ued-drawer-wrap')}
+        key={modalInstId}
+        footer={renderFooter()}
+        onOk={handleOk}
+        onClose={handleClose}
+      >
+        <PageComent
+          pageSrc={pagePath}
+          state={params}
+          ref={mRef}
+          onOk={onOk}
+          lcdpParentRenderId={lcdpParentRenderId}
+          closeModal={onCancel}
+        />
+      </Drawer>
+    </>
+  );
+});
+
+DM.defaultProps = {
+  getLocale: (k?: string, p?: string) => p ?? '',
+};
+
+export default DM;

package/lib/public/src/utils/ModalManager/Modal/index.less

@@ -0,0 +1,7 @@
+@import (reference) '../../../styles/index.less';
+
+.ued-modal-wrap {
+  .pcfactory-modal-body {
+    padding: 0;
+  }
+}