@cloudbase/weda-ui 3.5.2-mp → 3.5.3

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+import type { IMenuItem, INavigationStyle } from './type';
+import './style';
+export default function NavigationBar({ navigationbar, contentSlot, navigationSlot, className, style, callApi, }: PropsType): JSX.Element;
+export interface PropsType extends CommonPropsType {
+    contentSlot?: string;
+    navigationSlot?: string;
+    navigationbar: {
+        navigationStyle: INavigationStyle;
+        menuData: IMenuItem[];
+    };
+    callApi: any;
+}

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

@@ -0,0 +1,173 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from 'react';
+import useSWR from 'swr';
+import classNames from '../../utils/classnames';
+import { ConfigProvider } from 'tea-component';
+import { usePlatform } from '../../utils/platform';
+import { getAppCustomNav } from '../../utils/tcb';
+import VerticalMenu from './verticalMenu';
+import HorizontalMenu from './horizontalMenu';
+import H5Menu from './h5Menu';
+import { expandMenu, findMenuItemByPath } from './common';
+import isObjectEqual from '../../utils/isObjectEqual';
+import destr from 'destr';
+import './style';
+/**
+ * Web端
+ */
+const CLASS_PREFIX = 'weda-menu';
+// 默认导航数据
+const defaultNavigationBar = {
+    menuData: [],
+    navigationStyle: {
+        isHorizontal: false,
+        showMenuIcon: true,
+        menuFontSize: 16,
+        menuBackgroundColor: '#fff',
+        menuColor: '#000',
+        menuHoverColor: '#f3f3f3',
+        showTitle: true,
+        title: '菜单标题',
+        showLogo: true,
+        logoPath: '',
+        logoUrl: 'https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/43d3b2b7-445c-4858-8eb0-50ac5d5cc08e.svg',
+        titleFontSize: 18,
+        titleColor: '#000',
+        logoWidth: 32,
+        logoHeight: 32,
+    },
+};
+const getDefaultNavigationStyle = () => {
+    try {
+        const localNavigationStyle = localStorage.getItem('weda-navigation-style');
+        return localNavigationStyle
+            ? destr(localNavigationStyle)
+            : defaultNavigationBar.navigationStyle;
+    }
+    catch (error) {
+        console.error(error);
+        return defaultNavigationBar.navigationStyle;
+    }
+};
+// 默认高亮当前路由对应的菜单
+const defaultSelectedMenu = (menu) => {
+    var _a, _b;
+    try {
+        let selectedKey = `/${(_b = (_a = window === null || window === void 0 ? void 0 : window.$w) === null || _a === void 0 ? void 0 : _a.page) === null || _b === void 0 ? void 0 : _b.id}`;
+        const targetMenu = findMenuItemByPath(menu, selectedKey);
+        if (targetMenu) {
+            selectedKey = targetMenu.key;
+        }
+        return selectedKey;
+    }
+    catch (error) {
+        return '';
+    }
+};
+const useNavigationData = (navigationbar, callApi) => {
+    const { data } = useSWR([navigationbar], async () => {
+        const { Content } = await callApi.getAppCustomNav();
+        return destr(Content);
+    });
+    return { navigationData: data };
+};
+/**
+ * 导航菜单
+ */
+const defaultCallApi = { getAppCustomNav };
+export default function NavigationBar({ navigationbar, contentSlot, navigationSlot, className, style, callApi = defaultCallApi, }) {
+    const platform = usePlatform();
+    const [preNavigationData, setPreNavigationData] = useState({});
+    const [menuData, setMenuData] = useState([]);
+    const [mobileMenuData, setMobileMenuData] = useState([]);
+    // 是否启用多端
+    const [isMultiTerminal, setIsMultiTerminal] = useState(false);
+    const [navigationStyle, setNavigationStyle] = useState(getDefaultNavigationStyle);
+    // 菜单选中
+    const [selected, setSelected] = useState('');
+    // 导航样式
+    const { isHorizontal = false } = navigationStyle;
+    const cls = classNames({
+        [CLASS_PREFIX]: true,
+        [className]: className,
+        [`${CLASS_PREFIX}-mobile`]: platform === 'h5',
+        [`${CLASS_PREFIX}-horizontal`]: isHorizontal,
+        [`${CLASS_PREFIX}-navigation-wrap`]: true,
+        ['flex-column']: isHorizontal || platform === 'h5',
+    });
+    // 是否展示菜单
+    const [showNav, setShowNav] = useState(false);
+    // h5 弹框
+    const [visible, setVisible] = useState(false);
+    const { navigationData } = useNavigationData(navigationbar, callApi);
+    // 更新导航菜单
+    const updateNavigationData = useCallback(() => {
+        var _a;
+        if (navigationData === null || navigationData === void 0 ? void 0 : navigationData.navigationStyle) {
+            // 设置默认选中
+            let selectedKey = '';
+            if ((_a = navigationData === null || navigationData === void 0 ? void 0 : navigationData.menuData) === null || _a === void 0 ? void 0 : _a.length) {
+                selectedKey = defaultSelectedMenu(navigationData === null || navigationData === void 0 ? void 0 : navigationData.menuData);
+            }
+            setSelected(selectedKey);
+            // 设置默认展开状态
+            let menus = (navigationData === null || navigationData === void 0 ? void 0 : navigationData.menuData) || [];
+            menus = expandMenu(menus, { key: selectedKey }, true);
+            setMenuData(menus);
+            const result = {
+                ...navigationStyle,
+                ...navigationData === null || navigationData === void 0 ? void 0 : navigationData.navigationStyle,
+            };
+            setNavigationStyle(result);
+            // 缓存菜单导航样式
+            localStorage.setItem('weda-navigation-style', JSON.stringify(result));
+            // 如果启用多端独立菜单导航，则设置移动端数据
+            if (navigationData === null || navigationData === void 0 ? void 0 : navigationData.isMultiTerminal) {
+                let mobileMenus = (navigationData === null || navigationData === void 0 ? void 0 : navigationData.mobileMenuData) || [];
+                mobileMenus = expandMenu(mobileMenus, { key: selectedKey }, true);
+                setMobileMenuData(mobileMenus);
+                setIsMultiTerminal(true);
+            }
+        }
+        setShowNav(true);
+    }, [
+        navigationData === null || navigationData === void 0 ? void 0 : navigationData.isMultiTerminal,
+        navigationData === null || navigationData === void 0 ? void 0 : navigationData.menuData,
+        navigationData === null || navigationData === void 0 ? void 0 : navigationData.mobileMenuData,
+        navigationData === null || navigationData === void 0 ? void 0 : navigationData.navigationStyle,
+    ]);
+    /**
+     * 每次渲染组件通过接口拉取数据
+     */
+    useEffect(() => {
+        if (!isObjectEqual(navigationData, preNavigationData)) {
+            updateNavigationData();
+            setPreNavigationData(navigationData);
+        }
+        // 检查navigationData更新之后，重新渲染
+    }, [navigationData, preNavigationData, updateNavigationData]);
+    // 初始化css变量
+    useEffect(() => {
+        if (navigationStyle.menuHoverColor) {
+            const body = document.getElementsByTagName('body')[0];
+            if (body) {
+                body.style.setProperty('--weda-navigation-menu-hover-color', navigationStyle.menuHoverColor);
+                body.style.setProperty('--weda-navigation-menu-selected-color', navigationStyle.menuHoverColor);
+                body.style.setProperty('--weda-navigation-menu-background-color', navigationStyle.menuBackgroundColor);
+            }
+        }
+    }, [navigationStyle.menuHoverColor, navigationStyle.menuBackgroundColor]);
+    const MenuRender = () => {
+        return (_jsxs("div", { className: `${CLASS_PREFIX}__wrapper`, style: {
+                background: (navigationStyle === null || navigationStyle === void 0 ? void 0 : navigationStyle.menuBackgroundColor) || '#fff',
+            }, 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: (menus) => {
+                        if (isMultiTerminal) {
+                            setMobileMenuData(menus);
+                        }
+                        else {
+                            setMenuData(menus);
+                        }
+                    }, className: className, selected: selected, setSelected: setSelected, navigationSlot: navigationSlot, visible: visible, setVisible: setVisible }))] }));
+    };
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs("div", { className: cls, style: style, "data-testid": "navigationBar", children: [showNav && _jsx(MenuRender, {}), _jsx("div", { className: "menu-solt", children: contentSlot })] }) }));
+}

