@cloudbase/weda-ui 3.5.1 → 3.5.2-mp

package/dist/web/components/form/location/index.css

@@ -1,13 +0,0 @@
-.rotate-circle {
-  display: none;
-}
-.tmap-zoom-control {
-  display: none;
-}
-.tmap-zoom-control {
-  display: none !important;
-}
-
-.weui-form-location_toast .weui-icon_toast {
-  display: none !important;
-}

package/dist/web/components/form/location/index.d.ts

@@ -1 +0,0 @@
-export default function Location(props: any): JSX.Element;

package/dist/web/components/form/location/index.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { ConfigProvider } from 'tea-component';
-import { usePlatform } from '../../../utils/platform';
-import LocationH5 from './components/LocationH5/location.h5';
-import LocationPC from './components/LocationPC/location.PC';
-import { CommonErrorBoundary } from '../../common/error-boundary';
-import { useLoopRenderDetect } from '../../common/use-loop-render-detect';
-import './style';
-export default function Location(props) {
-    return (_jsx(CommonErrorBoundary, { children: _jsx(LocationImpl, { ...props }) }));
-}
-function LocationImpl(props) {
-    const platform = usePlatform();
-    useLoopRenderDetect();
-    if ((props === null || props === void 0 ? void 0 : props.showType) === 'pc') {
-        return _jsx(LocationPC, { ...props });
-    }
-    if ((props === null || props === void 0 ? void 0 : props.showType) === 'h5') {
-        return _jsx(LocationH5, { ...props });
-    }
-    return platform === 'h5' ? (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(LocationH5, { ...props }) })) : (_jsx(LocationPC, { ...props }));
-}

package/dist/web/components/form/location/style.d.ts

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

package/dist/web/components/form/location/style.js

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

package/dist/web/components/form/radio/index.css

@@ -1,12 +0,0 @@
-@media (min-width: 1024px) {
-  .weda-ui .wedatea2td-radio:checked,
-  .weda-ui input[type='radio']:checked {
-    background-color: white;
-  }
-  .weda-ui .wedatea2td-radio:checked:focus,
-  .weda-ui .wedatea2td-radio:checked:hover,
-  .weda-ui input[type='radio']:checked:focus,
-  .weda-ui input[type='radio']:checked:hover {
-    background-color: white;
-  }
-}

package/dist/web/components/form/radio/index.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { CommonFormPropsType } from '../types';
-import './style';
-export default function Radio({ id, className, style, events, label, labelVisible, format, enumName, name, range, layout, disabled, requiredFlag, decorator, onChange: outerOnChange, }: PropsType): JSX.Element;
-export interface PropsType extends CommonFormPropsType {
-    range?: Readonly<({
-        label: string;
-    } & Record<string, any>)[]>;
-    format?: string;
-    enumName?: string;
-    onChange: (val: string) => void;
-}

package/dist/web/components/form/radio/index.js

