@cloudbase/weda-ui 3.4.8 → 3.4.9-alpha.1024

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react/jsx-key */
 import React, { useState, useEffect, useCallback, useImperativeHandle, } from 'react';
 import { usePlatform } from '../../utils/platform';
@@ -190,19 +191,18 @@ export default React.forwardRef(function Lottery({ className, id, style, prizeLi
         }
     }, [style]);
     const renderDot = (direction, list) => {
-        return (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: classNames(`${CLASS_PREFIX}__dot`, `${CLASS_PREFIX}__dot-${direction}`) }, list.map((item, index) => {
-                return (React.createElement("div", { key: index, className: `${CLASS_PREFIX}__dot-item`, style: {
-                        width: `${(9 * widthRatio) / 14}rem`,
-                        height: `${(9 * heightRatio) / 14}rem`,
-                        marginBottom: `${direction}` === 'vertical'
-                            ? `${(43 * heightRatio) / 14}rem`
-                            : '0',
-                        marginRight: `${direction}` === 'horizontal'
-                            ? `${(43 * widthRatio) / 14}rem`
-                            : '0',
-                    } }));
-            }))));
+        return (_jsx(_Fragment, { children: _jsx("div", { className: classNames(`${CLASS_PREFIX}__dot`, `${CLASS_PREFIX}__dot-${direction}`), children: list.map((item, index) => {
+                    return (_jsx("div", { className: `${CLASS_PREFIX}__dot-item`, style: {
+                            width: `${(9 * widthRatio) / 14}rem`,
+                            height: `${(9 * heightRatio) / 14}rem`,
+                            marginBottom: `${direction}` === 'vertical'
+                                ? `${(43 * heightRatio) / 14}rem`
+                                : '0',
+                            marginRight: `${direction}` === 'horizontal'
+                                ? `${(43 * widthRatio) / 14}rem`
+                                : '0',
+                        } }, index));
+                }) }) }));
     };
     const dotList = [
         {
@@ -254,137 +254,117 @@ export default React.forwardRef(function Lottery({ className, id, style, prizeLi
             list: ['1', '2', '3', '4', '5'],
         },
     ];
-    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement("div", { className: cls, id: id, style: style, "data-testid": "lottery" },
-            React.createElement("div", { className: `${CLASS_PREFIX}__wrap` },
-                dotList.map((dot, index) => {
-                    return (React.createElement("div", { key: index },
-                        dot.single && (React.createElement("div", { key: `${dot.direction}-${index}`, className: classNames(`${CLASS_PREFIX}__dot-single`, `${CLASS_PREFIX}__dot-${dot.position}`), style: {
-                                width: `${(9 * widthRatio) / 14}rem`,
-                                height: `${(9 * heightRatio) / 14}rem`,
-                                top: `${dot.position}` === 'left-top' ||
-                                    `${dot.position}` === 'right-top'
-                                    ? `${(9 * heightRatio) / 14}rem`
-                                    : '',
-                                bottom: `${dot.position}` === 'left-bottom' ||
-                                    `${dot.position}` === 'right-bottom'
-                                    ? `${(9 * heightRatio) / 14}rem`
-                                    : '',
-                                left: `${dot.position}` === 'left-top' ||
-                                    `${dot.position}` === 'left-bottom'
-                                    ? `${(6 * widthRatio) / 14}rem`
-                                    : '',
-                                right: `${dot.position}` === 'right-top' ||
-                                    `${dot.position}` === 'right-bottom'
-                                    ? `${(6 * widthRatio) / 14}rem`
-                                    : '',
-                            } })),
-                        !dot.single && (React.createElement("div", { key: `${dot.direction}-${index}`, className: `${CLASS_PREFIX}__dot-${dot.position}`, style: {
-                                left: `${dot.position}` === 'top' ||
-                                    `${dot.position}` === 'bottom'
-                                    ? `calc((${'100%'} - ${dotWidth}rem) / 2)`
-                                    : `${dot.position}` === 'left'
-                                        ? `${(widthRatio * 18 - widthRatio * 9) / 2 / 14}rem`
-                                        : '',
-                                top: `${dot.position}` === 'left' ||
-                                    `${dot.position}` === 'right'
-                                    ? `calc((100% - ${dotHeight}rem) / 2)`
-                                    : `${dot.position}` === 'top'
-                                        ? `${(heightRatio * 18 - heightRatio * 9) / 2 / 14}rem`
-                                        : '',
-                                bottom: `${dot.position}` === 'bottom'
-                                    ? `${(heightRatio * 18 - heightRatio * 9) / 2 / 14}rem`
-                                    : '',
-                                right: `${dot.position}` === 'right'
-                                    ? `${(widthRatio * 18 - widthRatio * 9) / 2 / 14}rem`
-                                    : '',
-                            } }, true && renderDot(dot.direction, dot.list)))));
-                }),
-                React.createElement("div", { className: `${CLASS_PREFIX}__inner`, style: {
-                        paddingTop: `${(18 * heightRatio) / 14}rem`,
-                        paddingBottom: `${(18 * heightRatio) / 14}rem`,
-                        paddingLeft: `${(18 * widthRatio) / 14}rem`,
-                        paddingRight: `${(18 * widthRatio) / 14}rem`,
-                    } },
-                    React.createElement("div", { className: `${CLASS_PREFIX}__inner-wrap` },
-                        React.createElement("ul", { className: `${CLASS_PREFIX}__list` }, lotteryList.map((item, index) => {
-                            return (React.createElement("li", { "data-testid": "lottery-item", key: index, className: classNames(`${CLASS_PREFIX}__turntable-item`, item.idx === activedId ? 'is-actived' : '', item.selected ? 'is-selected' : ''), style: {
-                                    width: `calc((${'100%'} - ${(widthRatio * 8 * 4) / 14}rem) / 3)`,
-                                    height: `calc((${'100%'} - ${(heightRatio * 8 * 4) / 14}rem) / 3)`,
-                                    top: `${index}` == '0' ||
-                                        `${index}` == '1' ||
-                                        `${index}` == '2'
-                                        ? `${(heightRatio * 8) / 14}rem`
-                                        : `${index}` == '3'
-                                            ? `calc((${'100%'} - ${(heightRatio * 8 * 4) / 14}rem) / 3 + ${(heightRatio * 8 * 2) / 14}rem)`
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("div", { className: cls, id: id, style: style, "data-testid": "lottery", children: _jsxs("div", { className: `${CLASS_PREFIX}__wrap`, children: [dotList.map((dot, index) => {
+                        return (_jsxs("div", { children: [dot.single && (_jsx("div", { className: classNames(`${CLASS_PREFIX}__dot-single`, `${CLASS_PREFIX}__dot-${dot.position}`), style: {
+                                        width: `${(9 * widthRatio) / 14}rem`,
+                                        height: `${(9 * heightRatio) / 14}rem`,
+                                        top: `${dot.position}` === 'left-top' ||
+                                            `${dot.position}` === 'right-top'
+                                            ? `${(9 * heightRatio) / 14}rem`
                                             : '',
-                                    bottom: `${index}` == '4' ||
-                                        `${index}` == '5' ||
-                                        `${index}` == '6'
-                                        ? `${(heightRatio * 8) / 14}rem`
-                                        : `${index}` == '7'
-                                            ? `calc((${'100%'} - ${(heightRatio * 8 * 4) / 14}rem) / 3 + ${(heightRatio * 8 * 2) / 14}rem)`
+                                        bottom: `${dot.position}` === 'left-bottom' ||
+                                            `${dot.position}` === 'right-bottom'
+                                            ? `${(9 * heightRatio) / 14}rem`
                                             : '',
-                                    right: `${index}` == '2' ||
-                                        `${index}` == '3' ||
-                                        `${index}` == '4'
-                                        ? `${(widthRatio * 8) / 14}rem`
-                                        : '',
-                                    left: `${index}` == '0' ||
-                                        `${index}` == '6' ||
-                                        `${index}` == '7'
-                                        ? `${(widthRatio * 8) / 14}rem`
-                                        : `${index}` == '1' || `${index}` == '5'
-                                            ? `calc((${'100%'} - ${(widthRatio * 8 * 4) / 14}rem) / 3 + ${(widthRatio * 8 * 2) / 14}rem)`
+                                        left: `${dot.position}` === 'left-top' ||
+                                            `${dot.position}` === 'left-bottom'
+                                            ? `${(6 * widthRatio) / 14}rem`
                                             : '',
-                                } },
-                                React.createElement("div", { className: `${CLASS_PREFIX}__turntable-cell`, style: {
-                                        borderLeftWidth: `${(4 * widthRatio) / 14}rem`,
-                                        borderRightWidth: `${(4 * widthRatio) / 14}rem`,
-                                        borderTopWidth: `${(4 * heightRatio) / 14}rem`,
-                                        borderBottomWidth: `${(4 * heightRatio) / 14}rem`,
-                                        paddingTop: `${(8 * heightRatio) / 14}rem`,
-                                        paddingBottom: `${(8 * heightRatio) / 14}rem`,
-                                        paddingLeft: `${(2 * widthRatio) / 14}rem`,
-                                        paddingRight: `${(2 * widthRatio) / 14}rem`,
-                                    } },
-                                    item.src && (React.createElement("div", { className: `${CLASS_PREFIX}__turntable-cell-image`, style: {
-                                            height: `${(heightRatio * 40) / 14}rem`,
-                                        } },
-                                        React.createElement("img", { src: item.src, alt: item.desc, className: `${CLASS_PREFIX}__turntable-cell-icon`, style: {
-                                                width: `${(widthRatio * 40) / 14}rem`,
-                                                height: `${(heightRatio * 40) / 14}rem`,
-                                            } }))),
-                                    item.desc && (React.createElement("div", { className: `${CLASS_PREFIX}__turntable-cell-desc`, style: {
-                                            marginTop: `${(heightRatio * 6) / 14}rem`,
-                                            fontSize: `${(widthRatio * 12) / 14}rem`,
-                                            lineHeight: `${(heightRatio * 17) / 14}rem`,
-                                        } }, item.desc)))));
-                        })),
-                        React.createElement("div", { className: classNames(`${CLASS_PREFIX}__turntable-btn`, btnActived ? 'is-actived' : ''), style: {
-                                width: `calc((${'100%'} - ${(widthRatio * 8 * 4) / 14}rem) / 3)`,
-                                height: `calc((${'100%'} - ${(heightRatio * 8 * 4) / 14}rem) / 3)`,
-                                top: `calc((${'100%'} - ${(heightRatio * 8 * 4) / 14}rem) / 3 + ${(heightRatio * 8 * 2) / 14}rem)`,
-                                left: `calc((${'100%'} - ${(heightRatio * 8 * 4) / 14}rem) / 3 + ${(heightRatio * 8 * 2) / 14}rem)`,
-                            } },
-                            React.createElement("div", { className: `${CLASS_PREFIX}__btn-inner`, style: {
-                                    paddingTop: `${(9 * heightRatio) / 14}rem`,
-                                    paddingBottom: `${(9 * heightRatio) / 14}rem`,
-                                    paddingLeft: `${(9 * widthRatio) / 14}rem`,
-                                    paddingRight: `${(9 * widthRatio) / 14}rem`,
-                                } },
-                                React.createElement("div", { className: `${CLASS_PREFIX}__btn` },
-                                    React.createElement("a", { "data-testid": "start-lottery", className: `${CLASS_PREFIX}__btn-image`, style: {
-                                            paddingTop: `${(11 * heightRatio) / 14}rem`,
-                                            paddingBottom: `${(11 * heightRatio) / 14}rem`,
-                                            paddingLeft: `${(15 * widthRatio) / 14}rem`,
-                                            paddingRight: `${(15 * widthRatio) / 14}rem`,
-                                        }, onClick: startLottery },
-                                        React.createElement("p", { className: `${CLASS_PREFIX}__btn-text`, style: {
-                                                fontSize: `${(widthRatio * 18) / 14}rem`,
-                                                lineHeight: `${(widthRatio * 22) / 14}rem`,
-                                            } },
-                                            "\u5F00\u59CB",
-                                            React.createElement("br", null),
-                                            "\u62BD\u5956")))))))))));
+                                        right: `${dot.position}` === 'right-top' ||
+                                            `${dot.position}` === 'right-bottom'
+                                            ? `${(6 * widthRatio) / 14}rem`
+                                            : '',
+                                    } }, `${dot.direction}-${index}`)), !dot.single && (_jsx("div", { className: `${CLASS_PREFIX}__dot-${dot.position}`, style: {
+                                        left: `${dot.position}` === 'top' ||
+                                            `${dot.position}` === 'bottom'
+                                            ? `calc((${'100%'} - ${dotWidth}rem) / 2)`
+                                            : `${dot.position}` === 'left'
+                                                ? `${(widthRatio * 18 - widthRatio * 9) / 2 / 14}rem`
+                                                : '',
+                                        top: `${dot.position}` === 'left' ||
+                                            `${dot.position}` === 'right'
+                                            ? `calc((100% - ${dotHeight}rem) / 2)`
+                                            : `${dot.position}` === 'top'
+                                                ? `${(heightRatio * 18 - heightRatio * 9) / 2 / 14}rem`
+                                                : '',
+                                        bottom: `${dot.position}` === 'bottom'
+                                            ? `${(heightRatio * 18 - heightRatio * 9) / 2 / 14}rem`
+                                            : '',
+                                        right: `${dot.position}` === 'right'
+                                            ? `${(widthRatio * 18 - widthRatio * 9) / 2 / 14}rem`
+                                            : '',
+                                    }, children: true && renderDot(dot.direction, dot.list) }, `${dot.direction}-${index}`))] }, index));
+                    }), _jsx("div", { className: `${CLASS_PREFIX}__inner`, style: {
+                            paddingTop: `${(18 * heightRatio) / 14}rem`,
+                            paddingBottom: `${(18 * heightRatio) / 14}rem`,
+                            paddingLeft: `${(18 * widthRatio) / 14}rem`,
+                            paddingRight: `${(18 * widthRatio) / 14}rem`,
+                        }, children: _jsxs("div", { className: `${CLASS_PREFIX}__inner-wrap`, children: [_jsx("ul", { className: `${CLASS_PREFIX}__list`, children: lotteryList.map((item, index) => {
+                                        return (_jsx("li", { "data-testid": "lottery-item", className: classNames(`${CLASS_PREFIX}__turntable-item`, item.idx === activedId ? 'is-actived' : '', item.selected ? 'is-selected' : ''), style: {
+                                                width: `calc((${'100%'} - ${(widthRatio * 8 * 4) / 14}rem) / 3)`,
+                                                height: `calc((${'100%'} - ${(heightRatio * 8 * 4) / 14}rem) / 3)`,
+                                                top: `${index}` == '0' ||
+                                                    `${index}` == '1' ||
+                                                    `${index}` == '2'
+                                                    ? `${(heightRatio * 8) / 14}rem`
+                                                    : `${index}` == '3'
+                                                        ? `calc((${'100%'} - ${(heightRatio * 8 * 4) / 14}rem) / 3 + ${(heightRatio * 8 * 2) / 14}rem)`
+                                                        : '',
+                                                bottom: `${index}` == '4' ||
+                                                    `${index}` == '5' ||
+                                                    `${index}` == '6'
+                                                    ? `${(heightRatio * 8) / 14}rem`
+                                                    : `${index}` == '7'
+                                                        ? `calc((${'100%'} - ${(heightRatio * 8 * 4) / 14}rem) / 3 + ${(heightRatio * 8 * 2) / 14}rem)`
+                                                        : '',
+                                                right: `${index}` == '2' ||
+                                                    `${index}` == '3' ||
+                                                    `${index}` == '4'
+                                                    ? `${(widthRatio * 8) / 14}rem`
+                                                    : '',
+                                                left: `${index}` == '0' ||
+                                                    `${index}` == '6' ||
+                                                    `${index}` == '7'
+                                                    ? `${(widthRatio * 8) / 14}rem`
+                                                    : `${index}` == '1' || `${index}` == '5'
+                                                        ? `calc((${'100%'} - ${(widthRatio * 8 * 4) / 14}rem) / 3 + ${(widthRatio * 8 * 2) / 14}rem)`
+                                                        : '',
+                                            }, children: _jsxs("div", { className: `${CLASS_PREFIX}__turntable-cell`, style: {
+                                                    borderLeftWidth: `${(4 * widthRatio) / 14}rem`,
+                                                    borderRightWidth: `${(4 * widthRatio) / 14}rem`,
+                                                    borderTopWidth: `${(4 * heightRatio) / 14}rem`,
+                                                    borderBottomWidth: `${(4 * heightRatio) / 14}rem`,
+                                                    paddingTop: `${(8 * heightRatio) / 14}rem`,
+                                                    paddingBottom: `${(8 * heightRatio) / 14}rem`,
+                                                    paddingLeft: `${(2 * widthRatio) / 14}rem`,
+                                                    paddingRight: `${(2 * widthRatio) / 14}rem`,
+                                                }, children: [item.src && (_jsx("div", { className: `${CLASS_PREFIX}__turntable-cell-image`, style: {
+                                                            height: `${(heightRatio * 40) / 14}rem`,
+                                                        }, children: _jsx("img", { src: item.src, alt: item.desc, className: `${CLASS_PREFIX}__turntable-cell-icon`, style: {
+                                                                width: `${(widthRatio * 40) / 14}rem`,
+                                                                height: `${(heightRatio * 40) / 14}rem`,
+                                                            } }) })), item.desc && (_jsx("div", { className: `${CLASS_PREFIX}__turntable-cell-desc`, style: {
+                                                            marginTop: `${(heightRatio * 6) / 14}rem`,
+                                                            fontSize: `${(widthRatio * 12) / 14}rem`,
+                                                            lineHeight: `${(heightRatio * 17) / 14}rem`,
+                                                        }, children: item.desc }))] }) }, index));
+                                    }) }), _jsx("div", { className: classNames(`${CLASS_PREFIX}__turntable-btn`, btnActived ? 'is-actived' : ''), style: {
+                                        width: `calc((${'100%'} - ${(widthRatio * 8 * 4) / 14}rem) / 3)`,
+                                        height: `calc((${'100%'} - ${(heightRatio * 8 * 4) / 14}rem) / 3)`,
+                                        top: `calc((${'100%'} - ${(heightRatio * 8 * 4) / 14}rem) / 3 + ${(heightRatio * 8 * 2) / 14}rem)`,
+                                        left: `calc((${'100%'} - ${(heightRatio * 8 * 4) / 14}rem) / 3 + ${(heightRatio * 8 * 2) / 14}rem)`,
+                                    }, children: _jsx("div", { className: `${CLASS_PREFIX}__btn-inner`, style: {
+                                            paddingTop: `${(9 * heightRatio) / 14}rem`,
+                                            paddingBottom: `${(9 * heightRatio) / 14}rem`,
+                                            paddingLeft: `${(9 * widthRatio) / 14}rem`,
+                                            paddingRight: `${(9 * widthRatio) / 14}rem`,
+                                        }, children: _jsx("div", { className: `${CLASS_PREFIX}__btn`, children: _jsx("a", { "data-testid": "start-lottery", className: `${CLASS_PREFIX}__btn-image`, style: {
+                                                    paddingTop: `${(11 * heightRatio) / 14}rem`,
+                                                    paddingBottom: `${(11 * heightRatio) / 14}rem`,
+                                                    paddingLeft: `${(15 * widthRatio) / 14}rem`,
+                                                    paddingRight: `${(15 * widthRatio) / 14}rem`,
+                                                }, onClick: startLottery, children: _jsxs("p", { className: `${CLASS_PREFIX}__btn-text`, style: {
+                                                        fontSize: `${(widthRatio * 18) / 14}rem`,
+                                                        lineHeight: `${(widthRatio * 22) / 14}rem`,
+                                                    }, children: ["\u5F00\u59CB", _jsx("br", {}), "\u62BD\u5956"] }) }) }) }) })] }) })] }) }) }));
 });

