@cloudbase/weda-ui 3.5.1 → 3.5.2-mp

package/dist/web/components/wd-form-item/wd-form-item.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import type { WdFormItemProps } from '../../../configs/type-utils/type-form';
-/**
- * 表单项包裹，包括标题、文本提示、校验
- */
-export declare function WdFormItem(props: WdFormItemProps): JSX.Element;
-export type { WdFormItemProps };

package/dist/web/components/wd-form-item/wd-form-item.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from '../../utils/classnames';
-import { useConfig } from '../../utils/config-context';
-import { WdIcon } from '../wd-icon';
-import { WdBubble } from '../wd-bubble';
-import { usePlatform } from '../../utils/platform';
-import { useLabelAlign, useLayout, useSize, convertPx, useBlock, } from '../../utils/hooks/useFormLegacy';
-/**
- * 表单项包裹，包括标题、文本提示、校验
- */
-export function WdFormItem(props) {
-    const { id, className, style, label, labelVisible = true, labelTips, labelWidth: _labelWidth, labelWrap = false, extra, required, readOnly, children, testId, requiredFlag = true, validateState, validateErrorMsg, readValue, borderedH5 = true, borderedPc = true, classRoot, controlAlign, inputId, } = props;
-    const { classPrefix } = useConfig();
-    const platform = usePlatform();
-    const labelAlign = useLabelAlign(props);
-    const layout = useLayout(props);
-    const labelWidth = convertPx(_labelWidth);
-    const labelStyle = labelWidth ? { width: labelWidth } : {};
-    const _size = useSize(props);
-    const size = _size === 'xs' ? 'xs' : platform === 'h5' ? 'lg' : _size;
-    const block = useBlock(props);
-    // 样式前缀定义
-    const root = `${classPrefix}-${classRoot}`;
-    const item = `${classPrefix}-form-item`;
-    const itemWrap = `${classPrefix}-form-item-wrap`;
-    const labelRoot = `${root}__label`;
-    // 表单项样式
-    const cls = classNames(item, className, `${classPrefix}-${platform}-form-item`, `${root}-root`, `${classPrefix}-${platform}-${classRoot}-root`, `item-size-height-${size}`, {
-        'size-width-hundred': block,
-        'is-required': requiredFlag && required,
-        'is-borderless': platform === 'h5' ? !borderedH5 : !borderedPc,
-        [`${item}--weui`]: platform === 'h5',
-        [`${item}--horizontal-left`]: layout === 'horizontal' && labelAlign === 'left',
-        [`${item}--horizontal-right`]: layout === 'horizontal' && labelAlign === 'right',
-        [`${item}--vertical-left`]: layout === 'vertical' && labelAlign === 'left',
-        [`${item}--vertical-right`]: layout === 'vertical' && labelAlign === 'right',
-    });
-    const labelCls = classNames(`${itemWrap}__label`, labelRoot, {
-        'is-nowrap': !labelWrap,
-    });
-    const controlWrapCls = classNames(`${itemWrap}__control-wrap`, {
-        [`${itemWrap}__control-wrap--right`]: controlAlign === 'right',
-    });
-    // 输入部分
-    const Item = (_jsx("div", { className: `${itemWrap}__control`, "data-testid": testId, children: _jsx("div", { className: controlWrapCls, children: readOnly ? (_jsx("div", { className: `${item}__readonly${platform !== 'h5' ? '-web' : ''}`, children: readValue })) : (children) }) }));
-    // 标题部分，含必填、提示
-    const Label = labelVisible && (_jsx("div", { className: labelCls, style: labelStyle, children: _jsxs("label", { htmlFor: inputId, children: [_jsx("span", { className: `${itemWrap}__label-text ${labelRoot}-text`, title: label, children: label }), labelTips && (_jsx("span", { className: `${itemWrap}__label-explain`, children: _jsx(WdBubble, { style: { display: 'inline' }, bubbleChildren: _jsx(WdIcon, { name: "td:help-circle" }), bubbleContent: labelTips, promptTheme: "dark" }) }))] }) }));
-    // 下方空白替代(改为距左对齐)
-    // const LabelSpace = labelVisible && layout === 'horizontal' && (
-    //   <div className={labelCls} style={labelStyle}></div>
-    // );
-    // 下方提示部分
-    const Help = extra && (_jsx("p", { className: `${item}__help`, children: _jsx("span", { className: `${item}__help-text ${root}__help`, children: extra }) }));
-    // 校验提示文字部分
-    const Message = validateErrorMsg && (_jsx("p", { className: `${item}__help`, children: _jsx("span", { className: `${classPrefix}-g-text-${validateState} ${root}__error`, children: validateErrorMsg }) }));
-    return (_jsxs("div", { className: cls, id: id, style: style, children: [_jsxs("div", { className: itemWrap, children: [Label, Item] }), Message, Help] }));
-}

