@cloudbase/weda-ui 3.5.2-mp → 3.5.3

package/dist/web/components/common/portal.js

@@ -0,0 +1,54 @@
+import { useEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+const layersWithOutsidePointerEventsDisabled = new Set();
+const layersWithOutsideScrollDisabled = new Set();
+let originalBodyPointerEvents;
+let originalBodyOverflow;
+export const Portal = ({ children, type, disableOutsidePointerEvents = false, disableOutsideScroll = false, }) => {
+    const [portalNode, setPortalNode] = useState(null);
+    useEffect(() => {
+        const element = document.createElement(type);
+        document.body.appendChild(element);
+        setPortalNode(element);
+        return () => {
+            document.body.removeChild(element);
+        };
+    }, [type]);
+    useEffect(() => {
+        if (!portalNode) {
+            return;
+        }
+        if (disableOutsidePointerEvents) {
+            if (layersWithOutsidePointerEventsDisabled.size <= 0) {
+                originalBodyPointerEvents =
+                    portalNode.ownerDocument.body.style.pointerEvents;
+                portalNode.ownerDocument.body.style.pointerEvents = 'none';
+            }
+            portalNode.style.pointerEvents = 'auto';
+            layersWithOutsidePointerEventsDisabled.add(portalNode);
+        }
+        if (disableOutsideScroll) {
+            if (layersWithOutsideScrollDisabled.size <= 0) {
+                originalBodyOverflow = portalNode.ownerDocument.body.style.overflow;
+                portalNode.ownerDocument.body.style.overflow = 'hidden';
+            }
+            layersWithOutsideScrollDisabled.add(portalNode);
+        }
+        return () => {
+            if (disableOutsidePointerEvents) {
+                if (layersWithOutsidePointerEventsDisabled.size === 1) {
+                    portalNode.ownerDocument.body.style.pointerEvents =
+                        originalBodyPointerEvents;
+                }
+                layersWithOutsidePointerEventsDisabled.delete(portalNode);
+            }
+            if (disableOutsideScroll) {
+                if (layersWithOutsideScrollDisabled.size === 1) {
+                    portalNode.ownerDocument.body.style.overflow = originalBodyOverflow;
+                }
+                layersWithOutsideScrollDisabled.delete(portalNode);
+            }
+        };
+    }, [portalNode, disableOutsidePointerEvents, disableOutsideScroll]);
+    return portalNode ? createPortal(children, portalNode) : null;
+};

package/dist/web/components/common/use-loop-render-detect.d.ts

@@ -0,0 +1,11 @@
+export declare const useRenderCount: () => [number, () => void];
+type ILoopRenderDetectOptions = {
+    limit?: number;
+    throwError?: boolean;
+    message?: string;
+    timeWindowMs?: number;
+};
+export declare class DetectedRenderLoopError extends Error {
+}
+export declare const useLoopRenderDetect: (inputOptions?: ILoopRenderDetectOptions) => boolean;
+export {};

package/dist/web/components/common/use-loop-render-detect.js

@@ -0,0 +1,123 @@
+import { useSyncedRef } from '@react-hookz/web';
+import { useCallback, useEffect, useRef } from 'react';
+import { debug } from '../../utils/console';
+export const useRenderCount = () => {
+    const countRef = useRef(0);
+    const syncedRef = useSyncedRef(++countRef.current);
+    const reset = useCallback(() => {
+        countRef.current = 0;
+    }, []);
+    return [syncedRef.current, reset];
+};
+class FpsCounter {
+    constructor() {
+        Object.defineProperty(this, "t", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: performance || Date
+        });
+        Object.defineProperty(this, "frames", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "prevTime", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "started", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "fpsCnt", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 30
+        });
+    }
+    get isStarted() {
+        return this.started;
+    }
+    get fps() {
+        return this.fpsCnt;
+    }
+    tick() {
+        this.started = true;
+        this.frames++;
+        const time = this.t.now();
+        if (time >= this.prevTime + 1000) {
+            this.fpsCnt = (this.frames * 1000) / (time - this.prevTime);
+            this.frames = 0;
+            this.prevTime = time;
+        }
+    }
+}
+const fpsCounterSingleton = new FpsCounter();
+function useFps() {
+    useEffect(() => {
+        if (typeof requestAnimationFrame == 'undefined')
+            return;
+        function tick() {
+            fpsCounterSingleton.tick();
+            // eslint-disable-next-line rulesdir/no-timer
+            requestAnimationFrame(tick);
+        }
+        if (!fpsCounterSingleton.isStarted) {
+            // eslint-disable-next-line rulesdir/no-timer
+            requestAnimationFrame(tick);
+        }
+    }, []);
+    const syncedRef = useSyncedRef(fpsCounterSingleton.fps);
+    return syncedRef.current;
+}
+const defaultOptions = {
+    limit: 500,
+    throwError: true,
+    message: '组件控制逻辑出现死循环，请检查并修改相关配置',
+    timeWindowMs: 6 * 1000,
+};
+export class DetectedRenderLoopError extends Error {
+}
+export const useLoopRenderDetect = (inputOptions = defaultOptions) => {
+    const options = Object.assign({}, defaultOptions, inputOptions);
+    const [renderCount, reset] = useRenderCount();
+    useEffect(() => {
+        let id = null;
+        const resetCountTimer = () => {
+            reset();
+            // eslint-disable-next-line rulesdir/no-timer
+            id = setTimeout(() => {
+                resetCountTimer();
+            }, options.timeWindowMs);
+        };
+        resetCountTimer();
+        return () => {
+            if (id !== null) {
+                clearTimeout(id);
+            }
+        };
+    }, []);
+    const fps = useFps();
+    debug('loop:detect').log({
+        timeWindow: options.timeWindowMs,
+        fps,
+        renderCount,
+        limit: options.limit,
+    });
+    if ((renderCount > options.limit && fps < 1) ||
+        renderCount > options.limit * 3) {
+        reset();
+        if (options.throwError) {
+            throw new DetectedRenderLoopError(options.message);
+        }
+        return true;
+    }
+    return false;
+};