package/dist/web/components/modal/h5.css

@@ -52,3 +52,6 @@
   border-width: 0px;
   border-radius: 0px;
 }
+.lcap-modal .lcap-modal__header {
+  text-align: center;
+}

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { usePlatform } from '../../utils/platform';
 import { ModalPc } from './modal.pc';
@@ -5,7 +6,7 @@ import { ModalH5 } from './modal.h5';
 export default React.forwardRef(function WeDaModal(props, ref) {
     const platform = usePlatform();
     if (platform === 'h5') {
-        return React.createElement(ModalH5, { ...props, outerRef: ref });
+        return _jsx(ModalH5, { ...props, outerRef: ref });
     }
-    return React.createElement(ModalPc, { size: "auto", ...props, outerRef: ref });
+    return _jsx(ModalPc, { size: "auto", ...props, outerRef: ref });
 });

package/dist/web/components/modal/modal.h5.js

@@ -1,10 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Container, Text, Button } from '../index';
 import { Popover } from 'tea-component';
 import './h5.css';
 import { useSyncValue } from '../../utils/hooks/useSyncValue';
 export function ModalH5(props) {
-    const { events, visible, content, isDefaultButton, customButton, customContent, outerRef, } = props;
+    const { events, visible, content, isDefaultButton, customButton, customContent, outerRef, disableCloseIcon = false, } = props;
     const [isVisible, setIsVisible] = useSyncValue(visible);
     React.useImperativeHandle(outerRef, () => {
         return {
@@ -23,25 +24,18 @@ export function ModalH5(props) {
     }, [setIsVisible]);
     const buttonEvents = React.useMemo(() => {
         return {
-            tap: events.confirm,
+            tap: events === null || events === void 0 ? void 0 : events.confirm,
         };
     }, [events]);
     const closeEvents = React.useMemo(() => {
         return {
-            tap: events.close,
+            tap: events === null || events === void 0 ? void 0 : events.close,
         };
     }, [events]);
     if (!isVisible) {
-        return React.createElement(Container, { className: "lcap-modal" });
+        return _jsx(Container, { className: "lcap-modal" });
     }
-    return (React.createElement(Popover, { overlayClassName: 'wedatea2td-overlay', visible: true, overlay: React.createElement(Container, { className: "lcap-modal" },
-            React.createElement(Container, { className: "container" },
-                React.createElement(Container, { className: "lcap-modal__mask" }),
-                React.createElement(Container, { className: `lcap-modal__dialog ${isVisible ? 'enter' : ''}` },
-                    React.createElement(Container, { className: "lcap-modal__close_btn", events: closeEvents },
-                        React.createElement(Container, { className: "lcap-icon-close lcap-icon", style: {
-                                fontSize: 24,
-                            } })),
-                    React.createElement(Container, { title: "modal-header" }, content ? (React.createElement(Text, { level: "0", text: content, maxLines: 2, userSelect: true, space: false, contenteditable: 'false' })) : (customContent)),
-                    React.createElement(Container, { className: "lcap-modal__confirm_btn" }, isDefaultButton ? (React.createElement(Button, { className: "lcap-modal__default_btn", text: "\u786E\u5B9A", events: buttonEvents })) : (customButton))))) }));
+    return (_jsx(Popover, { overlayClassName: 'wedatea2td-overlay', visible: true, overlay: _jsx(Container, { className: `lcap-modal  ${props === null || props === void 0 ? void 0 : props.className}`, children: _jsxs(Container, { className: "container", children: [_jsx(Container, { className: "lcap-modal__mask", events: closeEvents }), _jsxs(Container, { className: `lcap-modal__dialog ${isVisible ? 'enter' : ''}`, children: [_jsxs(Container, { className: "lcap-modal__header", children: [_jsx("span", { children: props === null || props === void 0 ? void 0 : props.title }), !disableCloseIcon && (_jsx(Container, { className: "lcap-modal__close_btn", events: closeEvents, children: _jsx(Container, { className: "lcap-icon-close lcap-icon", style: {
+                                                fontSize: 24,
+                                            } }) }))] }), _jsxs(Container, { className: "lcap-modal__dialog__body", children: [_jsx(Container, { title: "modal-header", children: content ? (_jsx(Text, { level: "0", text: content, maxLines: 2, userSelect: true, space: false, contenteditable: 'false' })) : (customContent) }), _jsx(Container, { className: "lcap-modal__confirm_btn", children: isDefaultButton ? (_jsx(Button, { className: "lcap-modal__default_btn", text: "\u786E\u5B9A", events: buttonEvents })) : (customButton) })] })] })] }) }) }));
 }

package/dist/web/components/modal/modal.pc.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Modal, Button, ConfigProvider } from 'tea-component';
 import classNames from '../../utils/classnames';
@@ -20,12 +21,9 @@ export function ModalPc(props) {
             },
         };
     }, [setIsVisible]);
