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

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

@@ -1,5 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react/jsx-key */
-import React, { useState, useRef, useEffect, useCallback } from 'react';
+import { useState, useRef, useEffect, useCallback } from 'react';
 import { NavMenu, List, Dropdown } from 'tea-component';
 import { usePlatform } from '../../utils/platform';
 import classNames from '../../utils/classnames';
@@ -51,56 +52,38 @@ const HorizontalMenu = ({ menuData, navigationStyle, selected, setSelected, navi
     }, [platform, isHorizontal, navWrapRef]);
     // 渲染下拉菜单
     const renderMenuList = (item, navigationStyle) => {
-        return (React.createElement(List, { type: "option", className: `${CLASS_PREFIX}__dropdown-menu-list`, style: { background: navigationStyle.menuBackgroundColor } }, item === null || item === void 0 ? void 0 : item.map((menu) => {
-            const { title, children, key, type } = menu;
-            return !(children === null || children === void 0 ? void 0 : children.length) ? (React.createElement(List.Item, { key: key, className: `${CLASS_PREFIX}__dropdown-list-item`, selected: key === selected, onClick: () => {
-                    if (key !== selected) {
-                        if (type !== 'link') {
-                            setSelected(key);
+        return (_jsx(List, { type: "option", className: `${CLASS_PREFIX}__dropdown-menu-list`, style: { background: navigationStyle.menuBackgroundColor }, children: item === null || item === void 0 ? void 0 : item.map((menu) => {
+                const { title, children, key, type } = menu;
+                return !(children === null || children === void 0 ? void 0 : children.length) ? (_jsx(List.Item, { className: `${CLASS_PREFIX}__dropdown-list-item`, selected: key === selected, onClick: () => {
+                        if (key !== selected) {
+                            if (type !== 'link') {
+                                setSelected(key);
+                            }
+                            navigateTo(menu);
                         }
-                        navigateTo(menu);
-                    }
-                } }, renderMenuTitle(navigationStyle, { title }, false))) : (React.createElement(List.SubMenu, { key: key, className: `${CLASS_PREFIX}__dropdown-list-item`, label: renderMenuTitle(navigationStyle, { title }, false) }, renderMenuList(children, navigationStyle)));
-        })));
+                    }, children: renderMenuTitle(navigationStyle, { title }, false) }, key)) : (_jsx(List.SubMenu, { className: `${CLASS_PREFIX}__dropdown-list-item`, label: renderMenuTitle(navigationStyle, { title }, false), children: renderMenuList(children, navigationStyle) }, key));
+            }) }));
     };
-    return (React.createElement(NavMenu, { style: menuStyle, className: `${CLASS_PREFIX}__nav`, left: React.createElement(React.Fragment, null,
-            React.createElement(NavMenu.Item, { type: "logo", className: `${CLASS_PREFIX}__nav-logo` },
-                React.createElement(MenuLogo, { navigationStyle: navigationStyle, className: `${CLASS_PREFIX}__nav-logo--img` })),
-            React.createElement(NavMenu.Item, { className: `${CLASS_PREFIX}__nav-title` },
-                React.createElement("span", { className: `${CLASS_PREFIX}__title` }, renderTitle(navigationStyle)))), right: React.createElement("div", { className: `${CLASS_PREFIX}__nav-wrap` },
-            React.createElement(React.Fragment, null,
-                showButton && position.index > 0 && (React.createElement("div", { className: `${CLASS_PREFIX}__nav-shadow leftButton`, onClick: () => {
-                        const result = position.offset + menuOffset[position.index];
-                        setPosition({ index: position.index - 1, offset: result });
-                    } },
-                    React.createElement("div", { className: `${CLASS_PREFIX}__shadow--icon` }),
-                    React.createElement("div", { className: `${CLASS_PREFIX}__shadow` }),
-                    React.createElement("div", { className: `${CLASS_PREFIX}__shadow--white` }))),
-                React.createElement("div", { className: `${CLASS_PREFIX}__nav-content box` },
-                    React.createElement("div", { ref: navWrapRef, className: `${CLASS_PREFIX}__nav-content`, style: { transform: `translate(${position.offset}px, 0px)` } }, menuData === null || menuData === void 0 ? void 0 : menuData.map((i) => {
-                        var _a;
-                        return (React.createElement("div", { className: classNames(`${CLASS_PREFIX}__nav-item`, i.key === selected && i.level === 0
-                                ? `${CLASS_PREFIX}__item-open`
-                                : ''), key: i.key, onClick: () => {
-                                var _a;
-                                if (!((_a = i === null || i === void 0 ? void 0 : i.children) === null || _a === void 0 ? void 0 : _a.length) && i.key !== selected) {
-                                    if (i.type !== 'link') {
-                                        setSelected(i.key);
-                                    }
-                                    navigateTo(i);
-                                }
-                            } },
-                            showMenuIcon &&
-                                renderMenuIcon(i === null || i === void 0 ? void 0 : i.iconUrl, i === null || i === void 0 ? void 0 : i.iconPath, navigationStyle),
-                            ((_a = i === null || i === void 0 ? void 0 : i.children) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(Dropdown, { trigger: 'hover', overlayClassName: `${CLASS_PREFIX}__dropdown`, button: renderMenuTitle(navigationStyle, i, false) }, renderMenuList(i.children, navigationStyle))) : (React.createElement(NavMenu.Item, { className: `${CLASS_PREFIX}__item-val`, selected: i.key === selected }, renderMenuTitle(navigationStyle, i, false)))));
-                    }))),
-                showButton && position.index + 2 < Object.keys(menuOffset).length && (React.createElement("div", { className: `${CLASS_PREFIX}__nav-shadow`, onClick: () => {
-                        const result = position.offset - menuOffset[position.index + 1];
-                        setPosition({ index: position.index + 1, offset: result });
-                    } },
-                    React.createElement("div", { className: `${CLASS_PREFIX}__shadow` }),
-                    React.createElement("div", { className: `${CLASS_PREFIX}__shadow--white` }),
-                    React.createElement("div", { className: `${CLASS_PREFIX}__shadow--icon` })))),
-            React.createElement("div", { className: `${CLASS_PREFIX}__right-content` }, navigationSlot)) }));
+    return (_jsx(NavMenu, { style: menuStyle, className: `${CLASS_PREFIX}__nav`, left: _jsxs(_Fragment, { children: [_jsx(NavMenu.Item, { type: "logo", className: `${CLASS_PREFIX}__nav-logo`, children: _jsx(MenuLogo, { navigationStyle: navigationStyle, className: `${CLASS_PREFIX}__nav-logo--img` }) }), _jsx(NavMenu.Item, { className: `${CLASS_PREFIX}__nav-title`, children: _jsx("span", { className: `${CLASS_PREFIX}__title`, children: renderTitle(navigationStyle) }) })] }), right: _jsxs("div", { className: `${CLASS_PREFIX}__nav-wrap`, children: [_jsxs(_Fragment, { children: [showButton && position.index > 0 && (_jsxs("div", { className: `${CLASS_PREFIX}__nav-shadow leftButton`, onClick: () => {
+                                const result = position.offset + menuOffset[position.index];
+                                setPosition({ index: position.index - 1, offset: result });
+                            }, children: [_jsx("div", { className: `${CLASS_PREFIX}__shadow--icon` }), _jsx("div", { className: `${CLASS_PREFIX}__shadow` }), _jsx("div", { className: `${CLASS_PREFIX}__shadow--white` })] })), _jsx("div", { className: `${CLASS_PREFIX}__nav-content box`, children: _jsx("div", { ref: navWrapRef, className: `${CLASS_PREFIX}__nav-content`, style: { transform: `translate(${position.offset}px, 0px)` }, children: menuData === null || menuData === void 0 ? void 0 : menuData.map((i) => {
+                                    var _a;
+                                    return (_jsxs("div", { className: classNames(`${CLASS_PREFIX}__nav-item`, i.key === selected && i.level === 0
+                                            ? `${CLASS_PREFIX}__item-open`
+                                            : ''), onClick: () => {
+                                            var _a;
+                                            if (!((_a = i === null || i === void 0 ? void 0 : i.children) === null || _a === void 0 ? void 0 : _a.length) && i.key !== selected) {
+                                                if (i.type !== 'link') {
+                                                    setSelected(i.key);
+                                                }
+                                                navigateTo(i);
+                                            }
+                                        }, children: [showMenuIcon &&
+                                                renderMenuIcon(i === null || i === void 0 ? void 0 : i.iconUrl, i === null || i === void 0 ? void 0 : i.iconPath, navigationStyle), ((_a = i === null || i === void 0 ? void 0 : i.children) === null || _a === void 0 ? void 0 : _a.length) ? (_jsx(Dropdown, { trigger: 'hover', overlayClassName: `${CLASS_PREFIX}__dropdown`, button: renderMenuTitle(navigationStyle, i, false), children: renderMenuList(i.children, navigationStyle) })) : (_jsx(NavMenu.Item, { className: `${CLASS_PREFIX}__item-val`, selected: i.key === selected, children: renderMenuTitle(navigationStyle, i, false) }))] }, i.key));
+                                }) }) }), showButton && position.index + 2 < Object.keys(menuOffset).length && (_jsxs("div", { className: `${CLASS_PREFIX}__nav-shadow`, onClick: () => {
+                                const result = position.offset - menuOffset[position.index + 1];
+                                setPosition({ index: position.index + 1, offset: result });
+                            }, children: [_jsx("div", { className: `${CLASS_PREFIX}__shadow` }), _jsx("div", { className: `${CLASS_PREFIX}__shadow--white` }), _jsx("div", { className: `${CLASS_PREFIX}__shadow--icon` })] }))] }), _jsx("div", { className: `${CLASS_PREFIX}__right-content`, children: navigationSlot })] }) }));
 };
 export default HorizontalMenu;

