@cloudbase/weda-ui 3.5.2 → 3.6.0

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

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, forwardRef, useImperativeHandle, useCallback, } from 'react';
+import { usePlatform } from '../../utils/platform';
+import { setRefProp } from '../../utils/tool';
+import classNames from '../../utils/classnames';
+import { useSyncValue } from '../../utils/hooks/useSyncValue';
+import { convertValueToDateItem, getStartMoment, getYMD, WEEKS, convertMethodParam, } from '../../utils/hooks/useFormLegacy';
+import { MonthSelect } from './MonthSelect';
+import { convertWeeks, getConfigDataObj, blockName } from './weeks';
+import './style';
+/**
+ * 日历标准化
+ */
+export const WdClendar = forwardRef(function WdClendar(props, ref) {
+    const { initVisible = true, configData, events, id, className, style, } = props;
+    const valueStamp = useMemo(() => { var _a, _b; return (_b = (_a = getStartMoment('day', props.value)) === null || _a === void 0 ? void 0 : _a.valueOf()) !== null && _b !== void 0 ? _b : null; }, [props.value]);
+    const monthStamp = useMemo(() => { var _a, _b; return (_b = (_a = getStartMoment('month', props.initMonth)) === null || _a === void 0 ? void 0 : _a.valueOf()) !== null && _b !== void 0 ? _b : null; }, [props.initMonth]);
+    const [value, setValue] = useSyncValue(valueStamp);
+    const [monthValue, setInitMonth] = useSyncValue(monthStamp);
+    const platform = usePlatform();
+    const dateItem = useMemo(() => (value ? convertValueToDateItem(value) : {}), [value]);
+    const yearMonthItem = useMemo(() => convertValueToDateItem(monthValue), [monthValue]);
+    const cls = classNames(blockName, 'weda-ui', `${blockName}-${platform}`, className);
+    const { year: monthYear, month: monthMonth } = yearMonthItem;
+    const configDataObj = useMemo(() => getConfigDataObj(configData), [configData]);
+    const weeks = useMemo(() => convertWeeks(monthYear, monthMonth, configDataObj), [monthYear, monthMonth, configDataObj]);
+    // 含转时间戳逻辑
+    const setValueMethod = useCallback((v) => {
+        var _a;
+        const value = convertMethodParam(v);
+        const valueStamp = (_a = getStartMoment('day', value, false)) === null || _a === void 0 ? void 0 : _a.valueOf();
+        setValue(valueStamp);
+    }, [setValue]);
+    // 含转时间戳逻辑
+    const setInitMonthMethod = useCallback((v) => {
+        var _a;
+        const value = convertMethodParam(v);
+        const valueStamp = (_a = getStartMoment('month', value)) === null || _a === void 0 ? void 0 : _a.valueOf();
+        setInitMonth(valueStamp);
+    }, [setInitMonth]);
+    useImperativeHandle(ref, () => ({
+        setValue: setValueMethod,
+        setInitMonth: setInitMonthMethod,
+        configData,
+        initMonth: monthValue,
+        initVisible,
+        value,
+    }), [
+        setValueMethod,
+        setInitMonthMethod,
+        configData,
+        monthValue,
+        initVisible,
+        value,
+    ]);
+    // 选中日期
+    const handleChange = (item) => {
+        var _a, _b;
+        const { year, month, day, disabled, isPre, isNext } = item;
+        if (disabled)
+            return;
+        const v = new Date(year, month, day).valueOf();
+        const value = (_a = getStartMoment('day', v, false)) === null || _a === void 0 ? void 0 : _a.valueOf();
+        setRefProp(ref, 'value', value);
+        setValue(value);
+        events === null || events === void 0 ? void 0 : events.change({ value });
+        if (isPre || isNext) {
+            const monthValue = (_b = getStartMoment('month', v)) === null || _b === void 0 ? void 0 : _b.valueOf();
+            handleSelectMonth(monthValue);
+        }
+    };
+    // 切换年月
+    const handleSelectMonth = (v) => {
+        var _a;
+        setRefProp(ref, 'initMonth', v);
+        setInitMonth(v);
+        (_a = events.changeMonth) === null || _a === void 0 ? void 0 : _a.call(events, { value: v });
+    };
+    return (_jsxs("div", { id: id, className: cls, style: style, children: [_jsx(MonthSelect, { value: monthValue, onChange: handleSelectMonth, readOnly: !initVisible }), _jsx("div", { className: blockName + '__panel', children: _jsxs("table", { className: blockName + '__table', children: [_jsx("thead", { className: blockName + '__table-head', children: _jsx("tr", { className: blockName + '__table-head-row', children: WEEKS.map((d) => (_jsx("th", { className: blockName + '__table-head-cell', children: d }, d))) }) }), _jsx("tbody", { className: blockName + '__table-body', children: weeks.map((week, rowIndex) => (_jsx("tr", { className: blockName + '__table-body-row', children: week.map((item, cellIndex) => {
+                                    const isChecked = getYMD(item) === getYMD(dateItem);
+                                    const cellCls = classNames(`${blockName}__table-body-cell`, {
+                                        'is-checked': isChecked,
+                                        'is-disabled': item.disabled,
+                                        'is-invalid': !isChecked && (item.isNext || item.isPre),
+                                    });
+                                    return (_jsx("td", { className: cellCls, onClick: () => handleChange(item), children: _jsxs("div", { className: blockName + '__table-body-cell-value', children: [item.day, _jsx("div", { className: `${blockName}__table-body-cell-bg` }), item.marked && (_jsx("div", { style: { backgroundColor: `${item.marked}` }, className: blockName + '__table-body-cell-marked' }))] }) }, cellIndex));
+                                }) }, rowIndex))) })] }) })] }));
+});

