@cloudbase/weda-ui 3.5.3 → 3.6.0

package/dist/web/components/wd-menu-list/wd-menu-list.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { CommonMenuList } from './CommonMenuList';
+import { HorizontalMenuList } from './HorizontalMenuList';
+import { usePlatform } from '../../utils/platform';
+export const WdMenuList = forwardRef(function WdMenuList(props, ref) {
+    const platform = usePlatform();
+    const type = platform === 'h5' ? 'h5' : props.template;
+    if (type === 'horizontal') {
+        return _jsx(HorizontalMenuList, { ...props, ref: ref });
+    }
+    return _jsx(CommonMenuList, { ...props, ref: ref });
+});

package/dist/web/components/wd-menu-nav-layout/index.d.ts

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

package/dist/web/components/wd-menu-nav-layout/index.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from '../../utils/classnames';
+export default function WdMenuNavLayout({ children, className, style, id, }) {
+    return (_jsx("div", { role: "container", id: id, style: style, className: classNames({ 'weda-ui': true, [className]: className }), children: children }));
+}

package/dist/web/components/wd-menu-plant-layout/index.d.ts

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

package/dist/web/components/wd-menu-plant-layout/index.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from '../../utils/classnames';
+export default function WdMenuPlantLayout({ children, className, style, id, }) {
+    return (_jsx("div", { role: "container", id: id, style: style, className: classNames({ 'weda-ui': true, [className]: className }), children: children }));
+}

package/dist/web/components/wd-menu-tab-layout/index.d.ts

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

package/dist/web/components/wd-menu-tab-layout/index.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from '../../utils/classnames';
+export default function WdMenuTabLayout({ children, className, style, id, }) {
+    return (_jsx("div", { role: "container", id: id, style: style, className: classNames({ 'weda-ui': true, [className]: className }), children: children }));
+}

package/dist/web/components/wd-menu-vertical-layout/index.d.ts

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

package/dist/web/components/wd-menu-vertical-layout/index.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from '../../utils/classnames';
+export default function WdMenuVerticalLayout({ children, className, style, id, }) {
+    return (_jsx("div", { role: "container", id: id, style: style, className: classNames({ 'weda-ui': true, [className]: className }), children: children }));
+}

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

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-magic-numbers */
 import { forwardRef, useImperativeHandle, useEffect, useState, useCallback, } from 'react';
 import classNames from '../../utils/classnames';
 import { useConfig } from '../../utils/config-context';
 import { usePlatform } from '../../utils/platform';
 let timer = null;
