@cloudbase/weda-ui 3.5.0 → 3.5.2

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

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

@@ -0,0 +1,9 @@
+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

@@ -10,7 +10,7 @@ export default forwardRef(function WdImage({
 // 系统属性
 className, events = emptyObject, style, 
 // 组件属性
-src, alt, mode, lazyLoad, imgPreview, maskClosable, fit, id, isStopPropagation = false, }, ref) {
+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({
@@ -61,7 +61,7 @@ src, alt, mode, lazyLoad, imgPreview, maskClosable, fit, id, isStopPropagation =
             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;
+    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 = [

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

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

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

@@ -0,0 +1,87 @@
+import React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType, EventsType } from '../../../configs/components/wd-input';
+/**
+ * 标准化：单行输入组件
+ */
+export declare const WdInput: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<{
+    label?: string;
+    name?: string;
+    type?: string;
+    required?: boolean;
+    extra?: string;
+    size?: string;
+    maxLength?: number;
+    placeholder?: string;
+    status?: string;
+    layout?: string;
+    block?: boolean;
+    after?: string;
+    focus?: boolean;
+    requiredFlag?: boolean;
+    labelVisible?: boolean;
+    inputValue?: string;
+    password?: boolean;
+    clearable?: boolean;
+    counterVisible?: boolean;
+    before?: string;
+    labelWidth?: string;
+    labelAlign?: string;
+    labelWrap?: boolean;
+    labelTips?: string;
+    isUnionValue?: boolean;
+    prefixType?: string;
+    prefixIcon?: string;
+    prefixSrc?: string;
+    suffixType?: string;
+    suffixIcon?: string;
+    suffixSrc?: string;
+    borderedH5?: boolean;
+    borderedPc?: boolean;
+    isNickNameType?: boolean;
+    rules?: {
+        pattern?: string;
+        message: string;
+        format: string;
+    }[];
+    requiredMsg?: string;
+}> & import("type-fest").Simplify<import("../../../configs/type-utils").StaticEventsType<[{
+    readonly name: "change";
+    readonly title: "值改变";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "focus";
+    readonly title: "聚焦";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "blur";
+    readonly title: "失焦";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "confirm";
+    readonly title: "确认";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "clear";
+    readonly title: "清除内容";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        originValue: import("@sinclair/typebox").TString;
+    }>;
+}]>> & {
+    wrapClassName?: string;
+    classRoot?: string;
+    inputPattern?: string;
+} & React.RefAttributes<any>>;
+export type WdInputProps = CommonPropsType & DataType & EventsType & {
+    wrapClassName?: string;
+    classRoot?: string;
+    inputPattern?: string;
+};

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

@@ -8,8 +8,7 @@ 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 { useSize, useRules, converValueFix, converInputValue, useStringProp, useBlock, useIconSize, } from '../../utils/hooks/useFormLegacy';
 import { useConfig } from '../../utils/config-context';
 import isEqual from 'lodash.isequal';
 const inputTypes = { idcard: 'text', digit: 'number' };
@@ -17,11 +16,11 @@ 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 { name, password = false, type = 'text', placeholder = '请输入', focus: _focus = false, maxLength = FORM_MAX_LENGTH, clearable = false, events, isUnionValue = true, 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 formValue = useMemo(() => converValueFix(inputValue, before, after, type, isUnionValue), [inputValue, before, after, type, isUnionValue]);
     const rules = useRules(props); // 含前后缀和必填时，仅对输入框校验
     const traitProps = {
         ...props,
@@ -35,7 +34,8 @@ export const WdInput = forwardRef(function WdInput(props, ref) {
     const wrapRef = useRef(null);
     const valueRef = useRef(value);
     const size = useSize(props);
-    const block = usePlatform() === 'h5' ? true : _block;
+    const iconSize = useIconSize(props);
+    const block = useBlock(props);
     const { classPrefix } = useConfig();
     const startWithOnProps = useMemo(() => filterPropsWithOn(props), [props]);
     const inputId = useMemo(() => getUuid(), []);
@@ -59,21 +59,21 @@ export const WdInput = forwardRef(function WdInput(props, ref) {
         [`${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);
+        const currentInputValue = converInputValue(value, before, after, isUnionValue);
         setCurrentInputValue(currentInputValue);
-    }, [value, before, after, setCurrentInputValue]);
+        valueRef.current = value;
+    }, [value, before, after, isUnionValue, setCurrentInputValue]);
     const changeForm = useCallback((val) => {
         valueRef.current = val;
         _onChange(val);
     }, [_onChange]);
+    // 包装值，避免每次输入全部参数
+    const converValueFixWrap = (val) => {
+        return converValueFix(val, before, after, type, isUnionValue);
+    };
     const onChange = (e) => {
         var _a;
         const text = typeof e === 'string' ? e : e.target.value;
@@ -85,14 +85,14 @@ export const WdInput = forwardRef(function WdInput(props, ref) {
             return;
         }
         setCurrentInputValue(text);
-        const newValue = converValueFix(text, before, after, type);
+        const newValue = converValueFixWrap(text);
         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);
+        const newValue = converValueFixWrap('');
         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 });
@@ -100,18 +100,18 @@ export const WdInput = forwardRef(function WdInput(props, ref) {
     };
     const onKeyDown = (e) => {
         if (e.key === 'enter' || e.keyCode === KEY_DOWN_CODE) {
-            events.confirm({ value: converValueFix(e.target.value, before, after, type) }, { originEvent: e });
+            events.confirm({ value: converValueFixWrap(e.target.value) }, { 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 });
+        events.focus({ value: converValueFixWrap(e.target.value) }, { originEvent: e });
         setFocus(true);
     };
     const onBlur = (e) => {
-        events.blur({ value: converValueFix(e.target.value, before, after, type) }, { originEvent: e });
+        events.blur({ value: converValueFixWrap(e.target.value) }, { originEvent: e });
         setFocus(false);
     };
     useImperativeHandle(ref, () => ({
@@ -139,6 +139,7 @@ export const WdInput = forwardRef(function WdInput(props, ref) {
     ]);
     const formItemProps = {
         ...props,
+        block,
         validateErrorMsg,
         validateState,
         readOnly,
@@ -151,5 +152,5 @@ export const WdInput = forwardRef(function WdInput(props, ref) {
     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] }))] }) }) }));
+    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: iconSize, 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 !== null && currentInputValue !== void 0 ? 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, { 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 }) })), counterVisible && (_jsxs("span", { className: countCls, children: [counter, "/", maxLength] }))] }) }) }));
 });

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

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

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

@@ -0,0 +1,71 @@
+import React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType, EventsType } from '../../../configs/components/wd-input-email';
+/**
+ * 标准化：邮箱输入组件
+ */
+export declare const WdInputEmail: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<{
+    label?: string;
+    name?: string;
+    required?: boolean;
+    extra?: string;
+    size?: string;
+    maxLength?: number;
+    placeholder?: string;
+    status?: string;
+    layout?: string;
+    block?: boolean;
+    after?: string;
+    focus?: boolean;
+    requiredFlag?: boolean;
+    labelVisible?: boolean;
+    inputValue?: string;
+    clearable?: boolean;
+    counterVisible?: boolean;
+    before?: string;
+    labelWidth?: string;
+    labelAlign?: string;
+    labelWrap?: boolean;
+    labelTips?: string;
+    isUnionValue?: boolean;
+    prefixType?: string;
+    prefixIcon?: string;
+    prefixSrc?: string;
+    suffixType?: string;
+    suffixIcon?: string;
+    suffixSrc?: string;
+    borderedH5?: boolean;
+    borderedPc?: boolean;
+    requiredMsg?: string;
+}> & import("type-fest").Simplify<import("../../../configs/type-utils").StaticEventsType<[{
+    readonly name: "change";
+    readonly title: "值改变";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "focus";
+    readonly title: "聚焦";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "blur";
+    readonly title: "失焦";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "confirm";
+    readonly title: "确认";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "clear";
+    readonly title: "清除内容";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        originValue: import("@sinclair/typebox").TString;
+    }>;
+}]>> & React.RefAttributes<unknown>>;
+export type WdInputEmailProps = CommonPropsType & DataType & EventsType & {};

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+export declare const WdInputGroup: ({ before, after, className, children, }: WdInputGroupProps) => JSX.Element;
+export interface WdInputGroupProps extends CommonPropsType {
+    before?: string;
+    after?: string;
+}

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

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

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

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

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

@@ -0,0 +1,44 @@
+export declare const isNumber: (val: unknown) => boolean;
+export declare const getPercentUnit: (format: string | undefined) => string;
+/**
+ * 数字字符串相加
+ * @param {*} v1
+ * @param {*} v2
+ * @returns
+ */
+export declare const strNumPlus: (v1: string | string[], v2: string | string[]) => string;
+/**
+ * 数字字符串相减
+ * @param {*} v1
+ * @param {*} v2
+ * @returns
+ */
+export declare const strNumMinus: (v1: string, v2: string) => string;
+/**
+ * 处理百分比
+ * @param {*} v
+ * @param {*} type
+ * @returns
+ */
+export declare const dealPercent: (v: string, type?: string) => string;
+/**
+ * 小数位处理
+ * @param {*} v
+ * @param {*} decimals
+ * @param {*} type
+ * @returns
+ */
+export declare const dealDecimals: (v: string, decimals: number, type: any) => string;
+/**
+ * 数字字符串相加
+ * @param {*} v1
+ * @param {*} v2
+ * @returns
+ */
+export declare const strNumAddCalc: (v1: string, v2: string) => string;
+/**
+ * 过滤掉字符串中与数字无关的字符
+ * @param value
+ * @returns
+ */
+export declare const filterDigit: (value: string) => string;