@cloudbase/weda-ui 3.5.1 → 3.5.2-mp

package/dist/web/actions/showMessage/index.js

@@ -1,42 +0,0 @@
-import { isH5Platform } from '../../utils/platform';
-import { message, setConfig } from 'tea-component';
-import './style';
-const iconType = {
-    success: 'success',
-    error: 'error',
-    warning: 'warning',
-    loading: 'loading',
-    none: 'none',
-};
-export default function showMessage(props) {
-    var _a, _b, _c, _d;
-    try {
-        const { data: { title, icon = 'none', duration = 1500 }, _origin, } = props;
-        const smallScreen = (_b = (_a = window === null || window === void 0 ? void 0 : window.matchMedia('(max-width: 768px)')) === null || _a === void 0 ? void 0 : _a.matches) !== null && _b !== void 0 ? _b : isH5Platform();
-        const touchDevice = (_d = (_c = window === null || window === void 0 ? void 0 : window.matchMedia('(pointer:coarse)')) === null || _c === void 0 ? void 0 : _c.matches) !== null && _d !== void 0 ? _d : smallScreen;
-        const platform = touchDevice || smallScreen ? 'h5' : 'pc';
-        if (platform === 'h5') {
-            _origin &&
-                _origin({
-                    title: title,
-                    icon,
-                    duration: duration || 1500,
-                });
-        }
-        else {
-            setConfig({
-                classPrefix: 'wedatea2td',
-            });
-            const realIcon = iconType[icon];
-            const isNotShowIcon = realIcon === 'none' || !realIcon;
-            message[isNotShowIcon ? 'success' : icon]({
-                className: `weda-showmessage__${icon}`,
-                content: title,
-                duration: duration || 1500,
-            });
-        }
-    }
-    catch (error) {
-        console.error('showMessage error', error);
-    }
-}

package/dist/web/actions/showMessage/style.d.ts

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

package/dist/web/actions/showMessage/style.js

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

package/dist/web/actions/showModal/index.css

@@ -1,3 +0,0 @@
-.weapps__modal {
-  z-index: 5001 !important;
-}

package/dist/web/actions/showModal/index.d.ts

@@ -1,4 +0,0 @@
-import './style';
-export default function showModal({ data }: {
-    data: any;
-}): Promise<unknown>;

package/dist/web/actions/showModal/index.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as ReactDOM from 'react-dom';
-import * as React from 'react';
-import { forwardRef, useState, useEffect, useImperativeHandle } from 'react';
-import { Modal, Button, Text, ConfigProvider } from 'tea-component';
-import { noop } from '../../utils/constant';
-import './style';
-const ModalShow = forwardRef(function ModalShow(props, ref) {
-    const [visible, setVisible] = useState(false);
-    // 渲染之后，马上显示
-    useEffect(() => {
-        setVisible(true);
-    }, []);
-    // 实例 ref 到外部
-    useImperativeHandle(ref, () => ({ setVisible }), [setVisible]);
-    return _jsx(Modal, { ...props, visible: visible });
-});
-function show(options) {
-    const el = document.createElement('div');
-    const instanceRef = React.createRef();
-    ReactDOM.render(_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(ModalShow, { ...options, ref: instanceRef, onExited: () => ReactDOM.unmountComponentAtNode(el) }) }), el);
-    return {
-        destroy: () => {
-            if (instanceRef.current) {
-                instanceRef.current.setVisible(false);
-            }
-        },
-    };
-}
-export default async function showModal({ data }) {
-    const { title, content, showCancel = true, cancelText = '取消', cancelColor, confirmText = '确定', confirmColor, success = noop, fail = noop, complete = noop, } = data;
-    return new Promise((resolve) => {
-        const base = { cancel: false, confirm: false, content: null };
-        const modal = show({
-            caption: title,
-            children: (_jsxs(_Fragment, { children: [_jsx(Modal.Body, { children: content }), _jsxs(Modal.Footer, { children: [_jsx(Button
-                            // type="primary"
-                            , { 
-                                // type="primary"
-                                onClick: () => {
-                                    resolve({ ...base, confirm: true });
-                                    modal.destroy();
-                                }, children: _jsx(Text, { style: { color: confirmColor }, children: confirmText }) }), showCancel && (_jsx(Button, { onClick: () => {
-                                    resolve({ ...base, cancel: true });
-                                    modal.destroy();
-                                }, children: _jsx(Text, { style: { color: cancelColor }, children: cancelText }) }))] })] })),
-            onClose: () => {
-                resolve({ ...base, cancel: true });
-                modal.destroy();
-            },
-        });
-    }).then((res) => {
-        success && success(res);
-        return res;
-    }, (e) => {
-        fail && fail();
-        complete && complete();
-        throw e;
-    });
-}

