@cloudbase/weda-ui 3.5.0 → 3.5.1

package/dist/web/components/table/hooks/useImportingStatus.js

@@ -7,7 +7,7 @@ export const useImportingStatus = (fileId, DataSourceName, Type) => {
     useEffect(() => {
         if (!fileId)
             return;
-        const Polling = new PollingInterface(getImportingStatus, 5000, 60);
+        const Polling = new PollingInterface(getImportingStatus, 5000, 100);
         async function getImportingStatus() {
             try {
                 const queryParams = {
@@ -49,11 +49,7 @@ export const useImportingStatus = (fileId, DataSourceName, Type) => {
             }
         }
         Polling.setCallback(() => {
-            setFileImportStatus('failure');
-            setFileImportErrorMessage('查询导出请求超时');
-            setFileImportErrorMessage({
-                ErrorMessage: ['查询导出请求超时'],
-            });
+            setFileImportStatus('timeout');
         });
         Polling.start();
         return () => {

package/dist/web/components/table/hooks/useInOutFieldsRecords.d.ts

@@ -0,0 +1,10 @@
+interface useInOutFieldsRecordsProps {
+    type: string;
+    dbName: string;
+    setIsLodaing: any;
+}
+export declare function useInOutFieldsRecords({ type, dbName, setIsLodaing, }: useInOutFieldsRecordsProps): {
+    data: any;
+    isError: any;
+};
+export {};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BaseTable } from './BaseTable';
+import './style';
+/**
+ * 列表组件
+ */
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export default _default;
+export { BaseTable };

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

@@ -13,12 +13,12 @@ import './style';
  * 列表组件
  */
 export default React.forwardRef(function ModelTable(props, ref) {
-    const { dataSourceType, bindConnectMetadata = {
+    const { dataSourceType = 'data-model', bindConnectMetadata = {
         datasource: { id: '', name: '', title: '' },
     }, // APImock数据
     connectorMethod = { name: '', inParams: [], outParams: [], title: '' }, // API方法
     connectorParams, // API查询入参
-    isOrderBy, // API是否支持排序
+    isOrderBy = true, // API是否支持排序
     bindMetadata = {
         datasource: {},
         enabledFieldNames: [],
@@ -40,7 +40,7 @@ export default React.forwardRef(function ModelTable(props, ref) {
     fixedEnd = '', // 冻结本列至尾列
     enableCellCustomOption, // 是否显示插槽操作列
     enableGlobalButton, // 是否显示插槽全局按钮
-    className, emptyText, ...rest } = props;
+    className, emptyText = '暂无数据', ...rest } = props;
     const isModel = dataSourceType !== 'custom-connector';
     const { datasource, enabledFieldNames, selectedViewIds: selectedView, isNewData, } = isModel ? bindMetadata : bindConnectMetadata;
     const { outParams } = connectorMethod;

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

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/tabs';
+import type { Except } from 'type-fest';
+import './style';
+export type TabsProps = CommonPropsType & Except<DataType, 'tabs'> & {
+    tabs: ReadonlyArray<DataType['tabs'][number] & {
+        name: string;
+    }>;
+    showType: 'h5' | 'pc';
+};
+export default function Tabs(props: TabsProps): JSX.Element;

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

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

package/dist/web/components/tabs/tabs.h5.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { TabsProps } from './index';
+export default function TabsH5({ tabs, selectedIndex, events, className, style, isMultipleSlot, ...restProps }: TabsProps): JSX.Element;

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

@@ -10,12 +10,17 @@ export default function TabsH5({ tabs = emptyArray, selectedIndex, events, class
     const [currentIndex, setCurrentIndex] = useSyncValue(typeof selectedIndex === 'string' ? parseInt(selectedIndex) : selectedIndex);
     const eventRef = useSyncedRef(events);
     useCustomCompareEffect(() => {
-        var _a, _b;
-        eventRef.current.change({
-            id: currentIndex,
-            label: (_a = tabs[currentIndex]) === null || _a === void 0 ? void 0 : _a.title,
-            value: (_b = tabs[currentIndex]) === null || _b === void 0 ? void 0 : _b.value,
-        });
+        // 延迟触发change事件，避免在slot未渲染完成时在事件中操作里面的组件方法
+        // eslint-disable-next-line rulesdir/no-timer
+        setTimeout(() => {
+            var _a, _b;
+            eventRef.current &&
+                eventRef.current.change({
+                    id: currentIndex,
+                    label: (_a = tabs[currentIndex]) === null || _a === void 0 ? void 0 : _a.title,
+                    value: (_b = tabs[currentIndex]) === null || _b === void 0 ? void 0 : _b.value,
+                });
+        }, 0);
     }, [currentIndex, tabs], isObjectEqual);
     return (_jsxs("div", { "data-testid": "tabs", className: classNames('weda-tabs weda-ui', {
             [className]: className,

package/dist/web/components/tabs/tabs.pc.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TabsProps } from './index';
+export default function TabsPc({ tabs, selectedIndex, events, className, style, isMultipleSlot, ...restProps }: TabsProps): JSX.Element;

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

@@ -22,13 +22,17 @@ export default function TabsPc({ tabs = emptyArray, selectedIndex, events, class
     }, [tabs]);
     const eventsRef = useSyncedRef(events);
     useCustomCompareEffect(() => {
-        var _a, _b, _c;
-        eventsRef.current &&
-            eventsRef.current.change({
-                id: (_a = _tabs[activeIndex]) === null || _a === void 0 ? void 0 : _a.id,
-                label: (_b = _tabs[activeIndex]) === null || _b === void 0 ? void 0 : _b.label,
-                value: (_c = _tabs[activeIndex]) === null || _c === void 0 ? void 0 : _c.value,
-            });
+        // 延迟触发change事件，避免在slot未渲染完成时在事件中操作里面的组件方法
+        // eslint-disable-next-line rulesdir/no-timer
+        setTimeout(() => {
+            var _a, _b, _c;
+            eventsRef.current &&
+                eventsRef.current.change({
+                    id: (_a = _tabs[activeIndex]) === null || _a === void 0 ? void 0 : _a.id,
+                    label: (_b = _tabs[activeIndex]) === null || _b === void 0 ? void 0 : _b.label,
+                    value: (_c = _tabs[activeIndex]) === null || _c === void 0 ? void 0 : _c.value,
+                });
+        }, 0);
     }, [activeIndex, _tabs], isObjectEqual);
     const onActive = (e) => {
         setActiveIndex(e.id);

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { DataType, EventsType } from '../../../configs/components/text';
+import type { CommonPropsType, unknownFunction } from '../../types';
+import './style';
+export type TextProps = CommonPropsType & DataType & EventsType & {
+    contenteditable: HTMLParagraphElement['contentEditable'];
+    onInput?: unknownFunction;
+    onBlur?: unknownFunction;
+};
+export default function Text({ text, maxLines, space, tips, userSelect, style, className, events, id, level, contenteditable, onInput, onBlur, }: TextProps): JSX.Element;

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

@@ -3,7 +3,7 @@ import * as React from 'react';
 import classNames from '../../utils/classnames';
 import { textToString } from '../../utils/platform';
 import './style';
-export default function Text({ text, maxLines, space, tips, userSelect, style, className, events, id, level, contenteditable, onInput, onBlur, }) {
+export default function Text({ text, maxLines = 2, space = false, tips = true, userSelect = true, style, className, events, id, level = '0', contenteditable, onInput, onBlur, }) {
     const textStyle = React.useMemo(() => ({
         WebkitLineClamp: maxLines,
         whiteSpace: space ? 'pre-wrap' : 'pre-line',

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

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

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

@@ -0,0 +1,4 @@
+/**
+ * 上传文件回显，传showType强制展示某端样式，否则根据平台自动判断
+ */
+export default function UploaderFileView(props: any): JSX.Element;

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

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

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+import './style';
+/**
+ * 图片上传-展示组件
+ */
+export default function UploaderView({ srcList, // 兼容 cloud:和https: 协议，兼容 字符串和字符串数组
+alt, gutter, height, width, events, isZoom, isEmptyPlace, className, id, style, }: PropsType): JSX.Element;
+export interface PropsType extends CommonPropsType {
+    srcList?: string[] | string;
+    alt?: string;
+    isZoom?: boolean;
+    gutter?: number;
+    height?: number;
+    width?: number;
+    isEmptyPlace?: boolean;
+}

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

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

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

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

package/dist/web/components/wd-bubble/index.d.ts

@@ -0,0 +1,3 @@
+import { WdBubble } from './wd-bubble';
+export { WdBubble, type WdBubbleProps } from './wd-bubble';
+export default WdBubble;

package/dist/web/components/wd-bubble/wd-bubble.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { CommonPropsType } from '../../types';
+import '../style';
+export declare const WdBubble: React.ForwardRefExoticComponent<WdBubbleProps & React.RefAttributes<unknown>>;
+export interface WdBubbleProps extends CommonPropsType {
+    trigger?: 'hover' | 'click';
+    placement?: 'left-start' | 'left' | 'left-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'right-end' | 'right' | 'right-start' | 'top-end' | 'top' | 'top-start' | 'auto-end' | 'auto' | 'auto-start';
+    promptTheme?: string;
+    arrowPointAtCenter?: boolean;
+    openDelay?: number;
+    closeDelay?: number;
+    bubbleContent?: React.ReactNode;
+    bubbleChildren?: React.ReactNode;
+}

package/dist/web/components/wd-bubble/wd-bubble.js

@@ -4,7 +4,8 @@ import { Bubble, ConfigProvider } from 'tea-component';
 import classNames from '../../utils/classnames';
 import { isInIde, usePlatform } from '../../utils/platform';
 import '../style';
-export const WdBubble = forwardRef(function WdBubble({ trigger, placement, promptTheme, arrowPointAtCenter, openDelay, closeDelay, bubbleContent, bubbleChildren, events, id, style, className, }, ref) {
+const defaultCloseDelay = 200;
+export const WdBubble = forwardRef(function WdBubble({ trigger = 'hover', placement = 'top', promptTheme = 'default', arrowPointAtCenter = false, openDelay = 0, closeDelay = defaultCloseDelay, bubbleContent, bubbleChildren, events, id, style, className, }, ref) {
     const platform = usePlatform();
     // Widget API，挂载组件只读属性和组件方法
     useImperativeHandle(ref, () => {

package/dist/web/components/wd-button/convert-legacy-props.d.ts

@@ -0,0 +1,7 @@
+import type { DataType } from '../../../configs/components/wd-button';
+interface IPropsValueMap {
+    size: Record<string, DataType['size']>;
+    theme: Record<string, DataType['theme']>;
+}
+export declare const convertLegacyProps: (key: keyof IPropsValueMap, prop: any) => string;
+export {};

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

@@ -0,0 +1,3 @@
+import { WdButton } from './wd-button';
+export { WdButton, type WdButtonProps } from './wd-button';
+export default WdButton;

package/dist/web/components/wd-button/wd-button.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { Except } from 'type-fest';
+import type { CommonPropsType, unknownFunction } from '../../types';
+import type { DataType } from '../../../configs/components/wd-button';
+import '../style';
+export declare const WdButton: React.ForwardRefExoticComponent<WdButtonProps & React.RefAttributes<unknown>>;
+export interface WdButtonProps extends CommonPropsType, Except<DataType, 'theme'> {
+    theme?: DataType['theme'] | 'wechat';
+    [handlers: `on${string}`]: unknownFunction;
+}

package/dist/web/components/wd-button/wd-button.js

@@ -11,7 +11,7 @@ import { WD_BUTTON_THEME, WD_BUTTON_VARIANT, WD_BUTTON_SIZE, WD_BUTTON_ICON_TYPE
 import { WdIcon } from '../index';
 import '../style';
 export const WdButton = forwardRef(function WdButton(props, ref) {
-    const { text, size: _size = 'md', theme: _theme = 'secondary', variant: _variant = 'base', iconType: _iconType = 'none', iconSource = 'inner', icon: _icon, iconSrc, iconPosition: _iconPosition = 'before', block, formType: _formType, disabled, events = emptyObject, className, style, id, loading, 
+    const { text, size: _size = 'md', theme: _theme = 'primary', variant: _variant = 'base', iconType: _iconType = 'none', iconSource = 'inner', icon: _icon, iconSrc, iconPosition: _iconPosition = 'before', block = false, formType: _formType = 'button', disabled = false, events = emptyObject, className, style, id, loading = false, 
     // 组件 widget 实例，后续可能会更改接口
     $node, openType, $widget, ...restProps } = props;
     const platform = usePlatform();

package/dist/web/components/wd-card/index.d.ts

@@ -0,0 +1,3 @@
+import { WdCard } from './wd-card';
+export { WdCard, type WdCardProps } from './wd-card';
+export default WdCard;

package/dist/web/components/wd-card/index.js

@@ -0,0 +1,3 @@
+import { WdCard } from './wd-card';
+export { WdCard } from './wd-card';
+export default WdCard;

package/dist/web/components/wd-card/wd-card.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wd-card';
+export interface WdCardProps extends CommonPropsType, DataType {
+}
+export declare const WdCard: React.ForwardRefExoticComponent<WdCardProps & React.RefAttributes<unknown>>;

package/dist/web/components/wd-card/wd-card.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle } from 'react';
+import { useConfig } from '../../utils/config-context';
+import { usePlatform } from '../../utils/platform';
+export const WdCard = forwardRef(function WdCard({ showHeader = true, showContent = true, showFooter = false, showDivider = true, headerSlot, contentSlot, footerSlot, events, style, className, }, ref) {
+    // 样式
+    const { classPrefix } = useConfig();
+    const platform = usePlatform();
+    const isH5 = platform === 'h5';
+    useImperativeHandle(ref, () => {
+        return { showHeader, showContent, showFooter, showDivider };
+    }, [showHeader, showContent, showFooter, showDivider]);
+    return (_jsxs("div", { className: `${isH5 ? `${classPrefix}-h5-card-root` : `${classPrefix}-pc-card-root`} ${classPrefix}-card-root ${showDivider ? classPrefix + '-card--bordered' : ''} ${className}`, "data-testid": "wd-card-test", onClick: (e) => events.tap({}, { originEvent: e }), style: style, children: [showHeader ? (_jsx("div", { className: `${classPrefix}-card__header`, "data-testid": "wd-card-header-test", children: _jsx("div", { className: `${classPrefix}-card__title`, children: headerSlot }) })) : null, showContent ? (_jsx("div", { className: `${classPrefix}-card__body`, "data-testid": "wd-card-body-test", children: contentSlot })) : null, showFooter ? (_jsx("div", { className: `${classPrefix}-card__footer`, "data-testid": "wd-card-footer-test", children: footerSlot })) : null] }));
+});

package/dist/web/components/wd-checkbox/checkbox.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wd-checkbox';
+export declare const WdCheckbox: ({ index, option, name, size, disabled, checkedItemValue, getChangeHandler, isAll, }: WdCheckboxProps) => JSX.Element;
+export interface WdCheckboxProps extends CommonPropsType, DataType {
+    option?: object;
+    index?: number;
+    checkedItemValue?: string[] | object;
+    getChangeHandler?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, val: any) => any;
+    disabled?: boolean;
+    isAll?: boolean;
+}

package/dist/web/components/wd-checkbox/checkbox.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import classNames from '../../utils/classnames';
 import { useConfig } from '../../utils/config-context';
 import getLocalCounter from '../../utils/getLocalCounter';
-export const WdCheckbox = ({ index, option, name, size, disabled, readOnly, checkedItemValue, getChangeHandler, isAll, }) => {
+export const WdCheckbox = ({ index, option, name, size, disabled, checkedItemValue, getChangeHandler, isAll, }) => {
     const { classPrefix } = useConfig();
     const { label, value: optionValue } = option;
     // 类名
@@ -26,9 +26,9 @@ export const WdCheckbox = ({ index, option, name, size, disabled, readOnly, chec
     const _id = `checkbox-${hashcode}-${index}`;
     const _name = `checkbox-${hashcode}-${name}`;
     const NUMBER_1 = 1;
-    return (_jsxs("div", { className: `${classPrefix}-checkbox-wrap ${classNames(classList)}  ${checkedItemValue[optionValue] ? 'is-checked' : ''}  ${isAll ? 'is-indeterminate' : ''} ${disabled || readOnly ? 'is-disabled' : ''} ${'checkbox' + (index + NUMBER_1)}`, "data-testid": "wd-checkbox-test", onClickCapture: (e) => {
+    return (_jsxs("div", { className: `${classPrefix}-checkbox-wrap ${classNames(classList)}  ${checkedItemValue[optionValue] ? 'is-checked' : ''}  ${isAll ? 'is-indeterminate' : ''} ${disabled ? 'is-disabled' : ''} ${'checkbox' + (index + NUMBER_1)}`, "data-testid": "wd-checkbox-test", onClickCapture: (e) => {
             e.stopPropagation();
             e.preventDefault();
             getChangeHandler(e, optionValue);
-        }, children: [_jsx("input", { className: `${classPrefix}-checkbox-input `, type: "checkbox", id: _id, name: _name, value: optionValue, disabled: disabled || readOnly, checked: !!checkedItemValue[optionValue], onChange: (e) => e.stopPropagation() }), _jsx("span", { className: `${classPrefix}-checkbox-inner ` }), label && (_jsx("span", { className: `${classPrefix}-checkbox-label`, children: label }))] }, _id));
+        }, children: [_jsx("input", { className: `${classPrefix}-checkbox-input `, type: "checkbox", id: _id, name: _name, value: optionValue, disabled: disabled, checked: !!checkedItemValue[optionValue], onChange: (e) => e.stopPropagation() }), _jsx("span", { className: `${classPrefix}-checkbox-inner ` }), label && (_jsx("span", { className: `${classPrefix}-checkbox-label`, children: label }))] }, _id));
 };

package/dist/web/components/wd-checkbox/index.d.ts

@@ -0,0 +1,3 @@
+import { WdCheckbox } from './checkbox';
+export { WdCheckbox, type WdCheckboxProps } from './checkbox';
+export default WdCheckbox;

package/dist/web/components/wd-checkbox-list/checkboxList.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wd-checkbox';
+export declare const WdCheckboxList: React.ForwardRefExoticComponent<WdCheckboxListProps & React.RefAttributes<any>>;
+export interface WdCheckboxListProps extends CommonPropsType, DataType {
+    range: {
+        label: string;
+        value: any;
+        [key: string]: any;
+    }[];
+}

package/dist/web/components/wd-checkbox-list/checkboxList.js

@@ -15,6 +15,7 @@ import { useSize } from '../../utils/hooks/useFormLegacy';
 export const WdCheckboxList = React.forwardRef(function WdCheckboxList(props, inputRef) {
     const { range: propRange, direction, events = emptyObject, format = '', enumName = '', label, } = props;
     const [innerHandle, setInnerHandle] = React.useState({}); // hook里挂出的属性
+    const [readValue, setReadValue] = React.useState('-'); // 只读的显示
     const size = useSize(props);
     const platform = usePlatform();
     const { classPrefix } = useConfig();
@@ -49,7 +50,19 @@ export const WdCheckboxList = React.forwardRef(function WdCheckboxList(props, in
     };
     React.useEffect(() => {
         setCheckedItemValue(fromEntries(options.map(({ value, checked }) => [value, !!checked])));
-    }, [options]);
+        const tempLabel = [];
+        options.forEach(({ label, checked }) => {
+            if (checked) {
+                tempLabel.push(label);
+            }
+        });
+        if (readOnly && tempLabel.length > 0) {
+            setReadValue(tempLabel.join('，'));
+        }
+        else {
+            setReadValue('-');
+        }
+    }, [options, readOnly]);
     React.useEffect(() => {
         if (format !== 'x-enum') {
             const opts = propRange &&
@@ -72,6 +85,15 @@ export const WdCheckboxList = React.forwardRef(function WdCheckboxList(props, in
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
+    const getSelectedLabel = (options) => {
+        const tempLabel = [];
+        options.forEach(({ label, checked }) => {
+            if (checked) {
+                tempLabel.push(label);
+            }
+        });
+        return tempLabel;
+    };
     React.useImperativeHandle(inputRef, () => ({
         ...innerHandle,
         name,
@@ -81,7 +103,18 @@ export const WdCheckboxList = React.forwardRef(function WdCheckboxList(props, in
         visible,
         disabled,
         readOnly,
-    }), [innerHandle, name, value, label, required, visible, disabled, readOnly]);
+        selectedLabel: getSelectedLabel(options),
+    }), [
+        innerHandle,
+        name,
+        value,
+        label,
+        required,
+        visible,
+        disabled,
+        readOnly,
+        options,
+    ]);
     const fetchData = async (param) => {
         var _a, _b, _c;
         const data = await callWedaApi({
@@ -134,7 +167,7 @@ export const WdCheckboxList = React.forwardRef(function WdCheckboxList(props, in
         }
         return size;
     };
-    return (visible && (_jsx(WdFormItem, { ...props, testId: "form-checkbox-list", validateErrorMsg: validateErrorMsg, validateState: validateState, readValue: defaultValue, disabled: disabled, classRoot: 'checkbox', size: labelSize(), layout: layout, children: _jsx("div", { className: classNames(classList), children: options === null || options === void 0 ? void 0 : options.map((Item, index) => {
-                return (_createElement(WdCheckbox, { ...props, size: ['h5'].includes(platform) ? 'lg' : props === null || props === void 0 ? void 0 : props.size, key: index, index: index, option: Item, disabled: disabled, readOnly: readOnly, getChangeHandler: getChangeHandler, checkedItemValue: checkedItemValue }));
+    return (visible && (_jsx(WdFormItem, { ...props, testId: "form-checkbox-list", validateErrorMsg: validateErrorMsg, validateState: validateState, readValue: readValue, disabled: disabled, readOnly: readOnly, classRoot: 'checkbox', size: labelSize(), layout: layout, children: _jsx("div", { className: classNames(classList), children: options === null || options === void 0 ? void 0 : options.map((Item, index) => {
+                return (_createElement(WdCheckbox, { ...props, size: ['h5'].includes(platform) ? 'lg' : props === null || props === void 0 ? void 0 : props.size, key: index, index: index, option: Item, disabled: disabled, getChangeHandler: getChangeHandler, checkedItemValue: checkedItemValue }));
             }) }) })));
 });

package/dist/web/components/wd-checkbox-list/index.d.ts

@@ -0,0 +1,3 @@
+import { WdCheckboxList } from './checkboxList';
+export { WdCheckboxList, type WdCheckboxListProps } from './checkboxList';
+export default WdCheckboxList;

package/dist/web/components/wd-config-provider/index.d.ts

@@ -0,0 +1 @@
+export { ConfigProvider, type ConfigProviderProps } from './wd-config-provider';

package/dist/web/components/wd-config-provider/wd-config-context.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const DEFAULT_CLASS_PREFIX: string;
+export interface Config {
+    /**
+     * 组件类名前缀
+     *
+     * @default "wd"
+     */
+    classPrefix?: string;
+}
+export declare const WdConfigContext: import("react").Context<Config>;

package/dist/web/components/wd-config-provider/wd-config-provider.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Config } from './wd-config-context';
+export interface ConfigProviderProps extends Config {
+    children: React.ReactNode;
+}
+export declare function ConfigProvider({ children, ...configProps }: ConfigProviderProps): JSX.Element;

package/dist/web/components/wd-date/elements/Calendar.h5.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { IDatePickerOptions } from './interface';
+/**
+ * h5端 年月日-日历选择格式
+ */
+export declare function Calendar(props: IDatePickerOptions): JSX.Element;

package/dist/web/components/wd-date/elements/Calendar.h5.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useMemo } from 'react';
+import { useConfig } from '../../../utils/config-context';
+import { convertYearMonthToWeeks, convertDateItemToValue, getFullDay, convertValueToDateItem, getYMD, useDateValue, } from '../../../utils/hooks/useFormLegacy';
+import { useSyncValue } from '../../../utils/hooks/useSyncValue';
+import classNames from '../../../utils/classnames';
+import equal from '../../../utils/isObjectEqual';
+import { YearMonthPicker } from './YearMonthPicker.h5';
+import { noop } from '../../../utils/constant';
+const WEEKS = ['日', '一', '二', '三', '四', '五', '六'];
+const ONE = 1;
+/**
+ * h5端 年月日-日历选择格式
+ */
+export function Calendar(props) {
+    const { start, end, onChange = noop } = props;
+    const { classPrefix } = useConfig();
+    const [showMode, setShowMode] = useState('day'); // 切换模式
+    const _value = useDateValue({ ...props, mode: 'day' });
+    const [value, setValue] = useSyncValue(_value); // 更改年月日（最终值）
+    const defaultDateItem = useMemo(() => convertValueToDateItem(value), [value]);
+    const [dateItem, setDateItem] = useSyncValue(defaultDateItem, equal); // 更改年月
+    const dateItemValue = useMemo(() => convertDateItemToValue(dateItem), [dateItem]);
+    const weeks = useMemo(() => convertYearMonthToWeeks(dateItem.year, dateItem.month, [start, end]), [dateItem.year, dateItem.month, start, end]); // 日历数组
+    const yearMonthDisplay = `${dateItem.year} 年 ${getFullDay(dateItem.month + ONE)} 月`;
+    const yearMonthCls = classNames(`${classPrefix}-custom-calendar-op__select`, {
+        'is-active': showMode === 'month',
+    });
+    const opStyle = showMode === 'month' ? { visibility: 'hidden' } : {};
+    // 切换模式
+    const handleClickMode = () => setShowMode((d) => (d === 'day' ? 'month' : 'day'));
+    // 切换月
+    const handleSelectMonth = (month) => {
+        const value = convertDateItemToValue({ ...dateItem, month });
+        const item = convertValueToDateItem(value);
+        setDateItem(item);
+    };
+    // 切换年月
+    const handleSelectYearMonth = (v) => {
+        const item = convertValueToDateItem(v);
+        setDateItem(item);
+    };
+    // 选中日期
+    const handleSelectDay = (item) => {
+        if ((item === null || item === void 0 ? void 0 : item.disabled) ||
+            convertDateItemToValue(item) === convertDateItemToValue(dateItem)) {
+            return;
+        }
+        const value = convertDateItemToValue({ ...dateItem, day: item.day });
+        setValue(value);
+        onChange(value);
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${classPrefix}-custom-calendar-op`, children: [_jsx("div", { className: `${classPrefix}-custom-calendar-op__start`, children: _jsxs("span", { className: yearMonthCls, onClick: handleClickMode, children: [yearMonthDisplay, _jsx("i", { className: `${classPrefix}-icon-arrow-right` })] }) }), _jsxs("div", { className: `${classPrefix}-custom-calendar-op__end`, style: opStyle, children: [_jsx("span", { "data-testid": "pre-calendar-page", className: `${classPrefix}-icon-turn-pre`, onClick: () => handleSelectMonth(dateItem.month - ONE) }), _jsx("span", { "data-testid": "next-calendar-page", className: `${classPrefix}-icon-turn-next`, onClick: () => handleSelectMonth(dateItem.month + ONE) })] })] }), _jsxs("div", { className: `${classPrefix}-custom-picker__box${showMode === 'day' ? '' : '--month'}`, children: [showMode === 'day' && (_jsxs("div", { className: `${classPrefix}-custom-calendar`, children: [_jsx("div", { className: `${classPrefix}-custom-calendar__weeks`, children: WEEKS.map((d) => (_jsx("span", { className: `${classPrefix}-custom-calendar__weeks-item`, children: d }, d))) }), _jsx("div", { className: `${classPrefix}-custom-calendar__days`, children: weeks.map((week, index) => {
+                                    return (_jsx("div", { className: `${classPrefix}-custom-calendar__days-row`, children: week.map((item, index) => {
+                                            return (_jsx("span", { className: classNames(`${classPrefix}-custom-calendar__days-item`, {
+                                                    'is-current': getYMD(item) === getYMD(defaultDateItem),
+                                                    'no-select': item.disabled,
+                                                }), onClick: () => {
+                                                    handleSelectDay(item);
+                                                }, children: item.day }, index));
+                                        }) }, index));
+                                }) })] })), showMode === 'month' && (_jsx(YearMonthPicker, { ...props, value: dateItemValue, onChange: handleSelectYearMonth }))] })] }));
+}

package/dist/web/components/wd-date/elements/DatePicker.h5.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { IDatePicker } from './interface';
+/**
+ * 年-月-日 时:分:秒 选择器
+ */
+export declare function DatePicker(props?: IDatePicker): JSX.Element;

package/dist/web/components/wd-date/elements/DatePicker.h5.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useMemo } from 'react';
+import { convertMoment, useDateValue, } from '../../../utils/hooks/useFormLegacy';
+import { Portal } from '../../common/portal';
+import { noop } from '../../../utils/constant';
+import { useSyncValue } from '../../../utils/hooks/useSyncValue';
+import { Calendar } from './Calendar.h5';
+import { TimePicker } from './TimePicker.h5';
+import { YearPicker } from './YearPicker.h5';
+import { YearMonthPicker } from './YearMonthPicker.h5';
+import { useConfig } from '../../../utils/config-context';
+import { getDayNow } from '../../../utils/moment';
+/**
+ * 年-月-日 时:分:秒 选择器
+ */
+export function DatePicker(props) {
+    const { mode, onOk = noop, onClose = noop } = props;
+    const nowDate = useMemo(() => getDayNow(mode), [mode]);
+    const _value = useDateValue(props);
+    const [value, setValue] = useSyncValue(_value);
+    const [dateOrTime, setDateOrTime] = useState('date');
+    const [_key, _setKey] = useState(0); // 切换到日期时强制刷新
+    const { classPrefix } = useConfig();
+    const timeFormat = mode === 'datetimeMinute' ? 'HH:mm' : 'HH:mm:ss';
+    const m = useMemo(() => convertMoment(value), [value]) || nowDate;
+    const dateTimeDisplay = {
+        date: m === null || m === void 0 ? void 0 : m.format('YYYY-MM-DD'),
+        time: m === null || m === void 0 ? void 0 : m.format(timeFormat),
+    };
+    const handleOk = () => {
+        onOk(value);
+    };
+    const handleChange = (v) => {
+        setValue(v);
+    };
+    return (_jsx(Portal, { type: "div", children: _jsxs("div", { className: `${classPrefix}-custom-picker`, children: [_jsx("div", { className: `${classPrefix}-custom-backdrop`, onClick: onClose }), _jsxs("div", { className: `${classPrefix}-custom-picker__inner`, children: [_jsxs("div", { className: `${classPrefix}-custom-picker__header`, children: [_jsx("div", { className: `${classPrefix}-custom-picker__header-cancle`, onClick: onClose, children: "\u53D6\u6D88" }), _jsx("div", { className: `${classPrefix}-custom-picker__header-confirm`, onClick: handleOk, children: "\u786E\u5B9A" })] }), _jsxs("div", { className: `${classPrefix}-custom-picker__body`, children: [['datetime', 'datetimeMinute'].includes(mode) && (_jsxs(_Fragment, { children: [_jsx("div", { className: `${classPrefix}-custom-picker__select`, children: ['date', 'time'].map((d) => (_jsx("span", { className: `${classPrefix}-custom-picker__select-item ${dateOrTime === d ? 'is-current' : ''}`, onClick: () => {
+                                                    setDateOrTime(d);
+                                                    _setKey((d) => d + 1); // eslint-disable-line @typescript-eslint/no-magic-numbers
+                                                }, children: dateTimeDisplay[d] }, d))) }), dateOrTime === 'date' && (_jsx("div", { className: `${classPrefix}-custom-picker__select-date`, children: _jsx(Calendar, { ...props, value: value, onChange: handleChange }, _key) })), dateOrTime === 'time' && (_jsx("div", { className: `${classPrefix}-custom-picker__select-time`, children: _jsx(TimePicker, { ...props, value: value, onChange: handleChange }) }))] })), mode === 'year' && (_jsx(YearPicker, { ...props, value: value, onChange: handleChange })), mode === 'month' && (_jsx(YearMonthPicker, { ...props, value: value, onChange: handleChange })), mode === 'day' && (_jsx(Calendar, { ...props, value: value, onChange: handleChange }, _key))] })] })] }) }));
+}