@@ -1,111 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useState } from 'react';
-import { ConfigProvider, Radio as TeaRadio } from 'tea-component';
-import { usePlatform } from '../../../utils/platform';
-import classNames from '../../../utils/classnames';
-import getLocalCounter from '../../../utils/getLocalCounter';
-import isObjectEqual from '../../../utils/isObjectEqual';
-import { callWedaApi } from '../../../utils/tcb';
-import { renderDecorator } from '../renderDecorator';
-import destr from 'destr';
-import { emptyArray, emptyObject } from '../../../utils/constant';
-import './style';
-export default function Radio({ 
-// 系统属性
-id, className, style, events = emptyObject, 
-// 组件属性
-label = '标题', labelVisible = true, format = '', enumName = '', name = 'formRadio', range = emptyArray, layout = 'horizontal', disabled = false, requiredFlag = false, decorator, onChange: outerOnChange, }) {
-    var _a;
-    const platform = usePlatform();
-    const isH5 = platform === 'h5';
-    const cls = classNames({
-        'weda-ui': true,
-        'weda-radio': true,
-        [className]: className,
-    });
-    const subCls = classNames({
-        'weui-cell': isH5,
-        'weui-cell_active': isH5,
-        'weui-check__label': isH5,
-        'weui-cell_disabled': isH5 && disabled,
-    });
-    const [option, setOption] = useState(range);
-    const [checkedItemValue, setCheckedItemValue] = React.useState((_a = option.find((item) => item.checked)) === null || _a === void 0 ? void 0 : _a.value);
-    // 两次range不同时, 需要刷新checkedItemValue
-    const prevRangeRef = React.useRef();
-    React.useEffect(() => {
-        var _a;
-        if (!isObjectEqual(prevRangeRef.current, option)) {
-            prevRangeRef.current = option;
-            setCheckedItemValue((_a = option.find((item) => item.checked)) === null || _a === void 0 ? void 0 : _a.value);
-        }
-    });
-    useEffect(() => {
-        // 如果绑定字段类型为枚举，且传入自定义选项集的名称则默认使用自定义选项集的内容作为选项
-        if (format === 'x-enum' && enumName) {
-            fetchData({ OptNameList: [enumName], PageIndex: 1, PageSize: 10 });
-        }
-    }, []);
-    useEffect(() => {
-        if (format !== 'x-enum') {
-            setOption(range);
-        }
-    }, [range]);
-    const fetchData = async (param) => {
-        var _a, _b, _c;
-        const data = await callWedaApi({
-            action: 'DescribeGeneralOptionsDetailList',
-            data: param,
-        });
-        const config = (_c = destr((_b = (_a = data === null || data === void 0 ? void 0 : data.Items) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.Config)) !== null && _c !== void 0 ? _c : [];
-        const enumOption = config.map((item) => {
-            return {
-                label: item.value,
-                value: item.key,
-                checked: false,
-            };
-        });
-        setOption(enumOption);
-    };
-    /**
-     * 在ios h5端, label和input的绑定不生效
-     * 导致 onChange 事件触发有问题, 所以改为监听 onClick 事件
-     */
-    const getChangeHandler = function (value) {
-        const onChange = function (e) {
-            e.stopPropagation();
-            if (!disabled) {
-                setCheckedItemValue(value);
-                events.change({ value }, { originEvent: e });
-                outerOnChange === null || outerOnChange === void 0 ? void 0 : outerOnChange(value);
-            }
-        };
-        return onChange;
-    };
-    // 现在低码组件往源码组件传入的id不唯一, 暂时使用hashcode替代
-    const hashcode = React.useMemo(() => getLocalCounter(), []);
-    let radioElement;
-    if (isH5) {
-        radioElement = option.map(({ label, value }, index) => {
-            const _id = `radio-${hashcode}-${index}`;
-            const _name = `radio-${hashcode}-${name}`;
-            return (_jsxs("div", { className: subCls, onClickCapture: getChangeHandler(value), children: [_jsxs("div", { className: "weui-cell__hd", children: [_jsx("input", { type: "radio", className: "weui-check", value: value, name: _name, id: _id, checked: checkedItemValue === value, disabled: disabled, onClick: (e) => e.stopPropagation() }), _jsx("i", { className: "weui-icon-checked" })] }), _jsx("div", { className: "weui-cell__bd", children: _jsx("p", { children: label }) })] }, _id));
-        });
-    }
-    else {
-        // pc
-        radioElement = (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(TeaRadio.Group, { disabled: disabled, value: checkedItemValue, onChange: (value, { event }) => getChangeHandler(value)(event), children: option.map(({ value, label }, index) => {
-                    const _id = `radio-${hashcode}-${index}`;
-                    return (_jsx(TeaRadio, { name: value, id: _id, children: label }, _id));
-                }) }) }));
-    }
-    return renderDecorator(radioElement, decorator)({
-        id,
-        className: cls,
-        style,
-        label: labelVisible ? label : null,
-        layout,
-        multiCell: true,
-        requiredFlag,
-    });
-}

package/dist/web/components/form/radio/style.d.ts

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

package/dist/web/components/form/radio/style.js

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