package/dist/web/components/wd-calendar/weeks.d.ts

@@ -0,0 +1,23 @@
+type IconfigData = {
+    matchDate?: string;
+    disabled?: string | boolean;
+    marked?: string;
+    YMD?: string;
+};
+interface IconfigDataObj {
+    [key: string]: IconfigData;
+}
+export declare const blockName = "weda-calendar";
+export declare const getConfigDataObj: (configData?: IconfigData[]) => IconfigDataObj;
+export declare const convertWeeks: (year: any, month: any, configDataObj?: IconfigDataObj) => import("../../utils/hooks/useFormLegacy").IWeekItem[][] | {
+    matchDate?: string;
+    disabled?: string | boolean;
+    marked?: string | boolean;
+    YMD?: string;
+    day: any;
+    year: any;
+    month: any;
+    isPre?: boolean;
+    isNext?: boolean;
+}[][];
+export {};

package/dist/web/components/wd-calendar/weeks.js

@@ -0,0 +1,34 @@
+import { convertValueToDateItem, getStartMoment, convertYearMonthToWeeks, getYMD, } from '../../utils/hooks/useFormLegacy';
+export const blockName = 'weda-calendar'; // 类名前缀
+// 将配置数组转成配置对象格式，key为 年-月-日
+export const getConfigDataObj = (configData) => {
+    if (!Array.isArray(configData))
+        return;
+    const obj = {};
+    configData.forEach((item) => {
+        if (Object.prototype.toString.call(item) === '[object Object]') {
+            const disabled = [true, 'true'].includes(item.disabled) ? true : false;
+            const value = getStartMoment('day', item.matchDate, false);
+            const dateItem = value ? convertValueToDateItem(value) : {};
+            const YMD = getYMD(dateItem);
+            obj[YMD] = { ...item, disabled };
+        }
+    });
+    return obj;
+};
+// 年月转星期
+export const convertWeeks = (year, month, configDataObj) => {
+    const weeks = convertYearMonthToWeeks(year, month, null, {
+        isPreNext: true,
+        isDynamic: true,
+    });
+    if (!configDataObj || Object.keys(configDataObj).length === 0)
+        return weeks;
+    return weeks.map((row) => {
+        return row.map((item) => {
+            const YMD = getYMD(item);
+            const config = configDataObj[YMD];
+            return { ...item, ...config };
+        });
+    });
+};

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