package/dist/web/components/container/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+export default function Container({ children, title, events, className, style, id, }: PropsType): JSX.Element;
+export interface PropsType extends CommonPropsType {
+    title?: string;
+}

package/dist/web/components/container/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from '../../utils/classnames';
+import { emptyObject } from '../../utils/constant';
+export default function Container({ children, title, events = emptyObject, className, style, id, }) {
+    return (_jsx("div", { role: "container", id: id, style: style, className: classNames({ 'weda-ui': true, [className]: className }), title: title, onClick: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onContextMenu: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.longpress) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onTouchStart: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.touchstart) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onTouchMove: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.touchmove) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onTouchCancel: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.touchcancel) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onTouchEnd: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.touchend) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, children: children }));
+}

package/dist/web/components/customer-service/convert-legacy-props.d.ts

@@ -0,0 +1,7 @@
+import type { DataType } from '../../../configs/components/wd-button';
+interface IPropsValueMap {
+    size: Record<string, DataType['size']>;
+    theme: Record<string, DataType['theme']>;
+}
+export declare const convertLegacyProps: (key: keyof IPropsValueMap, prop: any) => string;
+export {};

package/dist/web/components/customer-service/convert-legacy-props.js

@@ -0,0 +1,14 @@
+const PROPS_VALUE_MAP = {
+    size: {
+        default: 'md',
+        mini: 'sm',
+        large: 'lg',
+    },
+    theme: {
+        default: 'primary',
+        warn: 'warning',
+    },
+};
+export const convertLegacyProps = (key, prop) => {
+    return PROPS_VALUE_MAP[key][prop];
+};

package/dist/web/components/customer-service/customer-service.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { CommonPropsType, unknownFunction } from '../../types';
+import '../style';
+export declare const CustomerService: React.ForwardRefExoticComponent<CustomerServiceProps & React.RefAttributes<unknown>>;
+export interface CustomerServiceProps extends CommonPropsType {
+    [handlers: `on${string}`]: unknownFunction;
+}