package/dist/web/actions/showModal/style.d.ts

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

package/dist/web/actions/showModal/style.js

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

package/dist/web/actions/showToast/index.d.ts

@@ -1 +0,0 @@
-export default function showToast(): void;

package/dist/web/actions/showToast/index.js

@@ -1,3 +0,0 @@
-export default function showToast( /* { data, event } */) {
-    // console.log({ data, event });
-}

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

@@ -1,28 +0,0 @@
-.weda-button.weui-btn.weui-btn_primary:not(.weui-btn_disabled):active {
-  background-color: var(--weui-TAG-TEXT-BLUE);
-}
-
-.weda-button.weui-btn_primary {
-  background-color: var(--weui-BRAND);
-}
-
-.weda-button.weui-btn.weui-btn_primary.weui-btn_wechat:not(.weui-btn_disabled):active {
-  background-color: var(--weui-TAG-TEXT-GREEN);
-}
-
-.weda-button.weui-btn_primary.weui-btn_wechat {
-  background-color: var(--weui-WECHAT);
-}
-
-.weda-button.weda-button-mini {
-  font-size: smaller;
-}
-
-.weda-button.weda-button-large {
-  font-size: large;
-  display: block;
-  padding-left: 14px;
-  padding-right: 14px;
-  text-align: center;
-  width: 100%;
-}

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import type { CommonPropsType, unknownFunction } from '../../types';
-import './style';
-import type { DataType } from '../../../configs/components/button';
-import type { Except } from 'type-fest';
-declare const Button: ({ text, size, type, contentSlot, formType, loading, disabled, events, className, style, id, ...props }: ButtonProps) => JSX.Element;
-export interface ButtonProps extends CommonPropsType, Except<DataType, 'type'> {
-    contentSlot?: React.ReactNode;
-    type?: DataType['type'] | 'wechat';
-    [handlers: `on${string}`]: unknownFunction;
-}
-export default Button;

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