-    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement(Modal, { size: size, className: classNames('weda-ui', 'lcap-modal', 'container', className), visible: isVisible, onClose: () => {
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs(Modal, { size: size, className: classNames('weda-ui', 'lcap-modal', 'container', className), visible: isVisible, onClose: () => {
                 events.close();
-            }, ...restProps },
-            React.createElement(Modal.Body, null, content ? content : customContent),
-            React.createElement(Modal.Footer, null, isDefaultButton ? (React.createElement(Button, { type: "primary", onClick: () => {
-                    events.confirm();
-                } }, "\u786E\u5B9A")) : (customButton)))));
+            }, ...restProps, children: [_jsx(Modal.Body, { children: content ? content : customContent }), _jsx(Modal.Footer, { children: isDefaultButton ? (_jsx(Button, { type: "primary", onClick: () => {
+                            events.confirm();
+                        }, children: "\u786E\u5B9A" })) : (customButton) })] }) }));
 }

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
 import classNames from '../../utils/classnames';
 import { Row, Col, ConfigProvider } from 'tea-component';
@@ -99,29 +100,21 @@ export default function NavLayout({ navOption = emptyArray, mobileCol, pcCol, ic
                 return null;
         }
     };
-    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement("div", { className: cls, "data-testid": "navLayout", style: style },
-            React.createElement("div", { className: `${CLASS_PREFIX}__wrapper` }, navList.map((row, rowIndex) => {
-                return (React.createElement(Row, { className: `${CLASS_PREFIX}__row`, key: rowIndex },
-                    React.createElement(React.Fragment, null, row &&
-                        row.map((colInfo, colIndex) => {
-                            return (React.createElement(Col, { style: {
-                                    ...colStyle,
-                                    cursor: (colInfo === null || colInfo === void 0 ? void 0 : colInfo.tapStatus) != 'tap'
-                                        ? 'pointer'
-                                        : 'auto',
-                                }, className: `${CLASS_PREFIX}__col ${CLASS_PREFIX}__col--${iconSize}`, key: colIndex },
-                                React.createElement("div", { "data-testid": `${colIndex}_click`, onClick: () => navTap(colInfo) },
-                                    !(colInfo === null || colInfo === void 0 ? void 0 : colInfo.iconSrc) ? (React.createElement(IconShow, { onIcon: colInfo === null || colInfo === void 0 ? void 0 : colInfo.icon })) : (React.createElement("div", { className: `${CLASS_PREFIX}__img` },
-                                        React.createElement(Image, { mode: 'scaleToFill', lazyLoad: false, maskClosable: false, imgPreview: false, fit: 'cover', alt: '', src: colInfo === null || colInfo === void 0 ? void 0 : colInfo.iconSrc, className: `${CLASS_PREFIX}__icon` }))),
-                                    (colInfo === null || colInfo === void 0 ? void 0 : colInfo.title) && (React.createElement("div", { className: `${CLASS_PREFIX}__text`, style: mutiLabelStyle, title: tips ? colInfo === null || colInfo === void 0 ? void 0 : colInfo.title : '' }, colInfo === null || colInfo === void 0 ? void 0 : colInfo.title)))));
-                        }))));
-            })))));
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("div", { className: cls, "data-testid": "navLayout", style: style, children: _jsx("div", { className: `${CLASS_PREFIX}__wrapper`, children: navList.map((row, rowIndex) => {
+                    return (_jsx(Row, { className: `${CLASS_PREFIX}__row`, children: _jsx(_Fragment, { children: row &&
+                                row.map((colInfo, colIndex) => {
+                                    return (_jsx(Col, { style: {
+                                            ...colStyle,
+                                            cursor: (colInfo === null || colInfo === void 0 ? void 0 : colInfo.tapStatus) != 'tap'
+                                                ? 'pointer'
+                                                : 'auto',
+                                        }, className: `${CLASS_PREFIX}__col ${CLASS_PREFIX}__col--${iconSize}`, children: _jsxs("div", { "data-testid": `${colIndex}_click`, onClick: () => navTap(colInfo), children: [!(colInfo === null || colInfo === void 0 ? void 0 : colInfo.iconSrc) ? (_jsx(IconShow, { onIcon: colInfo === null || colInfo === void 0 ? void 0 : colInfo.icon })) : (_jsx("div", { className: `${CLASS_PREFIX}__img`, children: _jsx(Image, { mode: 'scaleToFill', lazyLoad: false, maskClosable: false, imgPreview: false, fit: 'cover', alt: '', src: colInfo === null || colInfo === void 0 ? void 0 : colInfo.iconSrc, className: `${CLASS_PREFIX}__icon` }) })), (colInfo === null || colInfo === void 0 ? void 0 : colInfo.title) && (_jsx("div", { className: `${CLASS_PREFIX}__text`, style: mutiLabelStyle, title: tips ? colInfo === null || colInfo === void 0 ? void 0 : colInfo.title : '', children: colInfo === null || colInfo === void 0 ? void 0 : colInfo.title }))] }) }, colIndex));
+                                }) }) }, rowIndex));
+                }) }) }) }));
 }
 /**
  * icon回显组件
  */
 const IconShow = ({ onIcon }) => {
-    return (React.createElement(React.Fragment, null, (onIcon === null || onIcon === void 0 ? void 0 : onIcon.includes('td:')) ? (React.createElement("div", null,
-        React.createElement(IconFont, { name: onIcon === null || onIcon === void 0 ? void 0 : onIcon.split(':')[1], className: `${CLASS_PREFIX}__fonticon` }))) : (React.createElement("div", { className: `${CLASS_PREFIX}__fonticon lcap-icon lcap-icon-${onIcon}` }))));
+    return (_jsx(_Fragment, { children: (onIcon === null || onIcon === void 0 ? void 0 : onIcon.includes('td:')) ? (_jsx("div", { children: _jsx(IconFont, { name: onIcon === null || onIcon === void 0 ? void 0 : onIcon.split(':')[1], className: `${CLASS_PREFIX}__fonticon` }) })) : (_jsx("div", { className: `${CLASS_PREFIX}__fonticon lcap-icon lcap-icon-${onIcon}` })) }));
 };

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
 import { isUrl, resolveStaticResourceUrl } from '../../utils/platform';
 import { IconFont } from 'tdesign-icons-react';