package/dist/web/components/customer-service/customer-service.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { forwardRef } from 'react';
+import { Bubble, ConfigProvider } from 'tea-component';
+import { emptyObject } from '../../utils/constant';
+// @ts-ignore忽略ts交验
+// eslint-disable-next-line rulesdir/no-phantom-deps
+import { autorun } from 'mobx';
+import '../style';
+export const CustomerService = forwardRef(function CustomerService(props, ref) {
+    var _a, _b;
+    const { id, className, style, events = emptyObject, } = props;
+    const [editorPlatforms, setEditorPlatforms] = React.useState([]);
+    const dispose = React.useMemo(() => {
+        return autorun(() => {
+            var _a, _b;
+            setEditorPlatforms((_b = (_a = window === null || window === void 0 ? void 0 : window.$w) === null || _a === void 0 ? void 0 : _a.wedaContext) === null || _b === void 0 ? void 0 : _b.editorPlatforms);
+        });
+    }, []);
+    React.useEffect(() => {
+        return () => {
+            dispose();
+        };
+    }, [dispose]);
+    // 方法
+    const onClick = (e) => {
+        var _a;
+        (_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e });
+    };
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: ((_b = (_a = window.$w) === null || _a === void 0 ? void 0 : _a.wedaContext) === null || _b === void 0 ? void 0 : _b.isEditorMode) ||
+            (editorPlatforms === null || editorPlatforms === void 0 ? void 0 : editorPlatforms.includes('MP')) ? (_jsx(Bubble, { placement: "auto", openDelay: 300, content: "\u7F16\u8F91\u5668\u6682\u4E0D\u652F\u6301\u6253\u5F00\u5BA2\u670D\u4F1A\u8BDD\uFF0C\u8BF7\u53D1\u5E03\u5C0F\u7A0B\u5E8F\u540E\u4F7F\u7528\u771F\u673A\u8C03\u8BD5\u3002PC/H5\u7AEF\u5C06\u9690\u85CF\u8BE5\u7EC4\u4EF6\uFF0C\u8BF7\u6CE8\u610F\u9875\u9762\u5E03\u5C40\u3002", children: _jsx("div", { id: id, className: className, style: style, onClick: onClick, "data-role": "wd-customer-service", ref: ref, children: props.children }) })) : null }));
+});

package/dist/web/components/customer-service/index.d.ts

@@ -0,0 +1,3 @@
+import { CustomerService } from './customer-service';
+export { CustomerService, type CustomerServiceProps } from './customer-service';
+export default CustomerService;

package/dist/web/components/customer-service/index.js

@@ -0,0 +1,3 @@
+import { CustomerService } from './customer-service';
+export { CustomerService } from './customer-service';
+export default CustomerService;

package/dist/web/components/dataView/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+/**
+ * 数据容器-列表视图
+ */
+declare const _default: React.ForwardRefExoticComponent<Pick<import("../listView/interface").IDataContainer, keyof import("../listView/interface").IDataContainer> & React.RefAttributes<unknown>>;
+export default _default;

package/dist/web/components/dataView/index.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useImperativeHandle, useState, useRef, } from 'react';
+import ListView from '../listView';
+import { useLoopRenderDetect } from '../common/use-loop-render-detect';
+/**
+ * 数据容器-列表视图
+ */
+export default React.forwardRef(function DataView(props, ref) {
+    useLoopRenderDetect({ limit: 600 });
+    const listViewRef = useRef(null);
+    const [record, setRecord] = useState();
+    const beforeDataChange = useCallback((values) => {
+        const record = (values === null || values === void 0 ? void 0 : values[0]) || {};
+        setRecord(record);
+        return record;
+    }, []);
+    const refresh = useCallback(() => { var _a, _b; return (_b = (_a = listViewRef.current) === null || _a === void 0 ? void 0 : _a.refresh) === null || _b === void 0 ? void 0 : _b.call(_a); }, [listViewRef.current]);
+    const deleteOne = useCallback((params) => { var _a, _b; return (_b = (_a = listViewRef.current) === null || _a === void 0 ? void 0 : _a.deleteOne) === null || _b === void 0 ? void 0 : _b.call(_a, params); }, [listViewRef.current]);
+    useImperativeHandle(ref, () => ({ record, refresh, deleteOne }), [
+        record,
+        refresh,
+        deleteOne,
+    ]);
+    return (_jsx(ListView, { ...props, ref: listViewRef, isRecords: false, orderBy: undefined, orderType: undefined, template: "none", pageSize: 1, pagination: "none", beforeDataChange: beforeDataChange, refType: "dataView", dataSourceData: [].concat(props.dataSourceData) }));
+});

package/dist/web/components/dataView/interface.d.ts

@@ -0,0 +1,5 @@
+import { IDataContainer } from '../listView/interface';
+/**
+ * 数据容器-数据视图
+ */
+export type IDataView = IDataContainer;

