@cloudbase/weda-ui 3.5.2-mp → 3.5.3

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

@@ -0,0 +1,27 @@
+.weda-text {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  word-break: break-all;
+  /* -webkit-line-clamp: 1;
+  white-space: pre-line; */
+}
+.weda-text.level_1 {
+  font-size: 64px !important;
+}
+.weda-text.level_2 {
+  font-size: 56px !important;
+}
+.weda-text.level_3 {
+  font-size: 48px !important;
+}
+.weda-text.level_4 {
+  font-size: 40px !important;
+}
+.weda-text.level_5 {
+  font-size: 32px !important;
+}
+.weda-text.level_6 {
+  font-size: 24px !important;
+}

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import classNames from '../../utils/classnames';
+import { textToString } from '../../utils/platform';
+import './style';
+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',
+    }), [maxLines, space]);
+    if (!userSelect) {
+        textStyle.userSelect = 'none';
+    }
+    const levelName = level === '0' || !level ? '' : `level_${level}`;
+    const inlineStyle = React.useMemo(() => ({ ...textStyle, ...style }), [textStyle, style]);
+    return (_jsx("p", { 
+        //@ts-expect-error contentEditable type def sucks
+        contentEditable: contenteditable, onInput: onInput, onBlur: onBlur, style: inlineStyle, className: classNames('weda-text', 'weda-ui', className, levelName), id: id, title: tips ? textToString(text) : '', onClick: (e) => events.tap({}, { originEvent: e }), "data-testid": "text", children: textToString(text) }));
+}

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

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

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

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

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