@@ -1,56 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { Button as TeaButton, ConfigProvider, } from 'tea-component';
-import classNames from '../../utils/classnames';
-import { usePlatform, textToString } from '../../utils/platform';
-import { emptyObject } from '../../utils/constant';
-import './style';
-// 不用 react-weui 而直接用底层实现的原因是 react-weui 不能支持表单类型
-const Button = ({ text, size, type, contentSlot, formType, loading, disabled, events = emptyObject, className, style, id, ...props }) => {
-    const platform = usePlatform();
-    const isH5 = platform === 'h5';
-    const cls = classNames({
-        'weda-ui': true,
-        'weda-button': true,
-        'weda-button-large': size === 'large',
-        'weda-button-mini': size === 'mini',
-        'weui-btn': isH5,
-        'weui-btn_mini': isH5 && size === 'mini',
-        'weui-btn_primary': isH5 && (type === 'primary' || type === 'wechat'),
-        'weui-btn_default': isH5 && type === 'default',
-        'weui-btn_warn': isH5 && type === 'warn',
-        'weui-btn_wechat': isH5 && type === 'wechat',
-        'weui-btn_disabled': isH5 && disabled,
-        [className]: className,
-    });
-    const onClick = (e) => {
-        var _a;
-        if (events.tap) {
-            events.tap({}, { originEvent: e });
-        }
-        (_a = props === null || props === void 0 ? void 0 : props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    };
-    const propsStartWithOn = React.useMemo(() => {
-        return Object.keys(props).reduce((acc, cur) => {
-            if (cur.startsWith('on')) {
-                acc[cur] = props[cur];
-            }
-            return acc;
-        }, {});
-    }, [props]);
-    const teaBtnType = React.useMemo(() => toTeaButtonType(type), [type]);
-    if (platform === 'h5') {
-        return (_jsxs("button", { className: cls, disabled: disabled, type: formType, style: style, id: id, ...propsStartWithOn, onClick: onClick, children: [loading && (_jsx("span", { className: "weui-btn_loading", children: _jsx("i", { className: "weui-loading" }) })), textToString(text) || contentSlot] }));
-    }
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(TeaButton, { loading: loading, disabled: disabled, htmlType: formType, type: teaBtnType, style: style, className: cls, id: id, ...propsStartWithOn, onClick: onClick, children: textToString(text) || contentSlot }) }));
-};
-function toTeaButtonType(type) {
-    if (type === 'primary')
-        return type;
-    if (type === 'warn')
-        return 'error';
-    if (type === 'default')
-        return 'primary';
-    return 'primary';
-}
-export default Button;

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

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

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

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

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