package/dist/web/components/dataView/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/web/components/drawer/index.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { DrawerProps } from 'tea-component';
+import type { CommonPropsType } from '../../types';
+declare const TeaDrawer: ({ size, title, style, events, visible, subtitle, showMask, className, placement, extraSlot, footerSlot, childrenSlot, disableCloseIcon, outerClickClosable, }: PropsType) => JSX.Element;
+export interface PropsType extends CommonPropsType, Pick<DrawerProps, 'size' | 'title' | 'showMask' | 'placement' | 'disableCloseIcon' | 'outerClickClosable' | 'subtitle'> {
+    visible: boolean;
+    title?: string;
+    extraSlot?: React.ReactNode;
+    footerSlot?: React.ReactNode;
+    childrenSlot?: React.ReactNode;
+}
+export default TeaDrawer;
+export { TeaDrawer };

package/dist/web/components/drawer/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ConfigProvider, Drawer } from 'tea-component';
+const TeaDrawer = ({ size, title, style, events, visible, subtitle, showMask, className, placement, extraSlot, footerSlot, childrenSlot, disableCloseIcon, outerClickClosable, }) => {
+    const eventsList = {
+        onClose: () => (events === null || events === void 0 ? void 0 : events.onClose) && events.onClose({}),
+        onExited: () => (events === null || events === void 0 ? void 0 : events.onExited) && events.onExited({}),
+    };
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Drawer, { size: size, title: title, style: style, visible: visible, extra: extraSlot, footer: footerSlot, subtitle: subtitle, showMask: showMask, className: className, placement: placement, disableCloseIcon: disableCloseIcon, outerClickClosable: outerClickClosable, ...eventsList, children: childrenSlot }) }));
+};
+export default TeaDrawer;
+export { TeaDrawer };

package/dist/web/components/echart/echart.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/echart';
+export declare const Echart: React.ForwardRefExoticComponent<EchartProps & React.RefAttributes<unknown>>;
+export interface EchartProps extends CommonPropsType, DataType {
+}

package/dist/web/components/echart/echart.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, forwardRef, useImperativeHandle, useState, useCallback, useEffect, } from 'react';
+import { useEventListener, useResizeObserver } from '@react-hookz/web';
+import classNames from '../../utils/classnames';
+import { useConfig } from '../../utils/config-context';
+import { usePlatform } from '../../utils/platform';
+let ReactEcharts = null;
+const getEchartInstance = async () => {
+    if (ReactEcharts)
+        return ReactEcharts;
+    const { default: _ } = await import(
+    /* webpackChunkName: "echarts-for-react" */ 'echarts-for-react');
+    ReactEcharts = _;
+};
+export const Echart = forwardRef(function Echart(props, ref) {
+    const { className = '', style, id } = props;
+    const platform = usePlatform();
+    // 样式
+    const { classPrefix } = useConfig();
+    // 响应式css api
+    const platformCss = `${classPrefix}-${platform}-chart`;
+    const classes = {
+        [`${classPrefix}-chart`]: true,
+        [platformCss]: true,
+    };
+    const [init, setInit] = useState(false);
+    // 图表实例
+    const [echartsInstance, setEchartsInstance] = useState(null);
+    // 主题
+    const [themeState, setThemeState] = useState('');
+    const domRef = useRef();
+    useEffect(() => {
+        getEchartInstance().then(() => setInit(true));
+    }, []);
+    useEventListener(window, 'resize', () => {
+        var _a;
+        (_a = echartsInstance === null || echartsInstance === void 0 ? void 0 : echartsInstance.resize) === null || _a === void 0 ? void 0 : _a.call(echartsInstance);
+    });
+    useResizeObserver(domRef, () => {
+        var _a;
+        (_a = echartsInstance === null || echartsInstance === void 0 ? void 0 : echartsInstance.resize) === null || _a === void 0 ? void 0 : _a.call(echartsInstance);
+    });
+    useEffect(() => {
+        return () => {
+            var _a;
+            (_a = echartsInstance === null || echartsInstance === void 0 ? void 0 : echartsInstance.dispose) === null || _a === void 0 ? void 0 : _a.call(echartsInstance);
+        };
+    }, [echartsInstance]);
+    /**
+     * 设置图表配置
+     */
+    const setOption = useCallback((params) => {
+        if (echartsInstance && params) {
+            echartsInstance.setOption(params.option, params.opts);
+        }
+    }, [echartsInstance]);
+    /**
+     * 设置主题
+     */
+    const setTheme = useCallback((opts) => {
+        if (echartsInstance && (opts === null || opts === void 0 ? void 0 : opts.theme))
+            setThemeState(opts.theme);
+    }, [echartsInstance]);
+    // Widget API，挂载组件只读属性和组件方法
+    useImperativeHandle(ref, () => {
+        return {
+            setOption,
+            setTheme,
+            echartsInstance,
+        };
+    }, [echartsInstance, setOption, setTheme]);
+    /**
+     * 获取图表实例
+     * @param instance
+     */
+    const onChartReadyCallback = (instance) => {
+        setEchartsInstance(instance);
+    };
+    /**
+     * 单击
+     */
+    const click = useCallback((...args) => {
+        var _a;
+        (_a = props.events) === null || _a === void 0 ? void 0 : _a.click(...args);
+    }, [props.events]);
+    /**
+     * 双击
+     */
+    const dblclick = useCallback((...args) => {
+        var _a;
+        (_a = props.events) === null || _a === void 0 ? void 0 : _a.dblclick(...args);
+    }, [props.events]);
+    const onEvents = {
+        click,
+        dblclick,
+    };
+    return (_jsx("div", { id: id, style: { width: '100%', ...style }, ref: domRef, "data-testid": "wd-chart-test", children: init && (_jsx(ReactEcharts, { style: style, className: classNames(classes, className), option: props.option || {}, theme: themeState || (props.dark ? 'dark' : 'auto'), opts: props.opts, onChartReady: onChartReadyCallback, onEvents: onEvents })) }));
+});