-const MAKS_SHOW_TIME = 200;
-const ESC_KEYBORD_NUM = 27;
+const MASK_SHOW_TIME = 200;
+const ESC_KEYBOARD_NUM = 27;
 export const WdModal = forwardRef(function WdModal(props, ref) {
     const { className = '', style, id } = props;
     const platform = usePlatform();
@@ -39,16 +40,16 @@ export const WdModal = forwardRef(function WdModal(props, ref) {
     const dealShow = (isOpen) => {
         setIsBdShow(isOpen);
         setIsMaskShow(!isOpen);
+        timer && clearTimeout(timer);
         if (isOpen) {
             setMaskPreToShow(true);
         }
         else {
             // 延迟控制遮罩层消失，为了动画效果
-            timer && clearTimeout(timer);
             // eslint-disable-next-line rulesdir/no-timer
             timer = setTimeout(() => {
                 setMaskPreToShow(false);
-            }, MAKS_SHOW_TIME);
+            }, MASK_SHOW_TIME);
         }
     };
     /**
@@ -64,16 +65,19 @@ export const WdModal = forwardRef(function WdModal(props, ref) {
      * 开启弹窗
      */
     const open = useCallback((params) => {
-        var _a;
-        dealShow(true);
         setOpenInfo((params === null || params === void 0 ? void 0 : params.info) || params);
-        (_a = props.events) === null || _a === void 0 ? void 0 : _a.open(params);
+        // eslint-disable-next-line rulesdir/no-timer
+        setTimeout(() => {
+            var _a;
+            dealShow(true);
+            (_a = props.events) === null || _a === void 0 ? void 0 : _a.open(params);
+        }, 500);
     }, [props.events]);
     /**
      * 按下ESC判断是否关闭弹窗
      */
     const escKeyDown = useCallback((e) => {
-        if (e.keyCode !== ESC_KEYBORD_NUM)
+        if (e.keyCode !== ESC_KEYBOARD_NUM)
             return;
         close();
     }, [close]);
@@ -108,6 +112,22 @@ export const WdModal = forwardRef(function WdModal(props, ref) {
             [`${classPrefix}-modal-bd__toggle`]: isBdShow,
             [`${classPrefix}-modal-bd__box`]: !props.defaultMaskShow && positionInner === 'center',
         };
+        const styleList = {
+            width: {
+                center_h5: 'calc(100% - 4.57rem)',
+                bottom_h5: '100%',
+            }[`${positionInner || 'bottom'}_${platform}`],
+            minWidth: {
+                center_pc: !(style === null || style === void 0 ? void 0 : style.width) ? '680px' : 'auto',
+            }[`${positionInner || 'bottom'}_${platform}`],
+        };
+        if (props.template === 'activity' &&
+            platform === 'pc' &&
+            positionInner === 'center') {
+            styleList.width = '312px';
+            delete styleList.minWidth;
+        }
+        const headerFooterStlye = props.template === 'activity' ? { background: 'transparent' } : {};
         return (_jsxs(_Fragment, { children: [_jsx("div", { className: classNames(modalMaskClasses), onClick: () => {
                         if (props.closeType.includes('mask')) {
                             close();
@@ -116,16 +136,14 @@ export const WdModal = forwardRef(function WdModal(props, ref) {
                         if (props.closeType.includes('mask')) {
                             close();
                         }
-                    }, children: _jsxs("div", { style: {
-                            width: {
-                                center_h5: 'calc(100% - 4.57rem)',
-                                bottom_h5: '100%',
-                                center_pc: !(style === null || style === void 0 ? void 0 : style.width) ? '680px' : 'auto',
-                            }[`${positionInner}_${platform}`],
-                            ...style,
-                        }, className: classNames(modalBdClasses), onClick: (e) => {
+                    }, children: _jsxs("div", { style: { ...styleList, ...style }, className: classNames(modalBdClasses), onClick: (e) => {
                             e.stopPropagation();
-                        }, children: [_jsx("div", { className: `${classPrefix}-modal-bd__hd`, children: props.headerSlot }), _jsx("div", { className: `${classPrefix}-modal-bd__main`, children: props.contentSlot }), _jsx("div", { className: `${classPrefix}-modal-bd__ft`, children: props.footerSlot })] }) })] }));
+                        }, children: [_jsx("div", { className: `${classPrefix}-modal-bd__hd`, style: headerFooterStlye, children: props.headerSlot }), _jsx("div", { className: `${classPrefix}-modal-bd__main`, children: props.contentSlot }), _jsx("div", { className: `${classPrefix}-modal-bd__ft ${['confirm', 'notice'].includes(props.template) &&
+                                    platform === 'h5'
+                                    ? `${classPrefix}-modal-bd__ft-text-btn`
+                                    : ''} ${props.template === 'notice' && platform === 'h5'
+                                    ? `${classPrefix}-modal-bd__ft-text-btn--vertical`
+                                    : ''}`, style: headerFooterStlye, children: props.footerSlot })] }) })] }));
     };
     return (_jsx("div", { id: id, className: classNames(classes, className), style: { display: (style === null || style === void 0 ? void 0 : style.display) || 'block' }, "data-testid": "wd-modal-test", children: maskPreToShow && renderNode() }));
 });

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

@@ -0,0 +1,3 @@
+import { WdProgress } from './wd-progress';
+export { type WdProgressProps, WdProgress } from './wd-progress';
+export default WdProgress;

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

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

package/dist/web/components/wd-progress/util.d.ts

@@ -0,0 +1,16 @@
+interface ICalculatePercentByValueAndBoundary {
+    value: number;
+    min: number;
+    max: number;
+}
+export declare function calculatePercentByValueAndBoundary({ value, min, max, }: ICalculatePercentByValueAndBoundary): number;
+interface ICalculateNextValue {
+    axisLowerBound: number;
+    axisHigherBound: number;
+    coordinate: number;
+    min: number;
+    max: number;
+    step: number;
+}
+export declare function calculateNextValue({ axisLowerBound, axisHigherBound, coordinate, min, max, step, }: ICalculateNextValue): number;
+export {};