package/dist/web/components/form/renderDecorator.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-/**
- *
- * @returns {(props: any) => JSX.Element}
- */
-export declare function renderDecorator<D = any>(filedNode: React.ReactNode, DecoratorComponent?: React.FC<D>): (decoratorProps: any) => JSX.Element;

package/dist/web/components/form/renderDecorator.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import FormCell from './formcell';
-/**
- *
- * @returns {(props: any) => JSX.Element}
- */
-export function renderDecorator(filedNode, DecoratorComponent = FormCell) {
-    if (!DecoratorComponent) {
-        return function WedaFormField() {
-            return _jsx(React.Fragment, { children: filedNode });
-        };
-    }
-    return function WedaFormFiled(decoratorProps) {
-        if (Array.isArray(DecoratorComponent) && DecoratorComponent.length === 2) {
-            decoratorProps = DecoratorComponent[1];
-            DecoratorComponent = DecoratorComponent[0];
-        }
-        return (_jsx(DecoratorComponent, { ...decoratorProps, children: filedNode }));
-    };
-}

package/dist/web/components/form/select/allTimePicker/calendar.css

@@ -1,114 +0,0 @@
-/* 几个图标 */
-.weda-ui-icon-arrow-right {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNjkwNTggMTguNjlMOC4zMTE3MiAxNy4zMTExTDEzLjYyMjMgMTIuMDAwNkw4LjMxMTcyIDYuNjlMOS42OTA1OCA1LjMxMTE0TDE2LjM4IDEyLjAwMDZMOS42OTA1OCAxOC42OVoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuNiIvPgo8L3N2Zz4K);
-}
-
-.weda-ui-icon-turn-pre {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03Ljg3OTE3IDEyLjU3NjhMMTUuNTQwMSAyMEwxNi40Nzk3IDE5LjA4NzVMOS4xNjM3OCAxMS45OTg2TDE2LjQ3OTcgNC45MTI0OUwxNS41NDAxIDRMNy45MDQxMyAxMS4zOTYxQzcuODkzNjYgMTEuNDA0OCA3Ljg4MzQ2IDExLjQxMzkgNy44NzM1NiAxMS40MjM1TDcuNjUxNjYgMTEuNjM5QzcuNDQ5MjkgMTEuODM1NSA3LjQ0OTQ3IDEyLjE2MDUgNy42NTIwNiAxMi4zNTY4TDcuODU0NCAxMi41NTI4TDcuODc0NjQgMTIuNTcyNUM3Ljg3NjE0IDEyLjU3NCA3Ljg3NzY1IDEyLjU3NTQgNy44NzkxNyAxMi41NzY4WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC42Ii8+Cjwvc3ZnPgo=);
-}
-
-.weda-ui-icon-turn-next {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4xMjA4IDEyLjU3NjhMOC40NTk5MiAyMEw3LjUyMDMxIDE5LjA4NzVMMTQuODM2MiAxMS45OTg2TDcuNTIwMzIgNC45MTI0OUw4LjQ1OTk0IDRMMTYuMDk1OSAxMS4zOTYxQzE2LjEwNjMgMTEuNDA0OCAxNi4xMTY1IDExLjQxMzkgMTYuMTI2NCAxMS40MjM1TDE2LjM0ODMgMTEuNjM5QzE2LjU1MDcgMTEuODM1NSAxNi41NTA1IDEyLjE2MDUgMTYuMzQ3OSAxMi4zNTY4TDE2LjE0NTYgMTIuNTUyOEwxNi4xMjU0IDEyLjU3MjVDMTYuMTIzOSAxMi41NzQgMTYuMTIyMyAxMi41NzU0IDE2LjEyMDggMTIuNTc2OFoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuNiIvPgo8L3N2Zz4K);
-}
-
-/* 年/月份操作区的样式 */
-.weda-ui-custom-calendar-op {
-  display: flex;
-  justify-content: space-between;
-  padding: 12px 20px;
-}
-
-.weda-ui-custom-calendar-op__start {
-  display: flex;
-  align-items: center;
-}
-
-.weda-ui-custom-calendar-op__end {
-  display: flex;
-  align-items: center;
-}
-
-.weda-ui-custom-calendar-op__end .weda-ui-icon-turn-next {
-  margin-left: 8px;
-}
-
-.weda-ui-custom-calendar-op__select {
-  font-size: 16px;
-  color: rgba(0, 0, 0, 0.9);
-  font-weight: 500;
-  display: flex;
-  align-items: center;
-}
-
-.weda-ui-custom-calendar-op__select.is-active {
-  color: #0052d9;
-}
-
-.weda-ui-custom-calendar-op__select.is-active .weda-ui-icon-arrow-right {
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMzEwMDYgOS42OTA1N0w2LjY4ODkyIDguMzExNzFMMTEuOTk5NSAxMy42MjIzTDE3LjMxMDEgOC4zMTE3MUwxOC42ODg5IDkuNjkwNTdMMTEuOTk5NSAxNi4zOEw1LjMxMDA2IDkuNjkwNTdaIiBmaWxsPSIjMDA1MkQ5Ii8+Cjwvc3ZnPgo=);
-}
-
-/* 日历展开模式 */
-.weda-ui-custom-calendar {
-  display: flex;
-  flex-direction: column;
-}
-
-.weda-ui-custom-calendar__weeks {
-  display: flex;
-  color: rgba(0, 0, 0, 0.4);
-  padding: 0 20px;
-  width: 100%;
-  box-sizing: border-box;
-  justify-content: space-between;
-}
-
-.weda-ui-custom-calendar__weeks-item {
-  /* flex: 1; */
-  line-height: 30px;
-  min-width: 40px;
-  display: flex;
-  justify-content: center;
-}
-
-.weda-ui-custom-calendar__days-row {
-  display: flex;
-  color: rgba(0, 0, 0, 0.9);
-  padding: 0 20px;
-  width: 100%;
-  box-sizing: border-box;
-  flex-wrap: wrap;
-  justify-content: space-between;
-}
-
-.weda-ui-custom-calendar__days-item {
-  /* flex: 1; */
-  min-width: 40px;
-  height: 40px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-}
-
-.weda-ui-custom-calendar__days-item:hover {
-  background-color: #f3f3f3;
-}
-
-.weda-ui-custom-calendar__days-item.is-current {
-  background-color: #0052d9;
-  color: #fff;
-}
-
-.weda-ui-custom-calendar__days-item.no-select {
-  color: #c1c1c1;
-}