@@ -0,0 +1,11 @@
+a.weda-uploader-file-view__single {
+  display: inline-block;
+  vertical-align: middle;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+a.weda-uploader-file-view__single:hover {
+  text-decoration: underline;
+}

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/index.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { UploadFilePc } from '../form/uploaderFile/uploadFile.pc';
+import { UploadFileH5 } from '../form/uploaderFile/uploadFile.h5';
+import { filterStrList, isCloudFileID, downloadFile, usePlatform, transFileCloudidToName, } from '../../utils/platform';
+import { useTempUrl } from '../../utils/hooks/use-cloud-id-temp-url';
+import './style';
+const CLASS_PREFIX = 'weda-uploader-file-view';
+/**
+ * 上传文件回显，传showType强制展示某端样式，否则根据平台自动判断
+ */
+export default function UploaderFileView(props) {
+    const { value, className, single = true, // 展示为单行 a 标签
+    showType, // 展示端为 pc 还是 h5 样式
+    ...rest } = props;
+    const platform = usePlatform();
+    const fileIDList = filterStrList(value);
+    if (single) {
+        return _jsx(FileView, { fileID: fileIDList[0] });
+    }
+    else {
+        const showTypeMix = showType ? (showType === 'h5' ? 'h5' : 'pc') : platform;
+        const uploadFileProps = {
+            ...rest,
+            className: `${CLASS_PREFIX} ${className}`,
+            decorator: null,
+            labelVisible: false,
+            value: fileIDList,
+            isEdit: false,
+        };
+        return showTypeMix === 'pc' ? (_jsx(UploadFilePc, { ...uploadFileProps })) : (_jsx(UploadFileH5, { ...uploadFileProps }));
+    }
+}
+/**
+ * 单个文件回显，用在表格里面
+ */
+const FileView = ({ fileID }) => {
+    const { data: src } = useTempUrl(fileID);
+    const title = React.useMemo(() => {
+        if (isCloudFileID(fileID)) {
+            return transFileCloudidToName(fileID);
+        }
+        else {
+            return fileID;
+        }
+    }, [fileID]);
+    return (_jsx("a", { title: title, onClick: () => downloadFile(src, title), className: `${CLASS_PREFIX}__single`, children: title }));
+};

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

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

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

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

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

@@ -0,0 +1,31 @@
+.g-uploader-view {
+  margin: 0;
+  padding: 0;
+}
+
+.g-uploader-view .g-uploader-view__image-list {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.g-uploader-view .g-uploader-view__image-box {
+  height: 100px;
+  width: 100px;
+  margin-right: 8px;
+  margin-bottom: 8px;
+  background: #f2f2f2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.g-uploader-view .g-uploader-view__empty {
+  padding: 8px;
+  background-image: url('https://main.qcloudimg.com/raw/c85c9a875e9754545ee19f20438b2caa.svg');
+}
+
+.g-uploader-view .g-uploader-view__image {
+  width: 100%;
+  height: auto;
+  max-height: 100%;
+}

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/index.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { TcbImage } from '../form/uploader/uploader.pc';
+import classNames from '../../utils/classnames';
+import { emptyObject } from '../../utils/constant';
+import './style';
+const CLASS_PREFIX = 'g-uploader-view';
+/**
+ * 图片上传-展示组件
+ */
+export default function UploaderView({ srcList, // 兼容 cloud:和https: 协议，兼容 字符串和字符串数组
+alt = '[加载失败]', gutter = 8, height = 100, width = 100, events = emptyObject, isZoom = true, isEmptyPlace = true, className, id, style, }) {
+    const cls = classNames({
+        [CLASS_PREFIX]: true,
+        [className]: className,
+    });
+    // 成功事件，返回加载成功的链接
+    const [successList, setSuccessList] = React.useState([]);
+    // 失败事件，返回加载失败的链接
+    const [errorList, setErrorList] = React.useState([]);
+    React.useEffect(() => {
+        events.load && events.load({ success: successList, error: errorList });
+    }, [successList, errorList]);
+    const boxStyle = {
+        marginRight: gutter,
+        marginBottom: gutter,
+        height: height,
+        width: width,
+    };
+    const values = []
+        .concat(srcList)
+        .filter((d) => typeof d === 'string' && d !== '');
+    return (_jsx("div", { className: cls, id: id, style: style, children: _jsxs("div", { className: `${CLASS_PREFIX}__image-list`, children: [values.map((d, i) => {
+                    const imgProps = {
+                        fileID: d,
+                        className: `${CLASS_PREFIX}__image`,
+                        alt: alt,
+                        isZoom,
+                        onLoad: () => setSuccessList((list) => [...list, d]),
+                        onError: () => setErrorList((list) => [...list, d]),
+                    };
+                    return (_jsx("div", { className: `${CLASS_PREFIX}__image-box`, style: boxStyle, title: d, children: _jsx(TcbImage, { ...imgProps }) }, `${d}-${i}`));
+                }), values.length === 0 && isEmptyPlace && (_jsx("div", { className: `${CLASS_PREFIX}__image-box`, style: boxStyle, children: _jsx("img", { className: `${CLASS_PREFIX}__image`, alt: "\u6682\u65E0\u56FE\u7247" }) }))] }) }));
+}

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

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

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

@@ -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/userInfo/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Bubble, ConfigProvider } from 'tea-component';
+import Button from '../../components/button';
+import '../style';
+const UserInfo = (props) => (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Bubble, { content: "\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C\u3002", children: _jsx(Button, { ...props }) }) }));
+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/index.js