package/dist/web/components/navigationBar/index.css

@@ -551,7 +551,8 @@
 .weda-menu__dropdown .weda-menu__dropdown-list-item::after,
 .weda-menu__dropdown .wedatea2td-list__submenu::after {
   right: 24px;
-  top: calc((100% - 16px) / 2);
+  top: auto;
+  margin-top: 4px;
 }
 
 /** PC 端顶部导航菜单 end*/

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

@@ -1,4 +1,5 @@
-import React, { useState, useEffect, useCallback } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from 'react';
 import classNames from '../../utils/classnames';
 import { ConfigProvider } from 'tea-component';
 import { usePlatform } from '../../utils/platform';
@@ -152,15 +153,9 @@ export default function NavigationBar({ navigationbar, contentSlot, navigationSl
         }
     }, [navigationStyle.menuHoverColor, navigationStyle.menuBackgroundColor]);
     const MenuRender = () => {
-        return (React.createElement("div", { className: `${CLASS_PREFIX}__wrapper`, style: {
+        return (_jsxs("div", { className: `${CLASS_PREFIX}__wrapper`, style: {
                 background: (navigationStyle === null || navigationStyle === void 0 ? void 0 : navigationStyle.menuBackgroundColor) || '#fff',
-            } },
-            platform !== 'h5' && !isHorizontal && (React.createElement(VerticalMenu, { menuData: menuData, navigationStyle: navigationStyle, setMenuData: setMenuData, selected: selected, setSelected: setSelected, navigationSlot: navigationSlot })),
-            platform !== 'h5' && isHorizontal && (React.createElement(HorizontalMenu, { menuData: menuData, navigationStyle: navigationStyle, selected: selected, setSelected: setSelected, navigationSlot: navigationSlot })),
-            platform === 'h5' && (React.createElement(H5Menu, { menuData: isMultiTerminal ? mobileMenuData : menuData, navigationStyle: navigationStyle, setMenuData: setMenuData, className: className, selected: selected, setSelected: setSelected, navigationSlot: navigationSlot, visible: visible, setVisible: setVisible }))));
+            }, children: [platform !== 'h5' && !isHorizontal && (_jsx(VerticalMenu, { menuData: menuData, navigationStyle: navigationStyle, setMenuData: setMenuData, selected: selected, setSelected: setSelected, navigationSlot: navigationSlot })), platform !== 'h5' && isHorizontal && (_jsx(HorizontalMenu, { menuData: menuData, navigationStyle: navigationStyle, selected: selected, setSelected: setSelected, navigationSlot: navigationSlot })), platform === 'h5' && (_jsx(H5Menu, { menuData: isMultiTerminal ? mobileMenuData : menuData, navigationStyle: navigationStyle, setMenuData: setMenuData, className: className, selected: selected, setSelected: setSelected, navigationSlot: navigationSlot, visible: visible, setVisible: setVisible }))] }));
     };