package/dist/web/components/navigationBar/style.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import '../style';

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

@@ -0,0 +1,2 @@
+import './index.css';
+import '../style';

package/dist/web/components/navigationBar/verticalMenu.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { IMenuItem, INavigationStyle } from './type';
+/**
+ * pc端纵向导航
+ */
+declare const VerticalMenu: React.FC<{
+    menuData: IMenuItem[];
+    navigationStyle: INavigationStyle;
+    setMenuData: (menus: IMenuItem[]) => void;
+    selected: string;
+    setSelected: (selectedKey: string) => void;
+    navigationSlot: string;
+}>;
+export default VerticalMenu;

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

@@ -0,0 +1,40 @@
+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';
+/**
+ * pc端纵向导航
+ */
+const VerticalMenu = ({ menuData, navigationStyle, setMenuData, selected, setSelected, navigationSlot, }) => {
+    // 菜单背景色
+    const menuStyle = {
+        background: navigationStyle.menuBackgroundColor || '#fff',
+    };
+    // 渲染subMenu
+    const renderSubMenu = (item, hasThereNode = false) => {
+        const { key, children, opened } = item;
+        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: children === null || children === void 0 ? void 0 : children.map((el) => renderSubMenu(el, true)) }, key)) : (renderMenuItem(item));
+    };
+    // 渲染MenuItem
+    const renderMenuItem = (item) => {
+        const { key } = item;
+        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 (_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.css

@@ -0,0 +1,25 @@
+.weda-errormessage-status__detail {
+  color: rgba(0, 0, 0, 0.4);
+  display: flex;
+  align-items: center;
+}
+
+.weda-errormessage-status__detail_wrap {
+  width: 100%;
+  margin-top: 8px;
+}
+
+.weda-errormessage-status__detail_wrap_header {
+  margin-bottom: 10px;
+  display: flex;
+  justify-content: space-between;
+  font-size: 12px;
+}
+
+.weda-errormessage-status__detail_wrap_content {
+  text-align: left;
+  border: 1px solid #ddd;
+  padding: 10px;
+  border-radius: 3px;
+  font-size: 12px;
+}

package/dist/web/components/pageLayout/PageContent/index.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../../types';
+import './style';
+interface IPageContent extends CommonPropsType {
+    loading?: boolean;
+}
+interface IPageCountDown extends CommonPropsType {
+    dbName?: string;
+    description?: string;
+}
+interface IPageErrorContent extends CommonPropsType {
+    errorMessageInfo?: {
+        title: string;
+        message: string;
+        code: string;
+    };
+}
+/**
+ * 页面内容容器组件
+ * 继承样式展示
+ */
+export declare const PageContent: (props: IPageContent) => JSX.Element;
+/**
+ * 无字段权限时倒计时返回主页面
+ */
+export declare const PageCountDown: (props: IPageCountDown) => JSX.Element;
+/**
+ * 当前页面未绑定数据源
+ */
+export declare const PageNullDb: (props: any) => JSX.Element;
+/**
+ * 错误信息展示
+ *
+ */
+export declare const PageErrorContent: (props: IPageErrorContent) => JSX.Element;
+export {};

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

@@ -0,0 +1,74 @@
+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 './style';
+const StatusTitle = {
+    blank: '内容为空',
+    chart: '图表为空或异常',
+    loading: '加载中',
+    network: '网络异常',
+    pay: '待续费',
+    search: '搜索无结果',
+    upload: '图片上传',
+};
+/**
+ * 页面内容容器组件
+ * 继承样式展示
+ */
+export const PageContent = (props) => {
+    const { loading, children, style, ...rest } = props;
+    const status = loading ? 'loading' : '';
+    return (
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    _jsx("div", { style: style, ...rest, children: status ? (_jsx(Status, { size: "l", icon: status, title: StatusTitle[status] || '', description: "\u6B63\u5728\u52A0\u8F7D\u9875\u9762" })) : (children) }));
+};
+/**
+ * 无字段权限时倒计时返回主页面
+ */
+export const PageCountDown = (props) => {
+    const { dbName, description, ...rest } = props;
+    const [count, setCount] = useState(5);
+    const timeRef = useRef(null);
+    useEffect(() => {
+        count <= 0 && navigateToModelPage('list', { dbName });
+    }, [count]);
+    useEffect(() => {
+        clearInterval(timeRef.current);
+        // eslint-disable-next-line rulesdir/no-timer
+        timeRef.current = setInterval(() => {
+            setCount((count) => (count > 0 ? count - 1 : 0));
+        }, 1000);
+        return () => clearInterval(timeRef.current);
+    }, []);
+    return (
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    _createElement("div", { ...rest, style: { margin: '20px 0' }, key: dbName },
+        description || '当前页面无具备编辑权限的任何字段',
+        "\uFF0C",
+        count,
+        ' ',
+        "\u79D2\u540E\u81EA\u52A8\u8FD4\u56DE\u5217\u8868\u9875"));
+};
+/**
+ * 当前页面未绑定数据源
+ */
+export const PageNullDb = (props) => {
+    return (
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    _jsx("div", { ...props, children: "\u672A\u7ED1\u5B9A\u6570\u636E\u6E90" }, "page_null_db"));
+};
+/**
+ * 错误信息展示
+ *
+ */
+export const PageErrorContent = (props) => {
+    const { errorMessageInfo } = props;
+    const { title, message, code } = errorMessageInfo || {};
+    const errorInfoList = {
+        错误码: code || '暂无错误码',
+        错误信息: message || '暂无错误信息',
+    };
+    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/PageContent/style.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import '../../style';

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

@@ -0,0 +1,2 @@
+import './index.css';
+import '../../style';

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

@@ -0,0 +1,14 @@
+.pagelayout-header .tea-content__header-back {
+  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.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import './style';
+/**
+ * 页面基本布局组件
+ */
+export declare function PageLayout(props: any): JSX.Element;

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Layout, Card, ConfigProvider } from 'tea-component';
+import { navigateBack } from '../../utils/platform';
+import { useConfig } from '../../utils/config-context';
+import './style';
+const { Body, Content } = Layout;
+/**
+ * 页面基本布局组件
+ */
+export function PageLayout(props) {
+    const { classPrefix } = useConfig();
+    const { title, contentSlot, operation, showBackButton, ...rest } = props || {};
+    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/pageLayout/style.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import '../style';

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

@@ -0,0 +1,2 @@
+import './index.css';
+import '../style';

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import '../style';
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wxOpenApi/phone';
+import type { ButtonProps } from '../../components/button';
+export type PhoneProps = CommonPropsType & DataType;
+declare const Phone: (props: ButtonProps) => JSX.Element;
+export default Phone;

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * @Date: 2023-04-12 16:43:55
+ * @LastEditTime: 2023-05-04 12:09:27
+ * @Description:
+ */
+import * as React from 'react';
+import Button from '../../components/button';
+import { Bubble, ConfigProvider, ExternalLink } from 'tea-component';
+import '../style';
+// @ts-ignore忽略ts交验
+// eslint-disable-next-line rulesdir/no-phantom-deps
+import { autorun } from 'mobx';
+const Phone = (props) => {
+    var _a, _b;
+    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]);
+    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, { content: _jsxs("p", { children: ["\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\uFF0C\u8BF7\u786E\u4FDD\u5C0F\u7A0B\u5E8F\u5DF2\u7ECF\u5B8C\u6210\u5FAE\u4FE1\u8BA4\u8BC1\u3002", _jsx(ExternalLink, { href: "https://developers.weixin.qq.com/miniprogram/product/renzheng.html", children: "\u53BB\u8BA4\u8BC1" })] }), children: _jsx(Button, { ...props }) })) : null }));
+};
+export default Phone;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { ButtonProps } from '../../components/button';
+import type { FromSchema } from 'json-schema-to-ts';
+import type CompConfig from '../../../configs/components/wxOpenApi/phoneCode';
+import type { CommonPropsType } from '../../types';
+import '../style';
+type TCompConfig = typeof CompConfig;
+type CompProps = FromSchema<TCompConfig['data']>;
+export type PhoneCodeProps = CompProps & CommonPropsType;
+declare const PhoneCode: (props: ButtonProps) => JSX.Element;
+export default PhoneCode;

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Button from '../../components/button';
+import { Bubble, ConfigProvider, ExternalLink } from 'tea-component';
+import '../style';
+// export type PhoneCodeProps =
+const PhoneCode = (props) => {
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Bubble, { content: _jsxs("p", { children: ["\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\uFF0C\u8BF7\u786E\u4FDD\u5C0F\u7A0B\u5E8F\u5DF2\u7ECF\u5B8C\u6210\u5FAE\u4FE1\u8BA4\u8BC1\u3002", _jsx(ExternalLink, { href: "https://developers.weixin.qq.com/miniprogram/product/renzheng.html", children: "\u53BB\u8BA4\u8BC1" })] }), children: _jsx(Button, { ...props }) }) }));
+};
+export default PhoneCode;