package/dist/web/components/wd-form-item/wd-input-group.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { WdInputGroupProps } from '../../../configs/type-utils/type-form';
-/**
- * 输入类组件包裹，添加前后文字
- */
-export declare const WdInputGroup: (props: WdInputGroupProps) => JSX.Element;

package/dist/web/components/wd-form-item/wd-input-group.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useConfig } from '../../utils/config-context';
-import classNames from '../../utils/classnames';
-import { useSize, useBlock, useStringProp, } from '../../utils/hooks/useFormLegacy';
-/**
- * 输入类组件包裹，添加前后文字
- */
-export const WdInputGroup = (props) => {
-    const { children, classRoot = '' } = props;
-    const { classPrefix } = useConfig();
-    const { before, after } = useStringProp(props);
-    const size = useSize(props);
-    const block = useBlock(props);
-    const root = `${classPrefix}-${classRoot}`;
-    const inputGroup = `${classPrefix}-form-input-group`;
-    const inputGroupCls = classNames(inputGroup, `size-height-${size}`, {
-        'size-width-hundred': block,
-    });
-    const beforeCls = `${inputGroup}__addon ${inputGroup}__addon-left ${root}__text-before`;
-    const afterCls = `${inputGroup}__addon ${inputGroup}__addon-right ${root}__text-after`;
-    const contentCls = `${inputGroup}__content`;
-    if (before || after) {
-        return (_jsxs("div", { className: inputGroupCls, children: [before && _jsx("div", { className: beforeCls, children: before }), _jsx("div", { className: contentCls, children: children }), after && _jsx("div", { className: afterCls, children: after })] }));
-    }
-    return _jsx(_Fragment, { children: children });
-};

package/dist/web/components/wd-form-item/wd-input-wrap.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { WdInputWrapProps } from '../../../configs/type-utils/type-form';
-/**
- * 输入类(input)组件包裹
- */
-export declare const WdInputWrap: (props: WdInputWrapProps) => JSX.Element;