-    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement("div", { className: cls, style: navigationWrapStyle, "data-testid": "navigationBar" },
-            showNav && React.createElement(MenuRender, null),
-            React.createElement("div", { className: "menu-solt" }, contentSlot))));
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs("div", { className: cls, style: navigationWrapStyle, "data-testid": "navigationBar", children: [showNav && _jsx(MenuRender, {}), _jsx("div", { className: "menu-solt", children: contentSlot })] }) }));
 }

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Menu } from 'tea-component';
 import { renderMenuTitle, MenuLogo, renderTitle, navigateTo, expandMenu, } from './common';
 const CLASS_PREFIX = 'weda-menu';
@@ -13,30 +13,28 @@ const VerticalMenu = ({ menuData, navigationStyle, setMenuData, selected, setSel
     // 渲染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);
                     }
                     navigateTo(item);
                 }
-            } }));
+            } }, key));
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Menu, { style: menuStyle, className: `${CLASS_PREFIX}__menu-content`, title: renderTitle(navigationStyle) || ' ', icon: React.createElement(MenuLogo, { navigationStyle: navigationStyle, className: `${CLASS_PREFIX}__main-icon` }) }, 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);
-        })),
-        React.createElement("div", { className: `${CLASS_PREFIX}__bottom-content` }, navigationSlot)));
+    return (_jsxs(_Fragment, { children: [_jsx(Menu, { style: menuStyle, className: `${CLASS_PREFIX}__menu-content`, title: renderTitle(navigationStyle) || ' ', icon: _jsx(MenuLogo, { navigationStyle: navigationStyle, className: `${CLASS_PREFIX}__main-icon` }), 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);
+                }) }), _jsx("div", { className: `${CLASS_PREFIX}__bottom-content`, children: navigationSlot })] }));
 };
 export default VerticalMenu;