package/dist/web/components/echart/index.d.ts

@@ -0,0 +1,3 @@
+import { Echart } from './echart';
+export { Echart, type EchartProps } from './echart';
+export default Echart;

package/dist/web/components/echart/index.js

@@ -0,0 +1,3 @@
+import { Echart } from './echart';
+export { Echart } from './echart';
+export default Echart;

package/dist/web/components/flow/common/components/container.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { IWedaPlatformProps } from '../types';
+interface IWedaFlowContainerProps {
+    children: React.ReactNode;
+    wedaPlatformProps: IWedaPlatformProps;
+    classPrefix?: 'wedatea2td' | 'tea';
+}
+/**
+ * 微搭流程组件容器
+ * @description 处理weda组件样式前缀、处理微搭平台配置属性、处理容器dom转发
+ */
+export declare const WedaFlowContainer: React.ForwardRefExoticComponent<IWedaFlowContainerProps & React.RefAttributes<unknown>>;
+export {};

package/dist/web/components/flow/common/components/container.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable react/jsx-props-no-spreading */
+import { forwardRef } from 'react';
+import { ConfigProvider } from 'tea-component';
+/**
+ * 微搭流程组件容器
+ * @description 处理weda组件样式前缀、处理微搭平台配置属性、处理容器dom转发
+ */
+export const WedaFlowContainer = forwardRef(function WedaFlowContainer(props, ref) {
+    const { children, wedaPlatformProps, classPrefix = 'wedatea2td' } = props;
+    return (_jsx(ConfigProvider, { classPrefix: classPrefix, children: _jsx("div", { ...wedaPlatformProps, ref: ref, children: children }) }));
+});

package/dist/web/components/flow/common/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './text';
+export * from './container';

package/dist/web/components/flow/common/components/index.js

@@ -0,0 +1,3 @@
+/* eslint-disable rulesdir/no-export-all */
+export * from './text';
+export * from './container';

package/dist/web/components/flow/common/components/text/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IWedaPlatformProps } from '../../types';
+/** 流程正文文本属性 */
+export interface IFlowContentTextProps {
+    wedaPlatformProps?: IWedaPlatformProps;
+    className?: string;
+    /** 文本内容 */
+    children?: React.ReactNode;
+    omitProperties?: string[];
+}
+/** 流程标题文本属性 */
+export interface IFlowTitleTextProps {
+    wedaPlatformProps?: IWedaPlatformProps;
+    className?: string;
+    omitProperties?: string[];
+}
+/** 流程正文文本 */
+export declare function FlowContentText(props: IFlowContentTextProps): JSX.Element;
+/** 流程标题文本 */
+export declare function FlowTitleText(props: IFlowTitleTextProps): JSX.Element;
+export declare function getModuleContentStyle(props: IWedaPlatformProps): React.CSSProperties;
+export declare function getModuleTitleStyle(props: IWedaPlatformProps): React.CSSProperties;