@@ -5,25 +6,23 @@ const CLASS_PREFIX = 'weda-menu';
 // 标题
 export const renderTitle = (navigationStyle) => {
     const { title, titleColor, showTitle, titleFontSize } = navigationStyle;
-    return (showTitle && (React.createElement("span", { "data-testid": "navigationBar-title", style: {
+    return (showTitle && (_jsx("span", { "data-testid": "navigationBar-title", style: {
             display: 'inline-block',
             color: titleColor,
             fontSize: titleFontSize,
-        } }, title)));
+        }, children: title })));
 };
 // 菜单
 export const renderMenuTitle = (navigationStyle, item, hasIcon) => {
     const { menuColor, menuFontSize, showMenuIcon } = navigationStyle;
     const { title, level, iconUrl, iconPath } = item;
-    return (React.createElement("span", { className: "menu-text", style: {
+    return (_jsxs("span", { className: "menu-text", style: {
             color: menuColor,
             fontSize: menuFontSize,
-        }, "data-testid": "navigationBar-menu" },
-        showMenuIcon &&
-            level === 0 &&
-            hasIcon &&
-            renderMenuIcon(iconUrl, iconPath, navigationStyle),
-        title));
+        }, "data-testid": "navigationBar-menu", children: [showMenuIcon &&
+                level === 0 &&
+                hasIcon &&
+                renderMenuIcon(iconUrl, iconPath, navigationStyle), title] }));
 };
 // 默认logo
 const defaultLogoUrl = 'https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/43d3b2b7-445c-4858-8eb0-50ac5d5cc08e.svg';