package/dist/web/components/form/select/allTimePicker/calendar.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import './style';
-/**
- * 日历组件
- */
-export default function Calendar({ startTime, endTime, selectYear, selectMonth, setCurrentDay, defaultSelectDay, }: {
-    startTime: any;
-    endTime: any;
-    selectYear: any;
-    selectMonth: any;
-    setCurrentDay: any;
-    defaultSelectDay: any;
-}): JSX.Element;

package/dist/web/components/form/select/allTimePicker/calendar.js

@@ -1,103 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { weeks } from './dataUtils';
-import './style';
-/**
- * 日历组件
- */
-export default function Calendar({ startTime, endTime, selectYear, selectMonth, setCurrentDay, defaultSelectDay, }) {
-    const [selectDay, setSelectDay] = React.useState(new Date().getDate());
-    /**
-     * 设置默认数据
-     */
-    const fnDaysSpliceWeeks = (number, len = 7) => {
-        const arrLen = Math.ceil(number.length / len);
-        const newArr = [];
-        for (let i = 0; i < arrLen; i++) {
-            newArr.push(number.slice(i * len, (i + 1) * len));
-        }
-        return newArr;
-    };
-    const days = () => {
-        const selectYearNumber = parseInt(selectYear);
-        const selectMonthNumber = parseInt(selectMonth);
-        const firstDay = new Date(selectYearNumber, selectMonthNumber - 1, 1);
-        const lastDay = new Date(selectYearNumber, selectMonthNumber, 0);
-        const arr = [];
-        for (let i = 1; i <= firstDay.getDay(); i++) {
-            arr.push('');
-        }
-        for (let i = 1; i <= lastDay.getDate(); i++) {
-            arr.push(i + '');
-        }
-        for (let i = 1; i <= 6 - lastDay.getDay(); i++) {
-            arr.push('');
-        }
-        return arr;
-    };
-    // 日历翻页触发改变
-    React.useEffect(() => {
-        setSelectDay(defaultSelectDay);
-    }, [defaultSelectDay]);
-    /**
-     * 选择天数
-     */
-    const dayClick = (item) => {
-        // 没有开始和结束时间
-        if (startTime.length === 0 && endTime.length === 0) {
-            setSelectDay(item);
-            setCurrentDay(item);
-            return;
-        }
-        const current = parseInt(item);
-        const year = parseInt(selectYear);
-        const month = parseInt(selectMonth);
-        // 匹配到开始时间
-        if (startTime.length > 0 &&
-            startTime[0] === year &&
-            startTime[1] === month) {
-            if (startTime[2] <= current) {
-                setSelectDay(item);
-                setCurrentDay(item);
-            }
-            return;
-        }
-        // 匹配到开结束时间
-        if (endTime.length > 0 && endTime[0] === year && endTime[1] === month) {
-            if (endTime[2] >= current) {
-                setSelectDay(item);
-                setCurrentDay(item);
-            }
-            return;
-        }
-        // 在开始时间和结束时间之间
-        setSelectDay(item);
-        setCurrentDay(item);
-    };
-    return (_jsxs("div", { className: "weda-ui-custom-calendar", children: [_jsx("div", { className: " weda-ui-custom-calendar__weeks", children: weeks.map((week, index) => (_jsx("span", { className: "weda-ui-custom-calendar__weeks-item", children: week }, index))) }), _jsx("div", { className: "weda-ui-custom-calendar__days", children: fnDaysSpliceWeeks(days(), 7).map((day, index) => {
-                    return (_jsx("div", { className: "weda-ui-custom-calendar__days-row", children: day.map((item, index) => {
-                            let canStartSelect = true;
-                            let canEndSelect = true;
-                            const selectYearNumber = parseInt(selectYear);
-                            const selectMonthNumber = parseInt(selectMonth);
-                            if (startTime.length > 0 && item !== '') {
-                                if (startTime[0] === selectYearNumber &&
-                                    startTime[1] === selectMonthNumber) {
-                                    canStartSelect = parseInt(item) >= startTime[2];
-                                }
-                            }
-                            if (endTime.length > 0 && item !== '') {
-                                if (endTime[0] === selectYearNumber &&
-                                    endTime[1] === selectMonthNumber) {
-                                    canEndSelect = parseInt(item) <= endTime[2];
-                                }
-                            }
-                            return (_jsx("span", { "data-testid": "allTime-click-day", className: `weda-ui-custom-calendar__days-item ${item == selectDay ? 'is-current' : ''} ${!canEndSelect || !canStartSelect ? 'no-select' : ''}`, onClick: () => {
-                                    if (item === '') {
-                                        return;
-                                    }
-                                    dayClick(parseInt(item));
-                                }, children: item }, index));
-                        }) }, index));
-                }) })] }));
-}

package/dist/web/components/form/select/allTimePicker/dataUtils.d.ts

@@ -1,25 +0,0 @@
-export declare const weeks: string[];
-export declare const defaultData: () => {
-    id: string;
-    value: any[];
-}[];
-export declare const defaultDateTime: {
-    id: string;
-    value: string[];
-}[];
-export declare const getIndex: (index: any) => any;
-export declare const getLast: (index: any, array: any) => any;
-export declare const getFormatData: (data: any) => any;
-/**
- * 动态获取日期时间数组的下标
- */
-export declare const getCurrentYearIndex: () => any;
-export declare const getCurrentMonthIndex: () => any;
-export declare const getCurrentHoursIndex: () => any;
-export declare const getCurrentMinutesIndex: () => any;
-export declare const getCurrentSecondsIndex: () => number;
-export declare const isSpace: (str: any) => boolean;
-export declare const getIOSNotNaNDate: (data: any) => any;
-export declare const getLastDate: () => string;
-export declare const getStartDate: () => string;
-export declare const isTime: (date: any) => boolean;