package/dist/web/components/pageLayout/PageContent/index.js

@@ -1,4 +1,6 @@
-import React, { useState, useEffect, useRef } from 'react';
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
 import { Status, List } from 'tea-component';
 import { navigateToModelPage } from '../../../utils/platform';
 import './index.css';
@@ -20,7 +22,7 @@ export const PageContent = (props) => {
     const status = loading ? 'loading' : '';
     return (
     // eslint-disable-next-line react/jsx-props-no-spreading
-    React.createElement("div", { style: style, ...rest }, status ? (React.createElement(Status, { size: "l", icon: status, title: StatusTitle[status] || '', description: "\u6B63\u5728\u52A0\u8F7D\u9875\u9762" })) : (children)));
+    _jsx("div", { style: style, ...rest, children: status ? (_jsx(Status, { size: "l", icon: status, title: StatusTitle[status] || '', description: "\u6B63\u5728\u52A0\u8F7D\u9875\u9762" })) : (children) }));
 };
 /**
  * 无字段权限时倒计时返回主页面
@@ -42,7 +44,7 @@ export const PageCountDown = (props) => {
     }, []);
     return (
     // eslint-disable-next-line react/jsx-props-no-spreading
-    React.createElement("div", { ...rest, style: { margin: '20px 0' }, key: dbName },
+    _createElement("div", { ...rest, style: { margin: '20px 0' }, key: dbName },
         description || '当前页面无具备编辑权限的任何字段',
         "\uFF0C",
         count,
@@ -55,7 +57,7 @@ export const PageCountDown = (props) => {
 export const PageNullDb = (props) => {
     return (
     // eslint-disable-next-line react/jsx-props-no-spreading
-    React.createElement("div", { key: "page_null_db", ...props }, "\u672A\u7ED1\u5B9A\u6570\u636E\u6E90"));
+    _jsx("div", { ...props, children: "\u672A\u7ED1\u5B9A\u6570\u636E\u6E90" }, "page_null_db"));
 };
 /**
  * 错误信息展示
@@ -68,14 +70,5 @@ export const PageErrorContent = (props) => {
         错误码: code || '暂无错误码',
         错误信息: message || '暂无错误信息',
     };
-    return (React.createElement(Status, { size: 'l', title: title, description: React.createElement("div", { className: "weda-errormessage-status__detail" },
-            React.createElement("div", { className: "weda-errormessage-status__detail_wrap" },
-                React.createElement("div", { className: "weda-errormessage-status__detail_wrap_header" },
-                    React.createElement("p", null, "\u6545\u969C\u6392\u9664\u8BE6\u7EC6\u4FE1\u606F\uFF1A"),
-                    React.createElement("a", { href: "https://docs.cloudbase.net/lowcode/faq", target: "_blank", rel: "noreferrer" }, "\u5E38\u89C1\u95EE\u9898\u6307\u5F15")),
-                React.createElement("div", { className: "weda-errormessage-status__detail_wrap_content" },
-                    React.createElement(List, null, Object.entries(errorInfoList).map((item, index) => (React.createElement(List.Item, { key: index },
-                        item[0],
-                        ":",
-                        item[1]))))))) }));
+    return (_jsx(Status, { size: 'l', title: title, description: _jsx("div", { className: "weda-errormessage-status__detail", children: _jsxs("div", { className: "weda-errormessage-status__detail_wrap", children: [_jsxs("div", { className: "weda-errormessage-status__detail_wrap_header", children: [_jsx("p", { children: "\u6545\u969C\u6392\u9664\u8BE6\u7EC6\u4FE1\u606F\uFF1A" }), _jsx("a", { href: "https://docs.cloudbase.net/lowcode/faq", target: "_blank", rel: "noreferrer", children: "\u5E38\u89C1\u95EE\u9898\u6307\u5F15" })] }), _jsx("div", { className: "weda-errormessage-status__detail_wrap_content", children: _jsx(List, { children: Object.entries(errorInfoList).map((item, index) => (_jsxs(List.Item, { children: [item[0], ":", item[1]] }, index))) }) })] }) }) }));
 };

package/dist/web/components/pageLayout/index.css

@@ -2,3 +2,13 @@
   display: inline-flex;
   align-items: center;
 }
+.wd-page-layout {
+  overflow-y: auto;
+}
+.wd-h5-root .wd-page-layout .wedatea2td-layout__content-body {
+  padding: 0;
+}
+
+.wd-h5-root .wd-page-layout .wedatea2td-layout__content-body .wedatea2td-card {
+  border-radius: 0;
+}

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

@@ -1,22 +1,17 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Layout, Card, ConfigProvider } from 'tea-component';
 import './index.css';
 import { navigateBack } from '../../utils/platform';
+import { useConfig } from '../../utils/config-context';
 const { Body, Content } = Layout;
 /**
  * 页面基本布局组件
  */
 export function PageLayout(props) {
+    const { classPrefix } = useConfig();
     const { title, contentSlot, operation, showBackButton, ...rest } = props || {};
-    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement(Layout, { style: { minHeight: 'calc(100vh - 52px)' }, ...rest },
-            React.createElement(Body, null,
-                React.createElement(Content, null,
-                    React.createElement(Content.Header, { className: "pagelayout-header", title: title, operation: operation, showBackButton: Boolean(showBackButton), onBackButtonClick: (e) => {
-                            e === null || e === void 0 ? void 0 : e.preventDefault();
-                            navigateBack();
-                        } }),
-                    React.createElement(Content.Body, null,
-                        React.createElement(Card, null,
-                            React.createElement(Card.Body, null, contentSlot))))))));
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Layout, { style: { minHeight: 'calc(100vh - 52px)' }, ...rest, className: `${classPrefix}-page-layout`, children: _jsx(Body, { children: _jsxs(Content, { children: [_jsx(Content.Header, { className: "pagelayout-header", title: title, operation: operation, showBackButton: Boolean(showBackButton), onBackButtonClick: (e) => {
+                                e === null || e === void 0 ? void 0 : e.preventDefault();
+                                navigateBack();
+                            } }), _jsx(Content.Body, { children: _jsx(Card, { children: _jsx(Card.Body, { children: contentSlot }) }) })] }) }) }) }));
 }

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