@@ -31,12 +30,11 @@ const defaultLogoUrl = 'https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_
 export const MenuLogo = React.memo(function MenuLogo({ navigationStyle, className, }) {
     const { showLogo, logoHeight, logoWidth, logoUrl, logoPath, title } = navigationStyle;
     const src = resolveStaticResourceUrl(logoPath) || logoUrl;
-    return (showLogo && (React.createElement("h1", null,
-        React.createElement("img", { "data-testid": "navigationBar-logo", className: className, style: { width: `${logoWidth}px`, height: `${logoHeight}px` }, src: src || defaultLogoUrl, alt: title }))));
+    return (showLogo && (_jsx("h1", { children: _jsx("img", { "data-testid": "navigationBar-logo", className: className, style: { width: `${logoWidth}px`, height: `${logoHeight}px` }, src: src || defaultLogoUrl, alt: title }) })));
 });
 // icon回显
 export const IconShow = ({ onIcon, menuColor, menuFontSize }) => {
-    return (React.createElement(React.Fragment, null, (onIcon === null || onIcon === void 0 ? void 0 : onIcon.includes('td:')) ? (React.createElement(IconFont, { name: onIcon === null || onIcon === void 0 ? void 0 : onIcon.split(':')[1], className: `${CLASS_PREFIX}__fonticon`, style: { color: menuColor, fontSize: menuFontSize } })) : (React.createElement("div", { className: `${CLASS_PREFIX}__fonticon lcap-icon lcap-icon-${onIcon}`, style: { color: menuColor, fontSize: menuFontSize } }))));
+    return (_jsx(_Fragment, { children: (onIcon === null || onIcon === void 0 ? void 0 : onIcon.includes('td:')) ? (_jsx(IconFont, { name: onIcon === null || onIcon === void 0 ? void 0 : onIcon.split(':')[1], className: `${CLASS_PREFIX}__fonticon`, style: { color: menuColor, fontSize: menuFontSize } })) : (_jsx("div", { className: `${CLASS_PREFIX}__fonticon lcap-icon lcap-icon-${onIcon}`, style: { color: menuColor, fontSize: menuFontSize } })) }));
 };
 // 菜单图标
 export const renderMenuIcon = (iconUrl, iconPath, navigationStyle) => {
@@ -44,10 +42,10 @@ export const renderMenuIcon = (iconUrl, iconPath, navigationStyle) => {
     let icon = iconUrl || 'td:view-module';
     if (iconUrl && isUrl(iconUrl)) {
         icon = resolveStaticResourceUrl(iconPath) || iconUrl;
-        return (React.createElement("img", { className: `${CLASS_PREFIX}__item-icon`, style: { width: 16, height: 16, marginRight: 4 }, src: icon, alt: "logo" }));
+        return (_jsx("img", { className: `${CLASS_PREFIX}__item-icon`, style: { width: 16, height: 16, marginRight: 4 }, src: icon, alt: "logo" }));
     }
     else {
-        return (React.createElement(IconShow, { onIcon: icon, menuColor: menuColor, menuFontSize: menuFontSize }));
+        return (_jsx(IconShow, { onIcon: icon, menuColor: menuColor, menuFontSize: menuFontSize }));
     }
 };
 // 页面跳转

package/dist/web/components/navigationBar/h5Menu.js

@@ -1,5 +1,4 @@
-/* eslint-disable react/jsx-key */
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Menu, Drawer } from 'tea-component';
 import classNames from '../../utils/classnames';
 import { renderMenuTitle, MenuLogo, renderTitle, navigateTo, expandMenu, } from './common';