@@ -0,0 +1,3 @@
+import { WdBubble } from './wd-bubble';
+export { WdBubble } 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

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle } from 'react';
+import { Bubble, ConfigProvider } from 'tea-component';
+import classNames from '../../utils/classnames';
+import { isInIde, usePlatform } from '../../utils/platform';
+import '../style';
+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, () => {
+        return {
+            trigger,
+            placement,
+            promptTheme,
+        };
+    }, [trigger, placement, promptTheme]);
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("div", { className: classNames('wd-bubble', className, platform === 'h5' ? 'wd-h5-bubble' : 'wd-pc-bubble'), id: id, style: style, children: isInIde() ? (_jsx(Bubble, { content: bubbleContent && (_jsx("div", { className: 'wd-bubble-content', style: { minWidth: '140px' }, children: bubbleContent })), visible: true, children: bubbleChildren })) : (_jsx(Bubble, { content: bubbleContent, error: promptTheme === 'error', dark: promptTheme === 'dark', trigger: trigger, placement: placement, arrowPointAtCenter: arrowPointAtCenter, openDelay: Number(openDelay), closeDelay: Number(closeDelay), onVisibleChange: (visible) => {
+                    if (visible) {
+                        events === null || events === void 0 ? void 0 : events.open();
+                    }
+                    else {
+                        events === null || events === void 0 ? void 0 : events.close();
+                    }
+                }, children: _jsx("span", { className: 'wd-bubble-child', children: bubbleChildren }) })) }) }));
+});

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/convert-legacy-props.js

@@ -0,0 +1,14 @@
+const PROPS_VALUE_MAP = {
+    size: {
+        default: 'md',
+        mini: 'sm',
+        large: 'lg',
+    },
+    theme: {
+        default: 'primary',
+        warn: 'warning',
+    },
+};
+export const convertLegacyProps = (key, prop) => {
+    return PROPS_VALUE_MAP[key][prop];
+};

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/index.js