package/dist/web/components/picker/datePicker.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { CommonPropsType } from '../../types';
+import '../style';
+export interface PropsType extends CommonPropsType {
+    start: string;
+    end: string;
+    defaultValue: string;
+    title: string;
+    children?: React.ReactNode | undefined;
+}
+export default function DatePicker(props: PropsType): JSX.Element;

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

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import weui from '../../utils/weui';
+import classNames from '../../utils/classnames';
+import '../style';
+export default function DatePicker(props) {
+    const { start, end, defaultValue, title, children, className } = props;
+    const click = function () {
+        let fixedDefaultValue = undefined;
+        if (defaultValue) {
+            const defaultDate = new Date(defaultValue);
+            fixedDefaultValue = [
+                defaultDate.getFullYear(),
+                defaultDate.getMonth() + 1,
+                defaultDate.getDate(),
+            ];
+        }
+        weui.datePicker({
+            ...{
+                start,
+                end,
+                title,
+            },
+            ...(fixedDefaultValue ? { defaultValue: fixedDefaultValue } : {}),
+        });
+    };
+    const cls = classNames({
+        'weda-ui': true,
+        'weda-date-picker': true,
+        [className]: className,
+    });
+    return (_jsx("div", { className: cls, onClick: click, children: children }));
+}

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

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

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

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import weui from '../../utils/weui';
+import classNames from '../../utils/classnames';
+import './style';
+export default function Picker(props) {
+    const { title, children, className } = props;
+    const click = function () {
+        weui.picker([
+            {
+                label: '飞机票',
+                value: 0,
+            },
+            {
+                label: '火车票',
+                value: 1,
+            },
+            {
+                label: '的士票',
+                value: 2,
+            },
+            {
+                label: '公交票 (disabled)',
+                disabled: true,
+                value: 3,
+            },
+            {
+                label: '其他',
+                value: 4,
+            },
+        ], {
+            onChange() {
+                // console.log(result);
+            },
+            onConfirm() {
+                // console.log(result);
+            },
+            title,
+        });
+    };
+    const cls = classNames({
+        'weda-ui': true,
+        'weda-picker': true,
+        [className]: className,
+    });
+    return (_jsx("div", { className: cls, onClick: click, children: children }));
+}

package/dist/web/components/picker/style.d.ts

@@ -0,0 +1 @@
+import '../style';

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

@@ -0,0 +1 @@
+import '../style';

package/dist/web/components/picker/timePicker.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+import '../style';
+export interface PropsType extends CommonPropsType {
+    defaultValue?: string;
+    title?: string;
+}
+export default function TimePicker(props: PropsType): JSX.Element;