@@ -21,15 +20,15 @@ const H5Menu = ({ menuData, navigationStyle, setMenuData, className, selected, s
     // 渲染subMenu
     const renderSubMenu = (item, hasThereNode = false) => {
         const { key, children, opened } = item;
-        return children.length > 0 ? (React.createElement(Menu.SubMenu, { className: hasThereNode ? `${CLASS_PREFIX}__submenu` : '', key: key, title: renderMenuTitle(navigationStyle, item, true), opened: opened, onOpenedChange: (opened) => {
+        return children.length > 0 ? (_jsx(Menu.SubMenu, { className: hasThereNode ? `${CLASS_PREFIX}__submenu` : '', title: renderMenuTitle(navigationStyle, item, true), opened: opened, onOpenedChange: (opened) => {
                 const menus = expandMenu(menuData, { ...item, opened });
                 setMenuData(menus);
-            } }, children === null || children === void 0 ? void 0 : children.map((el) => renderSubMenu(el, true)))) : (renderMenuItem(item));
+            }, children: children === null || children === void 0 ? void 0 : children.map((el) => renderSubMenu(el, true)) }, key)) : (renderMenuItem(item));
     };
     // 渲染MenuItem
     const renderMenuItem = (item) => {
         const { key } = item;
-        return (React.createElement(Menu.Item, { key: key, title: renderMenuTitle(navigationStyle, item, true), selected: item.key === selected, onClick: () => {
+        return (_jsx(Menu.Item, { title: renderMenuTitle(navigationStyle, item, true), selected: item.key === selected, onClick: () => {
                 if (item.key !== selected) {
                     if (item.type !== 'link') {
                         setSelected(item.key);
@@ -37,38 +36,20 @@ const H5Menu = ({ menuData, navigationStyle, setMenuData, className, selected, s
                     navigateTo(item);
                 }
                 setVisible(false);
-            } }));
+            } }, key));
     };
-    const H5Title = () => (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: `${CLASS_PREFIX}__bar-main` },
-            React.createElement("span", { className: `${CLASS_PREFIX}__main-logo` },
-                React.createElement(MenuLogo, { navigationStyle: navigationStyle, className: `${CLASS_PREFIX}__main-icon` }),
-                renderTitle(navigationStyle))),
-        React.createElement("div", { className: `${CLASS_PREFIX}__mobile-content` }, navigationSlot),
-        React.createElement("div", { className: `${CLASS_PREFIX}__bar-extra` },
-            !visible && (React.createElement("i", { className: `${CLASS_PREFIX}__bar-btn`, onClick: () => setVisible(true) },
-                React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                    React.createElement("path", { d: "M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z", fill: navigationStyle.titleColor, fillOpacity: "0.9" })))),
-            visible && (React.createElement("i", { className: `${CLASS_PREFIX}__bar-btn--close`, onClick: () => setVisible(false) },
-                React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.6219 11.9998L3.88672 5.2646L5.26558 3.88574L12.0008 10.6209L18.736 3.88574L20.1148 5.2646L13.3796 11.9998L20.1148 18.735L18.736 20.1138L12.0008 13.3786L5.26558 20.1138L3.88672 18.735L10.6219 11.9998Z", fill: navigationStyle.titleColor, fillOpacity: "0.9" })))))));
-    return (React.createElement(React.Fragment, null,
-        React.createElement(H5Title, null),
-        React.createElement(Drawer, { size: 'm', placement: 'left', disableAnimation: true, outerClickClosable: false, visible: visible, onClose: () => setVisible(false), className: `${CLASS_PREFIX}__drawer` },
-            React.createElement("div", { className: cls, style: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    position: 'relative',
-                } },
-                React.createElement("div", { className: `${CLASS_PREFIX}__wrapper`, style: {
-                        background: (navigationStyle === null || navigationStyle === void 0 ? void 0 : navigationStyle.menuBackgroundColor) || '#fff',
-                    } },
-                    React.createElement(H5Title, null))),
-            React.createElement(Menu, { className: `${CLASS_PREFIX}__drawer-menu`, style: menuStyle }, menuData === null || menuData === void 0 ? void 0 : menuData.map((item) => {
-                var _a;
-                return ((_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 : _a.length) > 0
-                    ? renderSubMenu(item)
-                    : renderMenuItem(item);
-            })))));
+    const H5Title = () => (_jsxs(_Fragment, { children: [_jsx("div", { className: `${CLASS_PREFIX}__bar-main`, children: _jsxs("span", { className: `${CLASS_PREFIX}__main-logo`, children: [_jsx(MenuLogo, { navigationStyle: navigationStyle, className: `${CLASS_PREFIX}__main-icon` }), renderTitle(navigationStyle)] }) }), _jsx("div", { className: `${CLASS_PREFIX}__mobile-content`, children: navigationSlot }), _jsxs("div", { className: `${CLASS_PREFIX}__bar-extra`, children: [!visible && (_jsx("i", { className: `${CLASS_PREFIX}__bar-btn`, onClick: () => setVisible(true), children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z", fill: navigationStyle.titleColor, fillOpacity: "0.9" }) }) })), visible && (_jsx("i", { className: `${CLASS_PREFIX}__bar-btn--close`, onClick: () => setVisible(false), children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.6219 11.9998L3.88672 5.2646L5.26558 3.88574L12.0008 10.6209L18.736 3.88574L20.1148 5.2646L13.3796 11.9998L20.1148 18.735L18.736 20.1138L12.0008 13.3786L5.26558 20.1138L3.88672 18.735L10.6219 11.9998Z", fill: navigationStyle.titleColor, fillOpacity: "0.9" }) }) }))] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(H5Title, {}), _jsxs(Drawer, { size: 'm', placement: 'left', disableAnimation: true, outerClickClosable: false, visible: visible, onClose: () => setVisible(false), className: `${CLASS_PREFIX}__drawer`, children: [_jsx("div", { className: cls, style: {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            position: 'relative',
+                        }, children: _jsx("div", { className: `${CLASS_PREFIX}__wrapper`, style: {
+                                background: (navigationStyle === null || navigationStyle === void 0 ? void 0 : navigationStyle.menuBackgroundColor) || '#fff',
+                            }, children: _jsx(H5Title, {}) }) }), _jsx(Menu, { className: `${CLASS_PREFIX}__drawer-menu`, style: menuStyle, children: menuData === null || menuData === void 0 ? void 0 : menuData.map((item) => {
+                            var _a;
+                            return ((_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 : _a.length) > 0
+                                ? renderSubMenu(item)
+                                : renderMenuItem(item);
+                        }) })] })] }));
 };
 export default H5Menu;