package/dist/web/components/wd-progress/util.js

@@ -0,0 +1,42 @@
+export function calculatePercentByValueAndBoundary({ value, min, max, }) {
+    let result = (value - min) / (max - min);
+    if (result < 0 || isNaN(result)) {
+        result = 0;
+    }
+    if (result > 1) {
+        result = 1;
+    }
+    result *= 100;
+    return result;
+}
+function calculateNewValueInRange({ percentInRange, range, step, }) {
+    const gridCount = Math.floor(range / step);
+    const initVal = (percentInRange / 100) * range;
+    const initValCoveredGridCount = Math.floor(initVal / step);
+    const currentGridWidth = initValCoveredGridCount === gridCount ? range % step : step;
+    const halfCurrentGridWidth = currentGridWidth / 2;
+    const rest = initVal % step;
+    const result = initValCoveredGridCount * step +
+        (rest < halfCurrentGridWidth ? 0 : currentGridWidth);
+    return result;
+}
+export function calculateNextValue({ axisLowerBound, axisHigherBound, coordinate, min, max, step, }) {
+    const resultPercent = calculatePercentByValueAndBoundary({
+        value: coordinate,
+        min: axisLowerBound,
+        max: axisHigherBound,
+    });
+    const resultUnCut = calculateNewValueInRange({
+        percentInRange: resultPercent,
+        range: max - min,
+        step,
+    }) + min;
+    // cut with precision
+    const maxPrecision = Math.max(...[step, max, min].map(getPrecision));
+    const result = Number(resultUnCut.toFixed(maxPrecision));
+    return result;
+}
+function getPrecision(val) {
+    var _a, _b;
+    return (_b = (_a = val.toString().split('.')[1]) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+}

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wd-progress';
+import '../style';
+export interface WdProgressProps extends CommonPropsType, DataType {
+}
+export declare const WdProgress: React.ForwardRefExoticComponent<WdProgressProps & React.RefAttributes<any>>;

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

@@ -0,0 +1,127 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-magic-numbers */
+import * as React from 'react';
+import { WdFormItem } from '../wd-form-item';
+import { useConfig } from '../../utils/config-context';
+import { usePlatform } from '../../utils/platform';
+import { useFormInputTrait } from '../form-input-hooks';
+import { classNames } from '../flow/common';
+import '../style';
+import { useSyncValue } from '../../utils/hooks/useSyncValue';
+import { useSetWidgetApi } from '../../utils/widget-api/use-set-widget-api';
+import { calculateNextValue, calculatePercentByValueAndBoundary } from './util';
+export const WdProgress = React.forwardRef(function FormProgress(props, inputRef) {
+    const { className, id, events, style, name, label, min = 0, max = 100, step = 1, } = props;
+    const [innerHandle, setInnerHandle] = React.useState({});
+    const traitProps = { ...props, inputRef, setInnerHandle };
+    const { onChange: outerOnChange, disabled, readOnly, validateErrorMsg, validateState, visible, value: defaultValue, } = useFormInputTrait(traitProps);
+    const [value, setValue] = useSyncValue(defaultValue);
+    const percent = calculatePercentByValueAndBoundary({ value, min, max });
+    const { classPrefix } = useConfig();
+    const platform = usePlatform();
+    useSetWidgetApi(() => ({
+        ...innerHandle,
+        name,
+        value,
+        min,
+        max,
+        step,
+        label,
+        visible,
+        disabled,
+        readOnly,
+    }), [
+        innerHandle,
+        name,
+        value,
+        label,
+        visible,
+        disabled,
+        readOnly,
+        min,
+        max,
+        step,
+    ], inputRef);
+    const active = !(readOnly || disabled);
+    const progressRef = React.useRef(null);
+    const dragging = React.useRef(false);
+    const handlePercentWithClientX = React.useCallback((clientX) => {
+        var _a, _b;
+        const rect = (_a = progressRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        if (!rect) {
+            return;
+        }
+        const result = calculateNextValue({
+            axisLowerBound: rect.left,
+            axisHigherBound: rect.right,
+            coordinate: clientX,
+            min,
+            max,
+            step,
+        });
+        setValue(result);
+        outerOnChange === null || outerOnChange === void 0 ? void 0 : outerOnChange(result);
+        (_b = events.change) === null || _b === void 0 ? void 0 : _b.call(events, { value: result });
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [events.change, max, min, step, outerOnChange]);
+    const onMouseDown = React.useCallback((e) => {
+        dragging.current = true;
+        handlePercentWithClientX(e.clientX);
+    }, [handlePercentWithClientX]);
+    const onMouseMove = React.useCallback((e) => {
+        if (!dragging.current) {
+            return;
+        }
+        handlePercentWithClientX(e.clientX);
+    }, [handlePercentWithClientX]);
+    const onTouchStart = React.useCallback((e) => {
+        var _a;
+        dragging.current = true;
+        const clientX = (_a = e.touches[0]) === null || _a === void 0 ? void 0 : _a.clientX;
+        if (typeof clientX !== 'number') {
+            return;
+        }
+        handlePercentWithClientX(clientX);
+    }, [handlePercentWithClientX]);
+    const onTouchMove = React.useCallback((e) => {
+        var _a;
+        if (!dragging.current) {
+            return;
+        }
+        const clientX = (_a = e.touches[0]) === null || _a === void 0 ? void 0 : _a.clientX;
+        if (typeof clientX !== 'number') {
+            return;
+        }
+        handlePercentWithClientX(clientX);
+    }, [handlePercentWithClientX]);
+    const cancelDragging = React.useCallback(() => (dragging.current = false), []);
+    React.useEffect(() => {
+        if (!active) {
+            return;
+        }
+        const progress = progressRef.current;
+        progress.addEventListener('mousedown', onMouseDown);
+        progress.addEventListener('touchstart', onTouchStart);
+        return () => {
+            progress.removeEventListener('mousedown', onMouseDown);
+            progress.removeEventListener('touchstart', onTouchStart);
+        };
+    }, [events.change, onMouseDown, onTouchStart, active]);
+    React.useEffect(() => {
+        if (!active) {
+            return;
+        }
+        document.addEventListener('mouseup', cancelDragging);
+        document.addEventListener('mousemove', onMouseMove);
+        document.addEventListener('touchend', cancelDragging);
+        document.addEventListener('touchmove', onTouchMove);
+        return () => {
+            document.removeEventListener('mouseup', cancelDragging);
+            document.removeEventListener('mousemove', onMouseMove);
+            document.removeEventListener('touchend', cancelDragging);
+            document.removeEventListener('touchmove', onTouchMove);
+        };
+    }, [cancelDragging, onMouseMove, onTouchMove, active]);
+    return (visible && (_jsx(WdFormItem, { ...props, testId: "form-progress", validateErrorMsg: validateErrorMsg, validateState: validateState, readValue: value, classRoot: 'progress', disabled: disabled, layout: props.layout, children: _jsx("div", { id: id, className: classNames(`${classPrefix}-${platform}-progress-container`, `${classPrefix}-progress-container`, className), style: style, "data-testid": "progress-container", children: _jsx("div", { ref: progressRef, className: `${classPrefix}-progress`, children: _jsx("div", { className: `${classPrefix}-progress__value`, style: { width: `${percent}%` } }) }) }) })));
+});

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CommonPropsType } from '../../types';
 import type { DataType } from '../../../configs/components/wd-radio';
 export declare const WdRadio: ({ index, option, name, size, disabled, checkedItemValue, getChangeHandler, }: WdRadioProps) => JSX.Element;

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

@@ -26,5 +26,5 @@ export const WdRadio = ({ index, option, name, size, disabled, checkedItemValue,
     const _id = `radio-${hashcode}-${index}`;
     const _name = `radio-${hashcode}-${name}`;
     const NUMBER_1 = 1;
-    return (_jsxs("label", { className: `${classPrefix}-radio-wrap ${classNames(classList)} ${`${checkedItemValue}` === `${optionValue}` ? 'is-checked' : ''} ${disabled ? 'is-disabled' : ''} ${'radio' + (index + NUMBER_1)}`, onClick: getChangeHandler(optionValue), children: [_jsx("input", { className: `${classPrefix}-radio-input `, id: _id, name: _name, type: "radio", value: optionValue, disabled: disabled, checked: `${checkedItemValue}` === `${optionValue}`, onChange: (e) => e.stopPropagation(), onClick: (e) => e.stopPropagation() }), _jsx("span", { className: `${classPrefix}-radio-inner ` }), label && _jsx("span", { className: `${classPrefix}-radio-label`, children: label })] }));
+    return (_jsxs("label", { className: `${classPrefix}-radio-wrap ${classNames(classList)} ${`${checkedItemValue}` === `${optionValue}` ? 'is-checked' : ''} ${disabled ? 'is-disabled' : ''} ${'radio' + (index + NUMBER_1)}`, onClick: !disabled && getChangeHandler(optionValue), children: [_jsx("input", { className: `${classPrefix}-radio-input `, id: _id, name: _name, type: "radio", value: optionValue, disabled: disabled, checked: `${checkedItemValue}` === `${optionValue}`, onChange: (e) => e.stopPropagation(), onClick: (e) => e.stopPropagation() }), _jsx("span", { className: `${classPrefix}-radio-inner ` }), label && _jsx("span", { className: `${classPrefix}-radio-label`, children: label })] }));
 };

package/dist/web/components/wd-radio-list/wd-radio-list.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useMemo } from 'react';
 import classNames from '../../utils/classnames';
 import { useConfig } from '../../utils/config-context';
 import { WdRadio } from '../index';
@@ -11,14 +11,22 @@ import { useSize } from '../../utils/hooks/useFormLegacy';
 import { useFormInputTrait } from '../form-input-hooks';
 import { callWedaApi } from '../../utils/tcb';
 import destr from 'destr';
+import { useSetWidgetApi } from '../../utils/widget-api/use-set-widget-api';
+import { useDelayEvents } from '../../utils/hooks/use-delay-events';
+import { useSelected } from '../../utils/hooks/use-selected';
+import { isObjHasProp } from '../../utils/tool';
 export const WdRadioList = React.forwardRef(function WdRadioList(props, inputRef) {
     var _a;
-    const { range, direction, events = emptyObject, format = '', enumName = '', label, } = props;
+    const { range: rawRange, direction, events = emptyObject, format = '', enumName = '', label, layout, } = props;
+    const range = useMemo(() => {
+        const list = Array.isArray(rawRange) ? rawRange : [];
+        return list.filter((item) => isObjHasProp(item, 'value'));
+    }, [rawRange]);
     const size = useSize(props);
     const [innerHandle, setInnerHandle] = React.useState({}); // hook里挂出的属性
     /** 兼容从 Form 获取属性，必须引入，自动挂载组件方法 */
     const traitProps = { ...props, inputRef, setInnerHandle };
-    const { value: defaultValue, onChange: outerOnChange, disabled, readOnly, validateErrorMsg, validateState, visible, name, value, required, layout, } = useFormInputTrait(traitProps);
+    const { value: defaultValue, onChange: outerOnChange, disabled, readOnly, validateErrorMsg, validateState, visible, name, value, required, } = useFormInputTrait(traitProps);
     const [options, setOptions] = React.useState(format === 'x-enum' ? [] : range);
     const [checkedItemValue, setCheckedItemValue] = useState(defaultValue);
     const { classPrefix } = useConfig();
@@ -28,6 +36,7 @@ export const WdRadioList = React.forwardRef(function WdRadioList(props, inputRef
     const classList = [compClassName];
     ['inline'].includes(direction) &&
         classList.push(`${classPrefix}-radio-group--inner  `);
+    const delayEvents = useDelayEvents(events);
     /**
      * 在ios h5端, label和input的绑定不生效
      * 导致 onChange 事件触发有问题, 所以改为监听 onClick 事件
@@ -40,12 +49,12 @@ export const WdRadioList = React.forwardRef(function WdRadioList(props, inputRef
                 if (checkedItemValue && `${checkedItemValue}` === `${value}`) {
                     setCheckedItemValue('');
                     outerOnChange === null || outerOnChange === void 0 ? void 0 : outerOnChange('');
-                    (_a = events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: '' }, { originEvent: e });
+                    (_a = delayEvents.change) === null || _a === void 0 ? void 0 : _a.call(delayEvents, { value: '' }, { originEvent: e });
                 }
                 else {
                     setCheckedItemValue(value);
                     outerOnChange === null || outerOnChange === void 0 ? void 0 : outerOnChange(value);
-                    (_b = events.change) === null || _b === void 0 ? void 0 : _b.call(events, { value }, { originEvent: e });
+                    (_b = delayEvents.change) === null || _b === void 0 ? void 0 : _b.call(delayEvents, { value }, { originEvent: e });
                 }
             }
         };
@@ -66,22 +75,22 @@ export const WdRadioList = React.forwardRef(function WdRadioList(props, inputRef
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    React.useImperativeHandle(inputRef, () => {
-        var _a;
-        return ({
-            ...innerHandle,
-            name,
-            value,
-            label,
-            required,
-            visible,
-            disabled,
-            readOnly,
-            selectedLabel: (Array.isArray(options) &&
-                ((_a = options === null || options === void 0 ? void 0 : options.find((option) => `${option.value}` === `${value}`)) === null || _a === void 0 ? void 0 : _a.label)) ||
-                '',
-        });
-    }, [
+    const { selectedItem, selectedLabel } = useSelected({
+        range: options,
+        value,
+    });
+    useSetWidgetApi(() => ({
+        ...innerHandle,
+        name,
+        value,
+        label,
+        required,
+        visible,
+        disabled,
+        readOnly,
+        item: selectedItem,
+        selectedLabel,
+    }), [
         innerHandle,
         name,
         value,
@@ -90,8 +99,9 @@ export const WdRadioList = React.forwardRef(function WdRadioList(props, inputRef
         visible,
         disabled,
         readOnly,
-        options,
-    ]);
+        selectedItem,
+        selectedLabel,
+    ], inputRef);
     const fetchData = async (param) => {
         var _a, _b, _c;
         const data = await callWedaApi({
@@ -101,6 +111,7 @@ export const WdRadioList = React.forwardRef(function WdRadioList(props, inputRef
         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 {
+                ...item,
                 label: item.value,
                 value: item.key,
             };
@@ -109,7 +120,7 @@ export const WdRadioList = React.forwardRef(function WdRadioList(props, inputRef
     };
     const labelSize = () => {
         if (['h5'].includes(platform) ||
-            (['horizontal', ''].includes(layout) &&
+            (['horizontal', '', undefined].includes(layout) &&
                 ['vertical'].includes(direction))) {
             return 'xs';
         }
@@ -120,6 +131,6 @@ export const WdRadioList = React.forwardRef(function WdRadioList(props, inputRef
             ((_a = options === null || options === void 0 ? void 0 : options.find((option) => `${option.value}` === `${value}`)) === null || _a === void 0 ? void 0 : _a.label)) ||
             '-', disabled: disabled, readOnly: readOnly, classRoot: 'radio', size: labelSize(), layout: layout, children: _jsx("div", { className: classNames(classList), children: Array.isArray(options) &&
                 (options === null || options === void 0 ? void 0 : options.map((Item, Index) => {
-                    return (_createElement(WdRadio, { ...props, key: Index, index: Index, size: ['h5'].includes(platform) ? 'lg' : props === null || props === void 0 ? void 0 : props.size, option: Item, disabled: disabled, getChangeHandler: getChangeHandler, checkedItemValue: checkedItemValue }));
+                    return (_createElement(WdRadio, { ...props, key: Index, index: Index, size: ['h5'].includes(platform) ? 'lg' : props === null || props === void 0 ? void 0 : props.size, option: Item, disabled: disabled || Item.disabled, getChangeHandler: getChangeHandler, checkedItemValue: checkedItemValue }));
                 })) }) })));
 });

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

@@ -0,0 +1,3 @@
+import { WdRating } from './wd-rating';
+export { WdRating, type WdRatingProps } from './wd-rating';
+export default WdRating;

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

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

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wd-rating';
+export declare const WdRating: React.ForwardRefExoticComponent<WdRatingProps & React.RefAttributes<any>>;
+export interface WdRatingProps extends CommonPropsType, DataType {
+}