@@ -1,7 +1,5 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import Button from '../../components/button';
 import { Bubble, ConfigProvider } from 'tea-component';
-const Phone = (props) => (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-    React.createElement(Bubble, { content: "\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C, \u5E76\u4E14\u5C0F\u7A0B\u5E8F\u5FC5\u987B\u4E3A\u4F01\u4E1A\u4E3B\u4F53\u3002" },
-        React.createElement(Button, { ...props }))));
+const Phone = (props) => (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Bubble, { content: "\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C, \u5E76\u4E14\u5C0F\u7A0B\u5E8F\u5FC5\u987B\u4E3A\u4F01\u4E1A\u4E3B\u4F53\u3002", children: _jsx(Button, { ...props }) }) }));
 export default Phone;

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

@@ -1,8 +1,6 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import Button from '../../components/button';
 import { Bubble, ConfigProvider } from 'tea-component';
 // export type PhoneCodeProps =
-const PhoneCode = (props) => (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-    React.createElement(Bubble, { content: "\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C, \u5E76\u4E14\u5C0F\u7A0B\u5E8F\u5FC5\u987B\u4E3A\u4F01\u4E1A\u4E3B\u4F53\u3002" },
-        React.createElement(Button, { ...props }))));
+const PhoneCode = (props) => (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Bubble, { content: "\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C, \u5E76\u4E14\u5C0F\u7A0B\u5E8F\u5FC5\u987B\u4E3A\u4F01\u4E1A\u4E3B\u4F53\u3002", children: _jsx(Button, { ...props }) }) }));
 export default PhoneCode;