@@ -0,0 +1,3 @@
+import { WdButton } from './wd-button';
+export { WdButton } 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

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { forwardRef, useImperativeHandle } from 'react';
+import classNames from '../../utils/classnames';
+import { emptyObject } from '../../utils/constant';
+import { useConfig } from '../../utils/config-context';
+import { getParentForm } from '../../utils/widget-api';
+import { convertLegacyProps } from './convert-legacy-props';
+import { textToString, usePlatform } from '../../utils/platform';
+import { convertLegacyEnum, filterPropsWithOn } from '../../utils/tool';
+import { WD_BUTTON_THEME, WD_BUTTON_VARIANT, WD_BUTTON_SIZE, WD_BUTTON_ICON_TYPE, WD_BUTTON_ICON_POSITION, WD_BUTTON_TYPE, } from '../../../enum';
+import { WdIcon } from '../index';
+import '../style';
+export const WdButton = forwardRef(function WdButton(props, ref) {
+    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();
+    // 兼容旧版组件的属性值
+    let size = convertLegacyProps('size', _size) || _size;
+    let theme = convertLegacyProps('theme', _theme) || _theme;
+    const icon = loading ? 'td:loading' : _icon;
+    let iconType = _iconType === 'none' && loading ? 'text-with-icon' : _iconType;
+    // 枚举转换
+    theme = convertLegacyEnum(theme, WD_BUTTON_THEME);
+    size = convertLegacyEnum(size, WD_BUTTON_SIZE);
+    iconType = convertLegacyEnum(iconType, WD_BUTTON_ICON_TYPE);
+    const variant = convertLegacyEnum(_variant, WD_BUTTON_VARIANT);
+    const iconPosition = convertLegacyEnum(_iconPosition, WD_BUTTON_ICON_POSITION);
+    const formType = convertLegacyEnum(_formType, WD_BUTTON_TYPE);
+    // 样式
+    const { classPrefix } = useConfig();
+    const compClassName = `${classPrefix}-btn`;
+    // 响应式css api
+    const platformCss = `${classPrefix}-${platform}-btn`;
+    const classes = {
+        [`${classPrefix}-btn`]: true,
+        // 颜色
+        [`${compClassName}--${theme}`]: !!theme,
+        // 类型
+        [`${compClassName}--${variant}`]: !!variant,
+        // 大小
+        [`${compClassName}--${size}`]: !!size,
+        // 禁用
+        'is-disabled': disabled,
+        // 占满
+        [`${compClassName}--block`]: block,
+        // 是否是纯图标
+        [`${compClassName}--icon`]: iconType === 'icon-only',
+        [platformCss]: true,
+    };
+    // 方法
+    const onClick = (e) => {
+        var _a;
+        let parentForm;
+        switch (formType) {
+            case 'submit':
+                // 调用父级表单容器的提交
+                parentForm = getParentForm($widget);
+                if (parentForm === null || parentForm === void 0 ? void 0 : parentForm.submit) {
+                    parentForm === null || parentForm === void 0 ? void 0 : parentForm.submit();
+                    return;
+                }
+                // 老逻辑兼容
+                parentForm = getParentForm($node);
+                if (parentForm === null || parentForm === void 0 ? void 0 : parentForm.submit) {
+                    parentForm === null || parentForm === void 0 ? void 0 : parentForm.submit();
+                    return;
+                }
+                break;
+            case 'reset':
+                // 调用父级表单容器的重置
+                parentForm = getParentForm($widget);
+                if (parentForm.reset) {
+                    parentForm === null || parentForm === void 0 ? void 0 : parentForm.reset();
+                    return;
+                }
+                // 老逻辑兼容
+                parentForm = getParentForm($node);
+                if (parentForm.reset) {
+                    parentForm === null || parentForm === void 0 ? void 0 : parentForm.reset();
+                    return;
+                }
+                break;
+            default:
+                (_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e });
+        }
+    };
+    const propsStartWithOn = React.useMemo(() => {
+        return filterPropsWithOn(restProps);
+    }, [restProps]);
+    const Icon = () => {
+        // icon样式
+        const iconCls = classNames({
+            [`${classPrefix}-btn__icon`]: true,
+            [`${classPrefix}-btn__before-icon`]: iconType === 'text-with-icon' && _iconPosition === 'before',
+            [`${classPrefix}-btn__after-icon`]: iconType === 'text-with-icon' && _iconPosition === 'after',
+            [`${classPrefix}-icon--inherit`]: (style === null || style === void 0 ? void 0 : style.fontSize) && iconSource === 'inner',
+        });
+        return icon || iconSrc ? (_jsx(WdIcon, { className: iconCls, size: 'sm', name: icon, src: iconSrc, type: iconSource })) : null;
+    };
+    // Widget API，挂载组件只读属性和组件方法
+    useImperativeHandle(ref, () => {
+        return {
+            text,
+            theme,
+            variant,
+            size,
+            block,
+            disabled,
+            formType,
+            openType,
+        };
+    }, [text, theme, variant, size, block, disabled, formType, openType]);
+    return (_jsxs("button", { className: classNames(classes, className), disabled: disabled, type: formType, style: style, id: id, ...propsStartWithOn, onClick: onClick, children: [iconPosition === 'before' && iconType === 'text-with-icon' && _jsx(Icon, {}), iconType === 'icon-only' ? (_jsx(Icon, {})) : (_jsx("span", { className: `${classPrefix}-btn__text`, children: textToString(text) })), iconPosition === 'after' && iconType === 'text-with-icon' && _jsx(Icon, {})] }));
+});

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: 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

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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, checkedItemValue, getChangeHandler, isAll, }) => {
+    const { classPrefix } = useConfig();
+    const { label, value: optionValue } = option;
+    // 类名
+    const classList = [];
+    switch (size) {
+        case 'sm':
+            classList.push(`size-sm `);
+            break;
+        case 'md':
+            classList.push(`size-md `);
+            break;
+        case 'lg':
+            classList.push(`size-lg `);
+            break;
+        default:
+            classList.push();
+    }
+    // 现在低码组件往源码组件传入的id不唯一, 暂时使用hashcode替代
+    const hashcode = React.useMemo(() => getLocalCounter(), []);
+    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 ? '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, 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/index.js

@@ -0,0 +1,3 @@
+import { WdCheckbox } from './checkbox';
+export { WdCheckbox } 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;
+    }[];
+}