package/dist/web/components/wd-form-item/wd-input-wrap.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useMemo } from 'react';
-import { useConfig } from '../../utils/config-context';
-import classNames from '../../utils/classnames';
-import { useSize, useIconSize } from '../../utils/hooks/useFormLegacy';
-import { usePlatform } from '../../utils/platform';
-import { WdIcon } from '../wd-icon';
-import { noop } from '../../utils/constant';
-import { filterPropsWithOn } from '../../utils/tool';
-/**
- * 输入类(input)组件包裹
- */
-export const WdInputWrap = (props) => {
-    const { block: _block, children, classRoot = '', wrapClassName, before, after, disabled, prefixType, prefixIcon, prefixSrc, suffixType, suffixIcon, suffixSrc, hasClearIcon, onClear = noop, ...rest } = props;
-    const wrapRef = useRef(null);
-    const { classPrefix } = useConfig();
-    const size = useSize(props);
-    const iconSize = useIconSize(props);
-    const block = usePlatform() === 'h5' ? true : _block;
-    const root = `${classPrefix}-${classRoot}`;
-    const inputWrap = `${classPrefix}-form-input-wrap`;
-    const contentCls = `${inputWrap}__content`;
-    const prefixCls = `${inputWrap}__before`;
-    const prefixIconCls = `${root}__icon-before`;
-    const suffixCls = `${inputWrap}__after`;
-    const suffixIconCls = `${root}__icon-after`;
-    const cls = classNames(inputWrap, wrapClassName, `size-width-${size} size-font-${size}`, `${root}-${classRoot}`, `size-height-${size}`, {
-        'size-width-hundred': block,
-        'is-disabled': disabled,
-        [`${inputWrap}--no-radius-left`]: before,
-        [`${inputWrap}--no-radius-right`]: after,
-        [`${inputWrap}--no-radius`]: before && after,
-    });
-    const propsStartWithOn = useMemo(() => {
-        return filterPropsWithOn(rest);
-    }, [rest]);
-    return (_jsxs("div", { className: cls, ref: wrapRef, onFocus: () => { var _a, _b; return (_b = (_a = wrapRef.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('is-focused'); }, onBlur: () => { var _a, _b; return (_b = (_a = wrapRef.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.remove('is-focused'); }, ...propsStartWithOn, children: [prefixType && (_jsx("div", { className: prefixCls, children: _jsx(WdIcon, { size: iconSize, name: prefixIcon, type: prefixType, src: prefixSrc, className: prefixIconCls }) })), _jsx("div", { className: contentCls, children: children }), hasClearIcon && (_jsx("div", { className: suffixCls, children: _jsx(WdIcon, { size: iconSize, className: `${classPrefix}-icon__trigger`, name: "td:close-circle-filled", onMouseDown: onClear }) })), !hasClearIcon && suffixType && (_jsx("div", { className: suffixCls, children: _jsx(WdIcon, { size: iconSize, name: suffixIcon, type: suffixType, src: suffixSrc, className: suffixIconCls }) }))] }));
-};

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

@@ -1,7 +0,0 @@
-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-icon/convert-legacy-props.js

@@ -1,14 +0,0 @@
-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-icon/index.d.ts

@@ -1,3 +0,0 @@
-import { WdIcon } from './wd-icon';
-export { WdIcon, type WdIconProps } from './wd-icon';
-export default WdIcon;

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

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

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { CommonPropsType, unknownFunction } from '../../types';
-import type { DataType } from '../../../configs/components/wd-icon';
-import '../style';
-export declare const WdIcon: React.ForwardRefExoticComponent<WdIconProps & React.RefAttributes<unknown>>;
-export interface WdIconProps extends CommonPropsType, DataType {
-    [handlers: `on${string}`]: unknownFunction;
-}

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

@@ -1,83 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { forwardRef, useImperativeHandle, useState } from 'react';
-import classNames from '../../utils/classnames';
-import { emptyObject } from '../../utils/constant';
-import { useConfig } from '../../utils/config-context';
-import { usePlatform } from '../../utils/platform';
-import { convertLegacyEnum } from '../../utils/tool';
-import { WD_ICON_TYPE, WD_ICON_SIZE } from '../../../enum';
-import '../style';
-export const WdIcon = forwardRef(function WdIcon({ type: _type = 'inner', name = 'success', src, size: _size = 'md', events = emptyObject, className, style: _style, id, color: _color, ...props }, ref) {
-    const [isError, setIsError] = useState(false);
-    const platform = usePlatform();
-    // 兼容旧版组件的属性值 size/color
-    const remdiff = 2;
-    const iconNumSize = !isNaN(Number(_size))
-        ? `${Number(_size) / remdiff}px`
-        : '';
-    const fontSize = iconNumSize && _type === 'inner' ? { fontSize: iconNumSize } : {};
-    const width = iconNumSize && _type === 'custom' ? { width: iconNumSize } : {};
-    const height = iconNumSize && _type === 'custom' ? { height: iconNumSize } : {};
-    const color = _color ? { color: _color } : {};
-    const style = { ...fontSize, ...width, ...height, ...color, ..._style };
-    // 枚举转换
-    const type = convertLegacyEnum(_type, WD_ICON_TYPE);
-    const size = ['xxs'].includes(_size)
-        ? _size
-        : convertLegacyEnum(_size, WD_ICON_SIZE); // 不对外暴露的size属性值
-    // 样式
-    const { classPrefix } = useConfig();
-    const compClassName = `${classPrefix}-icon`;
-    const isTdIcon = /td/.test(name) && type === 'inner';
-    const isLegacyIcon = !isTdIcon && type === 'inner';
-    const iconName = name === null || name === void 0 ? void 0 : name.split(':')[1];
-    const showErrorIcon = isError && type === 'custom';
-    // 响应式css api
-    const platformCss = `${classPrefix}-${platform}-icon`;
-    const classes = {
-        [`${classPrefix}-icon`]: true,
-        // 旧版图标
-        'wd-lcap-icon': isLegacyIcon,
-        [`wd-lcap-icon-${name}`]: isLegacyIcon && name,
-        // TDesign 图标
-        't-icon': isTdIcon,
-        [`t-icon-${iconName}`]: isTdIcon && iconName,
-        // 尺寸
-        [`${compClassName}--${size}`]: !!size,
-        [platformCss]: true,
-        [`${classPrefix}-icon-error`]: showErrorIcon,
-    };
-    const onClick = (e) => {
-        var _a;
-        (_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 Object.keys(props).reduce((acc, cur) => {
-            if (cur.startsWith('on') || cur === 'data-testid') {
-                acc[cur] = props[cur];
-            }
-            return acc;
-        }, {});
-    }, [props]);
-    // Widget API，挂载组件只读属性和组件方法
-    useImperativeHandle(ref, () => {
-        return {
-            type,
-            name,
-            src,
-            size,
-        };
-    }, [type, name, src, size]);
-    if (type === 'inner') {
-        return (_jsx("i", { className: classNames(classes, className), style: style, id: id, onClick: onClick, ...propsStartWithOn }));
-    }
-    else {
-        return (_jsx("img", { className: classNames(classes, className), style: style, id: id, src: src
-                ? src
-                : 'https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg', onLoad: () => {
-                setIsError(false);
-            }, onError: () => {
-                setIsError(true);
-            }, onClick: onClick, ...propsStartWithOn }));
-    }
-});

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

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { PropsType } from './index';
-import type { Except } from 'type-fest';
-interface ImageInnerPropsType extends Except<PropsType, 'fit'> {
-    objectFit: React.CSSProperties['objectFit'];
-    isError: boolean;
-    setIsError: React.Dispatch<React.SetStateAction<boolean>>;
-}
-export declare function ImageInner({ objectFit, style, className, alt, src, isError, setIsError, events, lazyLoad, maskClosable, imgPreview, id, isStopPropagation, }: ImageInnerPropsType): JSX.Element;
-export {};

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

@@ -1,173 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from 'react';
-import { usePlatform } from '../../utils/platform';
-import { CreatePortal } from '../../utils/hooks/CreatePortal';
-import { useGesture } from '@use-gesture/react';
-import { useConfig } from '../../utils/config-context';
-import { useRef } from 'react';
-import { findDOMNode } from 'react-dom';
-const ASPECT_RASIO = 1;
-const OFFSET_RASIO = 0.5;
-const SCALE_RASIO_PC = 0.8;
-const SCALE_RASIO_H5 = 1;
-export function ImageInner({ objectFit, style, className, alt, src, isError, setIsError, events, lazyLoad, maskClosable, imgPreview, id, isStopPropagation, }) {
-    const { classPrefix } = useConfig();
-    const platform = usePlatform();
-    const [imgShow, setImgShow] = React.useState(false);
-    const imagePreviewRef = useRef();
-    const onMaskClick = (e) => {
-        if (isStopPropagation) {
-            e.stopPropagation();
-        }
-        if (maskClosable) {
-            setImgShow(false);
-        }
-    };
-    const [showHeight, setShowHeight] = React.useState(0);
-    const [showWidth, setShowWidth] = React.useState(0);
-    const realWidth = React.useRef(0);
-    const realHeight = React.useRef(0);
-    const [offsetHeight, setOffsetHeight] = React.useState(0);
-    const [offsetWidth, setOffsetWidth] = React.useState(0);
-    const [translateX, setTranslateX] = React.useState(0);
-    const [translateY, setTranslateY] = React.useState(0);
-    const [previewScale, setPreviewScale] = React.useState(ASPECT_RASIO);
-    React.useEffect(() => {
-        // 防止触发浏览器的放大缩小
-        const handler = (e) => e.preventDefault();
-        document.addEventListener('gesturestart', handler);
-        document.addEventListener('gesturechange', handler);
-        return () => {
-            document.removeEventListener('gesturestart', handler);
-            document.removeEventListener('gesturechange', handler);
-        };
-    }, []);
-    const bind = useGesture({
-        onClick: ({ event }) => {
-            // 防止冒泡出发关闭预览
-            event.stopPropagation();
-            // eslint-disable-next-line react/no-find-dom-node
-            const component = findDOMNode(imagePreviewRef.current);
-            if (component && event.target === component) {
-                return;
-            }
-        },
-        onPinch: ({ offset }) => {
-            const [s] = offset;
-            setPreviewScale(s);
-        },
-        onDrag: ({ offset, event }) => {
-            event.stopPropagation();
-            const [x, y] = offset;
-            setTranslateX(x);
-            setTranslateY(y);
-        },
-    }, {
-        drag: {
-            delay: true,
-            preventDefault: true,
-            from: () => [translateX, translateY],
-        },
-        pinch: {
-            scaleBounds: { min: 0.6, max: 5 },
-            pointer: {
-                touch: true,
-            },
-        },
-    });
-    if (platform === 'h5' || !imgPreview || isError) {
-        return (_jsxs(_Fragment, { children: [_jsx("img", { id: id, style: {
-                        objectFit,
-                        ...style,
-                    }, className: `${className} wd-h5-image`, alt: alt, src: src, onLoad: (e) => {
-                        const img = e.target;
-                        const { naturalHeight, naturalWidth } = img;
-                        realHeight.current = naturalHeight;
-                        realWidth.current = naturalWidth;
-                        setIsError(false);
-                        events.load && events.load({}, { originEvent: e });
-                    }, onError: (e) => {
-                        setIsError(true);
-                        events.error && events.error({}, { originEvent: e });
-                    }, onClick: (e) => {
-                        if (isStopPropagation) {
-                            e.stopPropagation();
-                        }
-                        if (imgPreview && !isError) {
-                            setTranslateX(0);
-                            setTranslateY(0);
-                            setPreviewScale(ASPECT_RASIO);
-                            const windowHeight = window.innerHeight;
-                            const windowWidth = window.innerWidth;
-                            const widthRasio = (windowWidth * SCALE_RASIO_H5) / realWidth.current;
-                            const heightRasio = (windowHeight * SCALE_RASIO_H5) / realHeight.current;
-                            const scale = Math.min(widthRasio, heightRasio, ASPECT_RASIO) || ASPECT_RASIO;
-                            setOffsetHeight((windowHeight - realHeight.current * scale) * OFFSET_RASIO);
-                            setOffsetWidth((windowWidth - realWidth.current * scale) * OFFSET_RASIO);
-                            setShowHeight(realHeight.current * scale);
-                            setShowWidth(realWidth.current * scale);
-                            setImgShow(true);
-                        }
-                        events.tap && events.tap({}, { originEvent: e });
-                    }, loading: lazyLoad ? 'lazy' : undefined }), imgShow && (_jsx(CreatePortal, { className: `${classPrefix}-image-preview-container`, children: _jsxs("div", { className: `${classPrefix}-image-mask`, onClick: onMaskClick, children: [_jsx("div", { onClick: (e) => {
-                                    if (isStopPropagation) {
-                                        e.stopPropagation();
-                                    }
-                                    setImgShow(false);
-                                }, className: `${classPrefix}-image-mask__close-btn`, children: _jsx("i", { className: `${classPrefix}-image-mask__icon-close` }) }), _jsx("div", { ...bind(), ref: imagePreviewRef, className: `${classPrefix}-image-preview`, style: {
-                                    touchAction: 'none',
-                                    backgroundImage: `url('${src}')`,
-                                    transform: `translate(${translateX}px, ${translateY}px) scale(${previewScale})`,
-                                    width: showWidth,
-                                    height: showHeight,
-                                    marginTop: offsetHeight,
-                                    marginLeft: offsetWidth,
-                                } })] }) }))] }));
-    }
-    else {
-        return (_jsxs(_Fragment, { children: [_jsx("img", { id: id, style: {
-                        objectFit,
-                        cursor: 'zoom-in',
-                        ...style,
-                    }, className: `${className} wd-pc-image`, alt: alt, src: src, onLoad: (e) => {
-                        const img = e.target;
-                        const { naturalHeight, naturalWidth } = img;
-                        realHeight.current = naturalHeight;
-                        realWidth.current = naturalWidth;
-                        setIsError(false);
-                        events.load && events.load({}, { originEvent: e });
-                    }, onError: (e) => {
-                        setIsError(true);
-                        events.error && events.error({}, { originEvent: e });
-                    }, loading: lazyLoad ? 'lazy' : undefined, onClick: (e) => {
-                        if (isStopPropagation) {
-                            e.stopPropagation();
-                        }
-                        if (imgPreview && !isError) {
-                            const windowHeight = window.innerHeight;
-                            const windowWidth = window.innerWidth;
-                            const widthRasio = (windowWidth * SCALE_RASIO_PC) / realWidth.current;
-                            const heightRasio = (windowHeight * SCALE_RASIO_PC) / realHeight.current;
-                            const scale = Math.min(widthRasio, heightRasio, ASPECT_RASIO) || ASPECT_RASIO;
-                            setOffsetHeight((windowHeight - realHeight.current * scale) * OFFSET_RASIO);
-                            setOffsetWidth((windowWidth - realWidth.current * scale) * OFFSET_RASIO);
-                            setShowHeight(realHeight.current * scale);
-                            setShowWidth(realWidth.current * scale);
-                            setImgShow(true);
-                        }
-                        events.tap && events.tap({}, { originEvent: e });
-                    } }), imgShow && (_jsx(CreatePortal, { className: `${classPrefix}-image-preview-container`, children: _jsxs("div", { className: `${classPrefix}-image-mask`, onClick: onMaskClick, children: [_jsx("div", { onClick: (e) => {
-                                    if (isStopPropagation) {
-                                        e.stopPropagation();
-                                    }
-                                    setImgShow(false);
-                                }, className: `${classPrefix}-image-mask__close-btn`, children: _jsx("i", { className: `${classPrefix}-image-mask__icon-close` }) }), _jsx("div", { ...bind(), className: `${classPrefix}-image-preview`, style: {
-                                    touchAction: 'none',
-                                    backgroundImage: `url('${src}')`,
-                                    width: showWidth,
-                                    height: showHeight,
-                                    marginTop: offsetHeight,
-                                    marginLeft: offsetWidth,
-                                } })] }) }))] }));
-    }
-}

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { CommonPropsType } from '../../types';
-import type { DataType } from '../../../configs/components/image';
-export interface PropsType extends CommonPropsType, DataType {
-    isStopPropagation?: boolean;
-}
-import '../style';
-declare const _default: React.ForwardRefExoticComponent<PropsType & React.RefAttributes<unknown>>;
-export default _default;

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

@@ -1,91 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle, useState, useMemo, } from 'react';
-import classNames from '../../utils/classnames';
-import { ImageInner } from './image';
-import { emptyObject } from '../../utils/constant';
-import { useTempUrl } from '../../utils/hooks/use-cloud-id-temp-url';
-import { useConfig } from '../../utils/config-context';
-import '../style';
-export default forwardRef(function WdImage({ 
-// 系统属性
-className, events = emptyObject, style, 
-// 组件属性
-src, alt, mode, lazyLoad = false, imgPreview = false, maskClosable = true, fit, id, isStopPropagation = false, }, ref) {
-    const [isError, setIsError] = useState(false);
-    const { classPrefix } = useConfig();
-    const cls = classNames({
-        [`${classPrefix}-image`]: true,
-        [`${classPrefix}-image__error`]: isError,
-        [className]: className,
-    });
-    const objectFit = fit || getObjectFitByWxImageMode(mode);
-    const { data: realSrc } = useTempUrl(src);
-    /**
-     * 模拟小程序的widthFix、heightFix模式
-     */
-    const realFit = useMemo(() => {
-        if (objectFit === 'widthFix' || objectFit === 'heightFix') {
-            return 'unset';
-        }
-        else {
-            return objectFit;
-        }
-    }, [objectFit]);
-    const realStyle = useMemo(() => {
-        if (isError) {
-            return style;
-        }
-        else {
-            if (objectFit === 'widthFix') {
-                return {
-                    ...style,
-                    height: 'auto',
-                };
-            }
-            else if (objectFit === 'heightFix') {
-                return {
-                    ...style,
-                    width: 'auto',
-                };
-            }
-            else {
-                return style;
-            }
-        }
-    }, [style, objectFit, isError]);
-    // Widget API，挂载组件只读属性和组件方法
-    useImperativeHandle(ref, () => {
-        return {
-            fit,
-            src,
-            alt,
-        };
-    }, [fit, src, alt]);
-    return src === realSrc || (realSrc !== undefined && src !== realSrc) ? (_jsx(ImageInner, { objectFit: realFit, style: realStyle, className: cls, alt: alt, src: realSrc, isError: isError, setIsError: setIsError, events: events, lazyLoad: lazyLoad, imgPreview: imgPreview, maskClosable: maskClosable, id: id, isStopPropagation: isStopPropagation })) : (_jsx("div", { className: classNames(cls, `${classPrefix}-image__error`) }));
-});
-function getObjectFitByWxImageMode(mode) {
-    const array = [
-        {
-            mode: 'scaleToFill',
-            h5: 'fill',
-        },
-        {
-            mode: 'aspectFit',
-            h5: 'contain',
-        },
-        {
-            mode: 'aspectFill',
-            h5: 'cover',
-        },
-        {
-            mode: 'widthFix',
-            h5: 'cover',
-        },
-        {
-            mode: 'heightFix',
-            h5: 'contain',
-        },
-    ];
-    const item = array.find((item) => item.mode === mode);
-    return item === null || item === void 0 ? void 0 : item.h5;
-}

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

@@ -1,4 +0,0 @@
-import { WdInput } from './wd-input';
-export type { WdInputProps } from './wd-input';
-export { WdInput };
-export default WdInput;

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

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