@@ -1,416 +0,0 @@
-/* weda_calendar */
-
-.weda-calendar {
-  font-size: 14px;
-}
-
-/* pc 日历样式 start */
-.weda-calendar.weda-calendar-pc {
-  background: #ffffff;
-  border: 0.5px solid #dcdcdc;
-  box-sizing: border-box;
-  box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.05),
-    0px 8px 10px 1px rgba(0, 0, 0, 0.06), 0px 5px 5px -3px rgba(0, 0, 0, 0.1);
-  border-radius: 3px;
-  min-width: 560px;
-}
-
-.weda-calendar-pc .weda-calendar__control_h5 {
-  display: none;
-}
-
-.weda-calendar-pc .weda-calendar__control_pc {
-  padding: 32px;
-  display: flex;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  -webkit-box-pack: end;
-  -ms-flex-pack: end;
-  justify-content: flex-end;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.weda-calendar-pc .weda-calendar__control-section {
-  display: flex;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  -webkit-box-pack: end;
-  -ms-flex-pack: end;
-  justify-content: flex-end;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  height: 100%;
-  margin-right: 16px;
-}
-
-.weda-calendar-pc .weda-calendar__control-section:last-child {
-  margin-right: 0;
-}
-
-.weda-calendar-pc
-  .weda-calendar__control-section
-  .weda-calendar__control-section-cell {
-  height: 100%;
-  margin-right: 8px;
-}
-
-.weda-calendar-pc
-  .weda-calendar__control-section
-  .weda-calendar__control-section-cell:last-child {
-  margin-right: 0;
-}
-
-.weda-calendar-pc .weda-calendar__control_pc .weda-calendar__current-date {
-  font-size: 1em;
-  line-height: 1.57142em;
-  color: rgba(0, 0, 0, 0.9);
-}
-
-.weda-calendar-pc .weda-calendar__panel {
-  position: relative;
-  padding: 0 32px 32px 32px;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.weda-calendar .weda-calendar__table {
-  font-size: inherit;
-  border-collapse: collapse;
-  border-spacing: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.weda-calendar .weda-calendar__table .weda-calendar__table-head {
-  display: block;
-  width: 100%;
-  margin-bottom: 8px;
-  box-sizing: border-box;
-}
-
-.weda-calendar .weda-calendar__table .weda-calendar__table-head-row,
-.weda-calendar .weda-calendar__table .weda-calendar__table-body-row {
-  display: flex;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  width: 100%;
-  padding-bottom: 0;
-}
-
-.weda-calendar .weda-calendar__table .weda-calendar__table-head-cell {
-  cursor: default;
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: end;
-  -ms-flex-pack: end;
-  justify-content: flex-end;
-  height: 100%;
-  padding: 0;
-  font-size: 1em;
-  line-height: 1.57142em;
-  color: rgba(0, 0, 0, 0.6);
-  margin-right: 12px;
-  position: relative;
-}
-
-.weda-calendar .weda-calendar__table .weda-calendar__table-head-cell:last-child,
-.weda-calendar
-  .weda-calendar__table
-  .weda-calendar__table-body-cell:last-child {
-  margin-right: 0;
-}
-
-.weda-calendar .weda-calendar__table .weda-calendar__table-body {
-  width: 100%;
-}
-
-.weda-calendar .weda-calendar__table .weda-calendar__table-body-cell {
-  flex: 1;
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  border-top: 1px solid #e7e7e7;
-  padding: 0;
-  height: 87.4px;
-  display: flex;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-align: end;
-  -ms-flex-align: end;
-  align-items: flex-end;
-  margin-left: 0;
-  margin-right: 12px;
-  position: relative;
-  justify-content: flex-start;
-  color: rgba(0, 0, 0, 0.26);
-}
-
-.weda-calendar
-  .weda-calendar__table
-  .weda-calendar__table-body-cell.is-disabled,
-.weda-calendar
-  .weda-calendar__table
-  .weda-calendar__table-body-cell.is-invalid {
-  cursor: not-allowed;
-}
-
-.weda-calendar
-  .weda-calendar__table
-  .weda-calendar__table-body-cell.is-invalid {
-  background: #f3f3f3;
-}
-
-.weda-calendar .weda-calendar__table .weda-calendar__table-body-cell.is-now {
-  border-top-color: #0052d9;
-  background: #ecf2fe;
-}
-
-.weda-calendar .weda-calendar__table .weda-calendar__table-body-cell-value {
-  font-size: 1em;
-  font-weight: 400;
-  line-height: 1.57142em;
-  color: rgba(0, 0, 0, 0.9);
-  margin-top: 3px;
-  position: relative;
-}
-
-.weda-calendar
-  .weda-calendar__table
-  .weda-calendar__table-body-cell.is-disabled
-  .weda-calendar__table-body-cell-value {
-  color: rgba(0, 0, 0, 0.26);
-}
-
-.weda-calendar
-  .weda-calendar__table
-  .weda-calendar__table-body-cell
-  .weda-calendar__table-body-cell-marked {
-  position: absolute;
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  left: 50%;
-  transform: translate(-50%);
-  bottom: -10px;
-}
-
-/* pc 日历样式 end */
-
-/* h5 日历样式 start */
-
-.weda-calendar.weda-calendar-h5 {
-  background: #ffffff;
-  width: 100%;
-  opacity: 0.9;
-}
-
-.weda-calendar-h5 .weda-calendar__control_pc {
-  display: none;
-}
-
-.weda-calendar__control_h5 {
-  width: 100%;
-  box-sizing: border-box;
-  padding: 16px 16px 0 16px;
-  position: relative;
-  text-align: center;
-}
-.weda-calendar__control_h5 .wedatea2td-icon-arrowleft--line,
-.weda-calendar__control_h5 .wedatea2td-icon-arrowright--line {
-  vertical-align: middle;
-  background-repeat: no-repeat;
-  background-size: contain;
-  background-position: center;
-}
-
-.weda-calendar__control_h5
-  .weda-calendar_prevMonth.wedatea2td-icon-arrowleft--line,
-.weda-calendar__control_h5
-  .weda-calendar_nextMonth.wedatea2td-icon-arrowright--line {
-  position: absolute;
-  top: 17px;
-  width: 1.42857em;
-  height: 1.42857em;
-}
-
-.weda-calendar__control_h5
-  .weda-calendar_prevMonth.wedatea2td-icon-arrowleft--line {
-  left: 16px;
-}
-.weda-calendar__control_h5
-  .weda-calendar_nextMonth.wedatea2td-icon-arrowright--line {
-  right: 16px;
-}
-
-.weda-calendar__control_h5 .weda-calendar__current-date {
-  font-size: 1em;
-  line-height: 1.57142em;
-  font-weight: bold;
-}
-
-.weda-calendar-h5 .weda-calendar__panel {
-  height: 21.85714em;
-  padding: 20px 16px 16px 16px;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.weda-calendar-h5 .weda-calendar__table {
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  justify-self: start;
-  -webkit-box-align: start;
-  -ms-flex-align: start;
-  align-items: flex-start;
-}
-
-.weda-calendar-h5 .weda-calendar__table .weda-calendar__table-head {
-  margin-bottom: 0;
-}
-
-.weda-calendar-h5 .weda-calendar__table .weda-calendar__table-head-cell {
-  font-size: 0.85714em;
-  line-height: 20px;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  font-size: 0.85714em;
-  line-height: 1.428571em;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-.weda-calendar-h5 .weda-calendar__table-body {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  justify-self: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.weda-calendar-h5 .weda-calendar__table-body .weda-calendar__table-body-row {
-  width: 100%;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  flex: 1;
-}
-
-.weda-calendar-h5 .weda-calendar__table-body .weda-calendar__table-body-cell {
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  border: none;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  font-size: 0.85714em;
-  line-height: 1.42857em;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  flex-direction: row;
-}
-
-.weda-calendar-h5 .weda-calendar__table .weda-calendar__table-body-cell.is-now {
-  border: none;
-  background: transparent;
-}
-
-.weda-calendar-h5
-  .weda-calendar__table-body
-  .weda-calendar__table-body-cell-value {
-  font-size: 1em;
-  text-align: center;
-  border-radius: 50%;
-  width: 40px;
-  line-height: 2.85714em;
-  margin: 0;
-  box-sizing: border-box;
-}
-
-.weda-calendar-h5
-  .weda-calendar__table
-  .weda-calendar__table-body-cell.is-now
-  .weda-calendar__table-body-cell-value {
-  color: #fff;
-}
-
-.weda-calendar-h5
-  .weda-calendar__table
-  .weda-calendar__table-body-cell.is-now
-  .weda-calendar__table-body-cell-bg {
-  position: absolute;
-  width: 1.714285em;
-  height: 1.714285em;
-  background: #0052d9;
-  border-radius: 100%;
-  left: calc(50% - 0.85714em);
-  top: calc(50% - 0.85714em);
-  z-index: -1;
-}
-
-.weda-calendar-h5
-  .weda-calendar__table
-  .weda-calendar__table-body-cell
-  .weda-calendar__table-body-cell-marked {
-  width: 4px;
-  height: 4px;
-  top: calc(50% + 14px);
-}
-
-.weda-calendar-h5
-  .weda-calendar__table
-  .weda-calendar__table-body-cell.is-disabled
-  .weda-calendar__table-body-cell-value {
-  color: rgba(0, 0, 0, 0.6);
-}
-
-.weda-calendar-h5
-  .weda-calendar__table
-  .weda-calendar__table-body-cell.is-invalid {
-  background: transparent;
-}
-
-.weda-calendar-h5
-  .weda-calendar__table
-  .weda-calendar__table-body-cell.is-invalid
-  .weda-calendar__table-body-cell-value {
-  color: #c5c5c5;
-}
-
-/* h5 日历样式 end */

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

@@ -1,20 +0,0 @@
-declare function Calendar({ id, className, style, initVisible, initValue, configData, }: {
-    id: any;
-    className: any;
-    style: any;
-    initVisible: any;
-    initValue: any;
-    configData?: readonly [];
-}): JSX.Element;
-declare namespace Calendar {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const style: PropTypes.Requireable<object>;
-        const initValue: PropTypes.Requireable<string>;
-        const platform: PropTypes.Requireable<string>;
-        const initVisible: PropTypes.Requireable<boolean>;
-        const configData: PropTypes.Requireable<any[]>;
-    }
-}
-export default Calendar;
-import * as PropTypes from "prop-types";