package/dist/web/components/picker/datePicker.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import weui from '../../utils/weui';
 import classNames from '../../utils/classnames';
 export default function DatePicker(props) {
@@ -27,5 +27,5 @@ export default function DatePicker(props) {
         'weda-date-picker': true,
         [className]: className,
     });
-    return (React.createElement("div", { className: cls, onClick: click }, children));
+    return (_jsx("div", { className: cls, onClick: click, children: children }));
 }

package/dist/web/components/picker/picker.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import weui from '../../utils/weui';
 import classNames from '../../utils/classnames';
 export default function Picker(props) {
@@ -41,5 +41,5 @@ export default function Picker(props) {
         'weda-picker': true,
         [className]: className,
     });
-    return (React.createElement("div", { className: cls, onClick: click }, children));
+    return (_jsx("div", { className: cls, onClick: click, children: children }));
 }

package/dist/web/components/picker/timePicker.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import weui from '../../utils/weui';
 import classNames from '../../utils/classnames';
 export default function TimePicker(props) {
@@ -38,5 +38,5 @@ export default function TimePicker(props) {
         'weda-time-picker': true,
         [className]: className,
     });
-    return (React.createElement("div", { className: cls, onClick: click }, children));
+    return (_jsx("div", { className: cls, onClick: click, children: children }));
 }

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

@@ -0,0 +1,3 @@
+import { QrCode } from './qr-code';
+export { QrCode } from './qr-code';
+export default QrCode;

package/dist/web/components/qrcode/qr-code.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle } from 'react';
+import classNames from '../../utils/classnames';
+import { useConfig } from '../../utils/config-context';
+import QRCode from 'qrcode.react';
+import { usePlatform } from '../../utils/platform';
+export const QrCode = forwardRef(function QrCode({ text, backgroundColor, foregroundColor, style, className, showMenuByLongpress, }, ref) {
+    const platform = usePlatform();
+    // 样式
+    const { classPrefix } = useConfig();
+    const platformCss = `${classPrefix}-${platform}-qrcode`;
+    const classes = {
+        //[`${classPrefix}-web-view-container`]: true,
+        [platformCss]: true,
+    };
+    // Widget API，挂载组件只读属性和组件方法
+    useImperativeHandle(ref, () => {
+        return {
+            text,
+            backgroundColor,
+            foregroundColor,
+            showMenuByLongpress,
+        };
+    }, [text, backgroundColor, foregroundColor, showMenuByLongpress]);
+    return (_jsx(QRCode, { className: classNames(classes, className), style: style, value: text, size: 200, fgColor: foregroundColor, bgColor: backgroundColor }));
+});

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import * as PropTypes from 'prop-types';
 export default function Repeater({ children }) {
-    return React.createElement(React.Fragment, null, children);
+    return _jsx(_Fragment, { children: children });
 }
 Repeater.propTypes = {
     /**

package/dist/web/components/repeater-item/index.js

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export default function RepeaterItem({ children }) {
-    return React.createElement(React.Fragment, null, children);
+    return _jsx(_Fragment, { children: children });
 }
 RepeaterItem.propTypes = {};
 /**