@@ -0,0 +1,3 @@
+import { WdCanvas } from './wd-canvas';
+export { WdCanvas, type WdCanvasProps } from './wd-canvas';
+export default WdCanvas;

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

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

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

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

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

@@ -0,0 +1,318 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle, useEffect, useState, useCallback, useRef, } from 'react';
+import classNames from '../../utils/classnames';
+import { useConfig } from '../../utils/config-context';
+import { usePlatform } from '../../utils/platform';
+import debounce from '../../utils/debounce';
+import { useDeepCompareEffect } from '@react-hookz/web';
+const LONGPRESS_TIME = 500; // 长按事件触发定时，ms
+const CLICK_TIME = 250; // 点击事件触发定时，ms
+// canvas默认宽高
+const CANVAS_DEFAULT = {
+    width: 300,
+    height: 150,
+};
+/**
+ * 兼容小程序旧版的2D画布函数
+ * @param ctx
+ * @returns
+ */
+const generateCtx2D = (ctx) => {
+    if (!ctx)
+        return ctx;
+    const setLineDash = ctx.setLineDash.bind(ctx);
+    ctx.setFillStyle = function (val) {
+        ctx.fillStyle = val;
+    };
+    ctx.setFontSize = function (val) {
+        ctx.font = `${val}px`;
+    };
+    ctx.setGlobalAlpha = function (val) {
+        ctx.globalAlpha = val;
+    };
+    ctx.setLineCap = function (val) {
+        ctx.lineCap = val;
+    };
+    ctx.setLineDash = function (pattern, offset) {
+        setLineDash(pattern);
+        ctx.lineDashOffset = offset;
+    };
+    ctx.setLineJoin = function (val) {
+        ctx.lineJoin = val;
+    };
+    ctx.setLineWidth = function (val) {
+        ctx.lineWidth = val;
+    };
+    ctx.setMiterLimit = function (val) {
+        ctx.miterLimit = val;
+    };
+    ctx.setShadow = function (offsetX, offsetY, blur, color) {
+        ctx.shadowOffsetX = offsetX;
+        ctx.shadowOffsetY = offsetY;
+        ctx.shadowBlur = blur;
+        ctx.shadowColor = color;
+    };
+    ctx.setStrokeStyle = function (val) {
+        ctx.strokeStyle = val;
+    };
+    ctx.setTextAlign = function (val) {
+        ctx.textAlign = val;
+    };
+    ctx.setTextBaseline = function (val) {
+        ctx.textBaseline = val;
+    };
+    ctx.draw = () => { };
+    return ctx;
+};
+const generateCtxWebgl = (ctx) => {
+    return ctx;
+};
+export const WdCanvas = forwardRef(function WdCanvas(props, ref) {
+    var _a;
+    const { className = '', style, id } = props;
+    const platform = usePlatform();
+    // canvas实例
+    const [canvasInstance, setCanvasInstance] = useState(null);
+    // canvas上下文
+    const [canvasCtx, setCanvasCtx] = useState(null);
+    // 长按事件触发定时器
+    const longTapTimer = useRef(null);
+    // 是否已经出发长按事件，如果触发则pc端不触发点击事件
+    const hasEmitLongTap = useRef(false);
+    // 点击事件触发定时器
+    const clickTimer = useRef(null);
+    // canvas ready timer
+    const readyTimer = useRef(null);
+    // canvas的实际宽高
+    const [canvasStyle, setCanvasStyle] = useState(CANVAS_DEFAULT);
+    // 样式
+    const { classPrefix } = useConfig();
+    // 响应式css api
+    const classes = {
+        [`${classPrefix}-canvas`]: true,
+        [`${classPrefix}-${platform}-canvas`]: true,
+    };
+    // Widget API，挂载组件只读属性和组件方法
+    useImperativeHandle(ref, () => {
+        return {
+            canvasInstance,
+            canvasCtx,
+            type: props.type,
+            disableScroll: props.disableScroll,
+            code: props.code,
+        };
+    }, [canvasInstance, canvasCtx, props.type, props.disableScroll, props.code]);
+    /**
+     * 处理h5和pc端端长按事件
+     */
+    const dealLongTap = useCallback((e) => {
+        (longTapTimer === null || longTapTimer === void 0 ? void 0 : longTapTimer.current) && clearTimeout(longTapTimer.current);
+        hasEmitLongTap.current = false;
+        // eslint-disable-next-line rulesdir/no-timer
+        longTapTimer.current = setTimeout(() => {
+            var _a, _b;
+            hasEmitLongTap.current = true;
+            Object.defineProperty(e, 'type', {
+                writable: false,
+                value: 'longtap',
+            });
+            (_b = (_a = props.events) === null || _a === void 0 ? void 0 : _a.longtap) === null || _b === void 0 ? void 0 : _b.call(_a, { e });
+        }, LONGPRESS_TIME);
+    }, [longTapTimer, props.events]);
+    /**
+     * pc端点击事件
+     */
+    const click = useCallback((e) => {
+        // 延迟触发click，因为dblclick事件触发同时会触发click
+        (clickTimer === null || clickTimer === void 0 ? void 0 : clickTimer.current) && clearTimeout(clickTimer.current);
+        // eslint-disable-next-line rulesdir/no-timer
+        clickTimer.current = setTimeout(() => {
+            var _a, _b;
+            if (hasEmitLongTap) {
+                hasEmitLongTap.current = false;
+                return;
+            }
+            (_b = (_a = props.events) === null || _a === void 0 ? void 0 : _a.click) === null || _b === void 0 ? void 0 : _b.call(_a, { e });
+        }, CLICK_TIME);
+    }, [clickTimer, hasEmitLongTap, props.events]);
+    /**
+     * pc端双击事件
+     */
+    const dblclick = useCallback((e) => {
+        var _a, _b;
+        (clickTimer === null || clickTimer === void 0 ? void 0 : clickTimer.current) && clearTimeout(clickTimer.current);
+        (_b = (_a = props.events) === null || _a === void 0 ? void 0 : _a.dblclick) === null || _b === void 0 ? void 0 : _b.call(_a, { e });
+    }, [clickTimer, props.events]);
+    /**
+     * 多端异常事件
+     */
+    const error = useCallback((e) => {
+        var _a, _b;
+        (_b = (_a = props.events) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.call(_a, { e });
+    }, [props.events]);
+    /**
+     * 移动端触摸开始事件
+     */
+    const touchStart = useCallback((e) => {
+        var _a, _b;
+        dealLongTap(e);
+        (_b = (_a = props.events) === null || _a === void 0 ? void 0 : _a.touchstart) === null || _b === void 0 ? void 0 : _b.call(_a, { e });
+    }, [dealLongTap, props.events]);
+    /**
+     * 移动端触摸结束事件
+     */
+    const touchEnd = useCallback((e) => {
+        var _a, _b;
+        (longTapTimer === null || longTapTimer === void 0 ? void 0 : longTapTimer.current) && clearTimeout(longTapTimer.current);
+        (_b = (_a = props.events) === null || _a === void 0 ? void 0 : _a.touchend) === null || _b === void 0 ? void 0 : _b.call(_a, { e });
+    }, [longTapTimer, props.events]);
+    /**
+     * 移动端触摸移动事件
+     */
+    const touchMove = useCallback((e) => {
+        var _a, _b;
+        (longTapTimer === null || longTapTimer === void 0 ? void 0 : longTapTimer.current) && clearTimeout(longTapTimer.current);
+        (_b = (_a = props.events) === null || _a === void 0 ? void 0 : _a.touchmove) === null || _b === void 0 ? void 0 : _b.call(_a, { e });
+    }, [longTapTimer, props.events]);
+    /**
+     * pc端鼠标按下事件
+     */
+    const mouseDown = useCallback((e) => {
+        var _a, _b;
+        dealLongTap(e);
+        (_b = (_a = props.events) === null || _a === void 0 ? void 0 : _a.mousedown) === null || _b === void 0 ? void 0 : _b.call(_a, { e });
+    }, [dealLongTap, props.events]);
+    /**
+     * pc端鼠标抬起事件
+     */
+    const mouseUp = useCallback((e) => {
+        var _a, _b;
+        (longTapTimer === null || longTapTimer === void 0 ? void 0 : longTapTimer.current) && clearTimeout(longTapTimer.current);
+        (_b = (_a = props.events) === null || _a === void 0 ? void 0 : _a.mouseup) === null || _b === void 0 ? void 0 : _b.call(_a, { e });
+    }, [longTapTimer, props.events]);
+    /**
+     * pc端鼠标移动事件
+     */
+    const mouseMove = useCallback((e) => {
+        var _a, _b;
+        (longTapTimer === null || longTapTimer === void 0 ? void 0 : longTapTimer.current) && clearTimeout(longTapTimer.current);
+        (_b = (_a = props.events) === null || _a === void 0 ? void 0 : _a.mousemove) === null || _b === void 0 ? void 0 : _b.call(_a, { e });
+    }, [longTapTimer, props.events]);
+    /**
+     * 处理事件监听
+     */
+    const dealEventListener = useCallback((canvas, type = 'add') => {
+        canvas = canvas || canvasInstance;
+        if (!canvas)
+            return;
+        const func = {
+            add: canvas.addEventListener.bind(canvas),
+            remove: canvas.removeEventListener.bind(canvas),
+        }[type];
+        if (!func)
+            return;
+        func('error', error);
+        if (platform === 'h5') {
+            func('touchstart', touchStart);
+            func('touchend', touchEnd);
+            func('touchmove', touchMove);
+        }
+        else {
+            func('click', click);
+            func('dblclick', dblclick);
+            func('mousedown', mouseDown);
+            func('mouseup', mouseUp);
+            func('mousemove', mouseMove);
+        }
+    }, [
+        canvasInstance,
+        click,
+        dblclick,
+        error,
+        mouseDown,
+        mouseMove,
+        mouseUp,
+        platform,
+        touchEnd,
+        touchMove,
+        touchStart,
+    ]);
+    /**
+     * 根据初始化代码绘制canvas
+     */
+    const canvasInit = debounce(async (init, canvasCtx, canvasInstance, canvasStyle) => {
+        var _a;
+        try {
+            // 执行初始化函数前恢复默认宽高，清空画布
+            canvasInstance.width = canvasStyle.width;
+            canvasInstance.height = canvasStyle.height;
+            await (init === null || init === void 0 ? void 0 : init(canvasCtx, canvasInstance));
+            (_a = props.events) === null || _a === void 0 ? void 0 : _a.canvasReady({ canvasInstance, canvasCtx });
+        }
+        catch (error) {
+            //
+        }
+    }, LONGPRESS_TIME);
+    /**
+     * 初始化canvas基本信息
+     */
+    useDeepCompareEffect(() => {
+        var _a, _b;
+        dealEventListener(null, 'remove');
+        const c = document.getElementById(props.id);
+        if (c) {
+            dealEventListener(c);
+            c.width =
+                typeof c.offsetWidth !== 'number'
+                    ? CANVAS_DEFAULT.width
+                    : c.offsetWidth;
+            c.height =
+                typeof c.offsetHeight !== 'number'
+                    ? CANVAS_DEFAULT.height
+                    : c.offsetHeight;
+            c.getCanvasRectInfo = () => c.getBoundingClientRect();
+            // 缓存配置的宽高
+            setCanvasStyle({ width: c.width, height: c.height });
+            const type = props.type || '2d';
+            const ctx = c.getContext(type);
+            const ctxRes = ((_b = (_a = {
+                '2d': generateCtx2D,
+                webgl: generateCtxWebgl,
+            })[type]) === null || _b === void 0 ? void 0 : _b.call(_a, ctx)) || {};
+            setCanvasInstance(c);
+            setCanvasCtx(ctxRes);
+        }
+        else {
+            setCanvasInstance(null);
+            setCanvasCtx(null);
+        }
+    }, [props.type, props.id, props.style, setCanvasInstance, setCanvasCtx]);
+    /**
+     * 相关属性变化后重新执行初始化函数
+     */
+    useEffect(() => {
+        var _a, _b;
+        readyTimer.current && clearTimeout(readyTimer.current);
+        if (!canvasCtx || !canvasInstance)
+            return;
+        // 如果初始化代码不是函数，则直接执行canvasReady
+        if (typeof ((_a = props.code) === null || _a === void 0 ? void 0 : _a.init) !== 'function') {
+            // eslint-disable-next-line rulesdir/no-timer
+            readyTimer.current = setTimeout(() => {
+                var _a;
+                (_a = props.events) === null || _a === void 0 ? void 0 : _a.canvasReady({ canvasInstance, canvasCtx });
+            }, LONGPRESS_TIME);
+            return;
+        }
+        // 等待canvas准备好再触发canvasReady
+        canvasInit((_b = props.code) === null || _b === void 0 ? void 0 : _b.init, canvasCtx, canvasInstance, canvasStyle);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [canvasInstance, canvasCtx, canvasStyle, props.events, (_a = props.code) === null || _a === void 0 ? void 0 : _a.init]);
+    useEffect(() => {
+        return () => {
+            dealEventListener(canvasInstance, 'remove');
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return (_jsxs(_Fragment, { children: [props.type === '2d' && (_jsx("canvas", { className: classNames(classes, className), id: id, style: style })), props.type !== '2d' && (_jsx("canvas", { className: classNames(classes, className), id: id, style: style }))] }));
+});

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle } from 'react';
+import { forwardRef, useCallback, useImperativeHandle, useState, } 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) {
@@ -7,8 +7,39 @@ export const WdCard = forwardRef(function WdCard({ showHeader = true, showConten
     const { classPrefix } = useConfig();
     const platform = usePlatform();
     const isH5 = platform === 'h5';
+    const [contentState, setContentState] = useState(showContent ? 'show' : 'hide');
+    /**
+     * 控制内容面板显示与隐藏，只针对于折叠模式下有效
+     */
+    const dealContentState = useCallback(({ state } = {}) => {
+        var _a, _b;
+        const stateInner = state || (contentState === 'show' ? 'hide' : 'show');
+        if (stateInner === contentState)
+            return;
+        setContentState(stateInner);
+        if (stateInner === 'show') {
+            (_a = events === null || events === void 0 ? void 0 : events.contentShow) === null || _a === void 0 ? void 0 : _a.call(events);
+        }
+        else {
+            (_b = events === null || events === void 0 ? void 0 : events.contentHide) === null || _b === void 0 ? void 0 : _b.call(events);
+        }
+    }, [contentState, events]);
     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: 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] }));
+        return {
+            showHeader,
+            showContent,
+            showFooter,
+            showDivider,
+            contentState,
+            dealContentState,
+        };
+    }, [
+        showHeader,
+        showContent,
+        showFooter,
+        showDivider,
+        contentState,
+        dealContentState,
+    ]);
+    return (_jsxs("div", { className: `${isH5 ? `${classPrefix}-h5-card-root` : `${classPrefix}-pc-card-root`} ${classPrefix}-card-root ${showDivider ? classPrefix + '-card--bordered' : ''} ${contentState !== 'show' ? classPrefix + '-card--collapse-active' : ''} ${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: headerSlot })) : null, contentState === 'show' ? (_jsx("div", { className: `${classPrefix}-card__body ${!showFooter ? 'is-footer' : ''}`, "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.js

@@ -27,6 +27,8 @@ export const WdCheckbox = ({ index, option, name, size, disabled, checkedItemVal
     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 ? 'is-disabled' : ''} ${'checkbox' + (index + NUMBER_1)}`, "data-testid": "wd-checkbox-test", onClickCapture: (e) => {
+            if (disabled)
+                return;
             e.stopPropagation();
             e.preventDefault();
             getChangeHandler(e, optionValue);