@cloudbase/weda-ui 3.5.0 → 3.5.2-mp

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

@@ -1,81 +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, src, size: _size, 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 = convertLegacyEnum(_size, WD_ICON_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.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.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, imgPreview, maskClosable, 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 })) : null;
-});
-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.js

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

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

@@ -1,155 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint max-lines: [error, 500] */
-import { forwardRef, useImperativeHandle, useEffect, useMemo, useRef, useState, useCallback, } from 'react';
-import { WdFormItem, WdInputGroup } from '../wd-form-item';
-import { useFormInputTrait } from '../form-input-hooks';
-import { WdIcon } from '../wd-icon';
-import { filterPropsWithOn, getUuid } from '../../utils/tool';
-import { FORM_MAX_LENGTH, KEY_DOWN_CODE } from '../../utils/constant';
-import classNames from '../../utils/classnames';
-import { useSyncValue } from '../../utils/hooks/useSyncValue';
-import { usePlatform } from '../../utils/platform';
-import { useSize, useRules, converValueFix, converInputValue, useStringProp, } from '../../utils/hooks/useFormLegacy';
-import { useConfig } from '../../utils/config-context';
-import isEqual from 'lodash.isequal';
-const inputTypes = { idcard: 'text', digit: 'number' };
-/**
- * 标准化：单行输入组件
- */
-export const WdInput = forwardRef(function WdInput(props, ref) {
-    const { name, password = false, type = 'text', placeholder = '请输入', focus: _focus = false, maxLength = FORM_MAX_LENGTH, clearable = true, events, block: _block, prefixType, prefixIcon, prefixSrc, suffixType, suffixIcon, suffixSrc, classRoot = 'input', wrapClassName = '', counterVisible, label, required, inputPattern, } = props;
-    const { before, after, inputValue } = useStringProp(props);
-    const [innerHandle, setInnerHandle] = useState({}); // hook里挂出的属性
-    const [currentInputValue, setCurrentInputValue] = useSyncValue(inputValue); // 监听inputValue
-    const formValue = useMemo(() => converValueFix(inputValue, before, after, type), [inputValue, before, after, type]);
-    const rules = useRules(props); // 含前后缀和必填时，仅对输入框校验
-    const traitProps = {
-        ...props,
-        rules,
-        value: formValue,
-        inputRef: ref,
-        setInnerHandle,
-    };
-    const { value, // 代表组件值，含前后缀
-    onChange: _onChange, disabled, readOnly, validateErrorMsg, validateState, visible, layout, } = useFormInputTrait(traitProps);
-    const wrapRef = useRef(null);
-    const valueRef = useRef(value);
-    const size = useSize(props);
-    const block = usePlatform() === 'h5' ? true : _block;
-    const { classPrefix } = useConfig();
-    const startWithOnProps = useMemo(() => filterPropsWithOn(props), [props]);
-    const inputId = useMemo(() => getUuid(), []);
-    const [focus, setFocus] = useSyncValue(_focus);
-    const inputType = password ? 'password' : inputTypes[type] || type;
-    const hasClearIcon = clearable && focus && !disabled && (currentInputValue === null || currentInputValue === void 0 ? void 0 : currentInputValue.length) > 0;
-    const counter = typeof currentInputValue === 'string' ? currentInputValue.length : 0;
-    const root = `${classPrefix}-${classRoot}`;
-    const inputWrap = `${classPrefix}-form-input-wrap`;
-    const inputCls = `${classPrefix}-form-input-wrap__input`;
-    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 countCls = `${classPrefix}-input__limit-number`;
-    useEffect(() => {
-        // eslint-disable-next-line rulesdir/no-timer
-        setTimeout(() => changeForm(value));
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    useEffect(() => {
-        if (isEqual(valueRef.current, value))
-            return; // 监听非输入引起的value变化，比如调用 setValue, clearValue
-        const currentInputValue = converInputValue(value, before, after);
-        setCurrentInputValue(currentInputValue);
-    }, [value, before, after, setCurrentInputValue]);
-    const changeForm = useCallback((val) => {
-        valueRef.current = val;
-        _onChange(val);
-    }, [_onChange]);
-    const onChange = (e) => {
-        var _a;
-        const text = typeof e === 'string' ? e : e.target.value;
-        if (maxLength > 0 && text.length > maxLength) {
-            return;
-        }
-        const reg = new RegExp(inputPattern);
-        if (inputPattern && !reg.test(text)) {
-            return;
-        }
-        setCurrentInputValue(text);
-        const newValue = converValueFix(text, before, after, type);
-        changeForm(newValue);
-        (_a = events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: newValue }, { originEvent: e });
-    };
-    const onClear = (e) => {
-        var _a, _b;
-        setCurrentInputValue('');
-        const newValue = converValueFix('', before, after, type);
-        changeForm(newValue);
-        (_a = events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: newValue }, { originEvent: e });
-        (_b = events.clear) === null || _b === void 0 ? void 0 : _b.call(events, { originValue: value }, { originEvent: e });
-        e.preventDefault();
-    };
-    const onKeyDown = (e) => {
-        if (e.key === 'enter' || e.keyCode === KEY_DOWN_CODE) {
-            events.confirm({ value: converValueFix(e.target.value, before, after, type) }, { originEvent: e });
-        }
-        if (inputType === 'number' && e.key === 'e') {
-            e.preventDefault();
-        }
-    };
-    const onFocus = (e) => {
-        events.focus({ value: converValueFix(e.target.value, before, after, type) }, { originEvent: e });
-        setFocus(true);
-    };
-    const onBlur = (e) => {
-        events.blur({ value: converValueFix(e.target.value, before, after, type) }, { originEvent: e });
-        setFocus(false);
-    };
-    useImperativeHandle(ref, () => ({
-        ...innerHandle,
-        name,
-        value,
-        label,
-        required,
-        visible,
-        disabled,
-        readOnly,
-        before,
-        after,
-    }), [
-        innerHandle,
-        name,
-        value,
-        label,
-        required,
-        visible,
-        disabled,
-        readOnly,
-        before,
-        after,
-    ]);
-    const formItemProps = {
-        ...props,
-        validateErrorMsg,
-        validateState,
-        readOnly,
-        readValue: value,
-        disabled,
-        classRoot,
-        inputId,
-        layout,
-    };
-    const inputGroupProps = { before, after, block, classRoot, size };
-    if (!visible)
-        return null;
-    return (_jsx(WdFormItem, { ...formItemProps, children: _jsx(WdInputGroup, { ...inputGroupProps, children: _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'); }, children: [prefixType && (_jsx("div", { className: prefixCls, children: _jsx(WdIcon, { size: size, name: prefixIcon, type: prefixType, src: prefixSrc, className: prefixIconCls }) })), _jsx("div", { className: contentCls, children: _jsx("input", { id: inputId, className: inputCls, type: inputType, placeholder: placeholder, value: currentInputValue, disabled: disabled, name: name, autoFocus: focus, autoComplete: "off", maxLength: maxLength, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, ...startWithOnProps }) }), hasClearIcon && (_jsx("div", { className: suffixCls, children: _jsx(WdIcon, { className: `${classPrefix}-icon__trigger`, name: "td:close-circle-filled", onMouseDown: onClear }) })), !hasClearIcon && suffixType && (_jsx("div", { className: suffixCls, children: _jsx(WdIcon, { size: size, name: suffixIcon, type: suffixType, src: suffixSrc, className: suffixIconCls }) })), counterVisible && (_jsxs("span", { className: countCls, children: [counter, "/", maxLength] }))] }) }) }));
-});

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

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

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

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { useConfig } from '../../utils/config-context';
-import { WdInput } from '../wd-input';
-const rules = [{ format: 'email', message: '邮箱校验失败' }];
-/**
- * 标准化：邮箱输入组件
- */
-export const WdInputEmail = forwardRef(function WdInputEmail(props, ref) {
-    const { classPrefix } = useConfig();
-    const wrapCls = `${classPrefix}-form-input-email-wrap`;
-    return (_jsx(WdInput, { ...props, ref: ref, wrapClassName: wrapCls, classRoot: "input-email", rules: rules }));
-});

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

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

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

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from '../../utils/classnames';
-import { useConfig } from '../../utils/config-context';
-export const WdInputGroup = ({ before, after, className, children, }) => {
-    // 兼容旧版组件的属性值
-    const { classPrefix } = useConfig();
-    const compClassName = `${classPrefix}-form-input-group `;
-    const classList = [compClassName];
-    return (_jsxs("div", { className: classNames(...classList, className), children: [before && (_jsx("div", { className: `${classPrefix}-form-input-group__addon ${classPrefix}-form-input-group__addon-left`, children: before })), _jsx("div", { className: `${classPrefix}-form-input-group__content`, children: children }), after && (_jsx("div", { className: `${classPrefix}-form-input-group__addon ${classPrefix}-form-input-group__addon-right`, children: after }))] }));
-};

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

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

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

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { useConfig } from '../../utils/config-context';
-import { WdInput } from '../wd-input';
-const rules = [{ format: 'mobile', message: '手机校验失败' }];
-/**
- * 标准化：电话输入组件
- */
-export const WdInputPhone = forwardRef(function WdInputPhone(props, ref) {
-    const { classPrefix } = useConfig();
-    const wrapCls = `${classPrefix}-form-input-number-wrap `;
-    const pattern = '^[0-9\\-]{0,11}$';
-    return (_jsx(WdInput, { ...props, inputPattern: pattern, maxLength: 11, wrapClassName: wrapCls, classRoot: "input-phone", rules: rules, ref: ref }));
-});

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

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

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

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { useConfig } from '../../utils/config-context';
-import { WdInput } from '../wd-input';
-const rules = [{ format: 'url', message: 'url校验失败' }];
-/**
- * 标准化：URL输入组件
- */
-export const WdInputUrl = forwardRef(function WdInputUrl(props, ref) {
-    const { classPrefix } = useConfig();
-    const wrapCls = `${classPrefix}-form-input-url-wrap`;
-    return (_jsx(WdInput, { ...props, ref: ref, classRoot: "input-url", wrapClassName: wrapCls, rules: rules }));
-});

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

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

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

@@ -1,18 +0,0 @@
-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 { WdIcon } from '../index';
-export const WdInputWrap = ({ className, children, before, after, }) => {
-    // 兼容旧版组件的属性值
-    const { classPrefix } = useConfig();
-    const compClassName = `${classPrefix}-form-input-wrap `;
-    const classList = [compClassName];
-    classList.push(className);
-    const InputWrap = React.useRef(null);
-    return (_jsxs("div", { className: classNames(...classList), ref: InputWrap, onFocus: () => {
-            InputWrap.current.classList.add('is-focused');
-        }, onBlur: () => {
-            InputWrap.current.classList.remove('is-focused');
-        }, children: [before && (_jsx("div", { className: `${classPrefix}-form-input-wrap__before`, children: before })), children && (_jsx("div", { className: `${classPrefix}-form-input-wrap__content`, children: children })), after && (_jsx("div", { className: `${classPrefix}-form-input-wrap__after`, children: after }))] }));
-};

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

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