package/dist/web/components/flow/common/components/text/index.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** 流程正文文本 */
+export function FlowContentText(props) {
+    const { className, children, wedaPlatformProps } = props;
+    const moduleTextProps = getModuleTextProps(wedaPlatformProps || {});
+    const styleFromWeda = getModuleContentStyle(moduleTextProps);
+    const style = omitStyleProperties(styleFromWeda, props.omitProperties || []);
+    return (_jsx("span", { className: className, style: style, children: children }));
+}
+/** 流程标题文本 */
+export function FlowTitleText(props) {
+    const { className, wedaPlatformProps } = props;
+    const { moduleTitleVisible, moduleTitle, ...restModuleTextProps } = getModuleTextProps(wedaPlatformProps || {});
+    const styleFromWeda = getModuleTitleStyle(restModuleTextProps);
+    const style = omitStyleProperties(styleFromWeda, props.omitProperties || []);
+    if (moduleTitleVisible) {
+        return (_jsx("div", { className: `weda-flow-module-title ${className}`, style: style, children: moduleTitle }));
+    }
+    return null;
+}
+function getModuleTextProps(props) {
+    const moduleProps = {};
+    Object.entries(props).forEach(([key, value]) => {
+        if (key.startsWith('module')) {
+            moduleProps[key] = value;
+        }
+    });
+    return moduleProps;
+}
+export function getModuleContentStyle(props) {
+    const style = {
+        color: props.moduleContentColor,
+        fontSize: props.moduleContentFontSize,
+        fontWeight: props.moduleContentFontWeight,
+        lineHeight: getLineHeight(props.moduleContentLineHeight),
+    };
+    return style;
+}
+export function getModuleTitleStyle(props) {
+    const style = {
+        color: props.moduleTitleColor,
+        fontSize: props.moduleTitleFontSize,
+        fontWeight: props.moduleTitleFontWeight,
+        lineHeight: getLineHeight(props.moduleTitleLineHeight),
+    };
+    return style;
+}
+function getLineHeight(lineHeight) {
+    const realLineHeight = +lineHeight;
+    if (typeof realLineHeight === 'number') {
+        return `${realLineHeight}rem`;
+    }
+    return lineHeight;
+}
+function omitStyleProperties(style, omitProperties) {
+    return Object.keys(style).reduce((result, property) => {
+        if (!omitProperties.includes(property)) {
+            result[property] = style[property];
+        }
+        return result;
+    }, {});
+}

package/dist/web/components/flow/common/constants.d.ts

@@ -0,0 +1,14 @@
+export declare const PAGE_TYPE: {
+    /** 待我处理 */
+    TO_DO: string;
+    /** 我创建的 */
+    CREATE: string;
+    /** 我已处理 */
+    DONE: string;
+    /** 抄送我的 */
+    COPY: string;
+    /** 草稿箱 */
+    DRAFT: string;
+    /** 新建流程 */
+    CREATEFLOW: string;
+};

package/dist/web/components/flow/common/constants.js

@@ -0,0 +1,14 @@
+export const PAGE_TYPE = {
+    /** 待我处理 */
+    TO_DO: 'TODO',
+    /** 我创建的 */
+    CREATE: 'CREATE',
+    /** 我已处理 */
+    DONE: 'DONE',
+    /** 抄送我的 */
+    COPY: 'CC',
+    /** 草稿箱 */
+    DRAFT: 'DRAFT',
+    /** 新建流程 */
+    CREATEFLOW: 'CREATEFLOW',
+};

package/dist/web/components/flow/common/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useFlowConfig';
+export * from './useCommonFlowData/types';

package/dist/web/components/flow/common/hooks/index.js

@@ -0,0 +1,3 @@
+/* eslint-disable rulesdir/no-export-all */
+export * from './useFlowConfig';
+export * from './useCommonFlowData/types';

package/dist/web/components/flow/common/hooks/useCommonFlowData/flow-get.d.ts

@@ -0,0 +1,8 @@
+import { IProcessInstance, IApprovalPageDetail } from './types';
+/** 合并获取流程实例请求和审批页面设计器请求 */
+export declare function getCommonFlowData(flowTaskId: string, pageType: string): Promise<{
+    approvalPageDetail: IApprovalPageDetail;
+    objectMap: {};
+    objectListMap: {};
+    processInstance: IProcessInstance;
+}>;