@cloudbase/weda-ui 3.5.1 → 3.5.2-mp

package/dist/web/utils/hooks/useDataSource.js

@@ -1,22 +0,0 @@
-import { getDataSourceByName } from '../datasource';
-import { alertErrorMessage } from '../platform';
-import useSWR from 'swr';
-export const useDataSource = (...args) => {
-    return useSWR(() => {
-        const [datasourceName] = args;
-        if (!datasourceName) {
-            return null;
-        }
-        return args;
-    }, async () => {
-        const dataSource = await getDataSourceByName(...args);
-        return dataSource;
-    }, {
-        onError(err) {
-            console.error('getDataSourceProfileAsync err', err);
-            alertErrorMessage({
-                message: `获取数据源getDataSourceProfileAsync 出错: ${err}`,
-            });
-        },
-    });
-};

package/dist/web/utils/hooks/useFormLegacy.d.ts

@@ -1,72 +0,0 @@
-import type { IDate, IOption } from '../../components/wd-date/elements/interface';
-import { FormInputTraitParams } from '../../components/form-input-hooks';
-export declare const MAX_TIME = 86399999;
-export declare const useSize: (props: any) => any;
-export declare const useIconSize: (props: any) => any;
-export declare const useBlock: (props: any) => any;
-export declare const useLayout: (props: any) => any;
-export declare const useLabelAlign: (props: any) => any;
-export declare const useRules: (props: any) => any;
-export declare const useStatus: (props: any) => {
-    disabled: boolean;
-    readOnly: boolean;
-};
-export declare const converValueFix: (_inputValue: any, _before?: any, _after?: any, type?: any, isUnionValue?: any) => any;
-export declare const converInputValue: (_value: any, _before: any, _after: any, isUnionValue: any) => string;
-export declare const convertMethodParam: (val: any) => any;
-export declare const useStringProp: (props: any) => {
-    inputValue: string;
-    value: string;
-    before: string;
-    after: string;
-};
-export declare const convertPx: (val: any, unit?: string) => string;
-/** 日期时间组件相关方法 start */
-export declare const useDateFormat: (props: any) => any;
-export declare const convertMoment: (val: any) => any;
-export declare const convertYearMonthToWeeks: (year: any, month: any, range?: any[]) => {
-    day: any;
-    disabled?: boolean;
-    year: any;
-    month: any;
-}[][];
-export declare const getFullDay: (v: any) => string;
-export declare const convertDateItemToValue: (param: IDate) => any;
-export declare const convertValueToDateItem: (v: any) => IDate;
-export declare const getYMD: (item: IDate) => string;
-export declare const getExistValue: (value: any, options: IOption[]) => any;
-export declare const convertYears: (currentYear: any, page?: number) => {
-    years: number[][];
-    yearStart: number;
-    yearEnd: number;
-};
-export declare const useDateValue: (props: any) => any;
-export declare const isDateInRange: (_value: any, _start?: any, _end?: any, _format?: any) => (string | boolean)[];
-export declare const convertTimeValue: (value: any) => any;
-export declare const convertTimeToMoment: (value: any) => import("moment").Moment;
-/** 日期时间组件相关方法 end */
-/** 组件 API start */
-export declare const useFormItemCommonTrait: (props: FormInputTraitParams<any>) => {
-    visible: boolean;
-    onChange: (value: unknown) => void;
-    value: unknown;
-    disabled: boolean;
-    readOnly: boolean;
-    required: boolean;
-    name: string;
-    validateState: "success" | "error" | "warn";
-    validateErrorMsg: string;
-    layout: "vertical" | "horizontal";
-    initValidate: (validateState: any, validateErrorMsg: any) => void;
-};
-export declare const useHandleClear: (props: {
-    onChange?: any;
-    clearable?: boolean;
-    disabled?: boolean;
-    value?: any;
-}) => {
-    onMouseEnter: () => void;
-    onMouseLeave: () => void;
-    onClear: () => any;
-    hasClearIcon: boolean;
-};

package/dist/web/utils/hooks/useFormLegacy.js

@@ -1,359 +0,0 @@
-import { useMemo, useRef, useState, useImperativeHandle } from 'react';
-import { convertLegacyProps, convertLegacyEnum } from '../tool';
-import { WD_INPUT_SIZE, WD_INPUT_LAYOUT, WD_INPUT_LABEL_ALIGN, WD_DATE_FORMAT, } from '../../../enum';
-import isEqual from '../isObjectEqual';
-import lodashGet from 'lodash.get';
-import { usePlatform, textToString } from '../platform';
-import moment, { getDayNow } from '../moment';
-import { useFormInputTrait, } from '../../components/form-input-hooks';
-import { isNil } from '../lodash';
-const PROPS_VALUE_MAP = { size: { l: 'lg', m: 'md', s: 'sm' } };
-export const MAX_TIME = 86399999;
-// h5端固定为 md
-export const useSize = (props) => {
-    const platform = usePlatform();
-    const _size = props.size;
-    const size = useMemo(() => {
-        const temp = convertLegacyProps(PROPS_VALUE_MAP, 'size', _size);
-        if (temp === 'xs')
-            return 'xs';
-        if (platform === 'h5')
-            return 'md';
-        return convertLegacyEnum(temp, WD_INPUT_SIZE, 'md');
-    }, [_size, platform]);
-    return size;
-};
-// icon 图标大小
-export const useIconSize = (props) => {
-    const _size = useSize(props);
-    const size = useMemo(() => {
-        const map = { lg: 'sm', md: 'xs', sm: 'xxs' };
-        return map[_size] || _size;
-    }, [_size]);
-    return size;
-};
-// 横向占满
-export const useBlock = (props) => {
-    const { block: _block = false } = props || {};
-    const platform = usePlatform();
-    const block = useMemo(() => {
-        return platform === 'h5' ? true : _block;
-    }, [_block, platform]);
-    return block;
-};
-// 位置，需要从 WdForm 中同步，所以默认为空
-export const useLayout = (props) => {
-    const { layout: _layout } = props || {};
-    const layout = useMemo(() => {
-        return convertLegacyEnum(_layout, WD_INPUT_LAYOUT, 'horizontal');
-    }, [_layout]);
-    return layout;
-};
-// 对齐
-export const useLabelAlign = (props) => {
-    const { labelAlign: _labelAlign } = props || {};
-    const labelAlign = useMemo(() => {
-        return convertLegacyEnum(_labelAlign, WD_INPUT_LABEL_ALIGN, 'left');
-    }, [_labelAlign]);
-    return labelAlign;
-};
-// 兼容有前后缀时的必填校验
-export const useRules = (props) => {
-    const { rules: _rules, required, before, after, requiredMsg } = props || {};
-    const [_before, _after] = [textToString(before), textToString(after)];
-    const rulesRef = useRef(_rules);
-    const rules = useMemo(() => {
-        let newRules = _rules;
-        if (required && (_before || _after)) {
-            const reg = `/^(?!(^${_before}${_after}$)).*$/`;
-            const rule = { message: requiredMsg, pattern: reg };
-            newRules = [...(_rules || []), rule];
-        }
-        if (!isEqual(rulesRef.current, newRules)) {
-            rulesRef.current = newRules;
-        }
-        return rulesRef.current;
-    }, [_rules, required, _before, _after, requiredMsg]);
-    return rules;
-};
-// 兼容新旧状态
-export const useStatus = (props) => {
-    const { disabled: _disabled, readOnly: _readOnly, status } = props || {};
-    const result = useMemo(() => {
-        const rawReadOnly = typeof _readOnly === 'boolean' ? _readOnly : !!_disabled;
-        const readOnly = status == null ? rawReadOnly : status === 'readOnly';
-        const disabled = readOnly || (status == null ? !!_disabled : status === 'disabled');
-        return { disabled, readOnly };
-    }, [_disabled, _readOnly, status]);
-    return result;
-};
-// 输入值添加前后缀，且兼容数字，数字键盘+值能转成数字，最终类型为数字
-export const converValueFix = (_inputValue, _before, _after, type, isUnionValue) => {
-    const [inputValue, before, after] = [_inputValue, _before, _after].map((d) => textToString(d));
-    let fixValue = inputValue;
-    if (isUnionValue !== false) {
-        fixValue = `${before}${inputValue}${after}`;
-    }
-    if (type && ['number', 'digit'].includes(type)) {
-        if (fixValue === '') {
-            fixValue = null;
-        }
-        else {
-            const numValue = Number(fixValue);
-            fixValue = isNaN(numValue) ? fixValue : numValue;
-        }
-    }
-    return fixValue;
-};
-// 前后缀值转输入值
-export const converInputValue = (_value, _before, _after, isUnionValue) => {
-    const [value, before, after] = [_value, _before, _after].map((d) => textToString(d));
-    let inputValue = value;
-    if (isUnionValue !== false) {
-        if (before && inputValue.startsWith(before)) {
-            const beforeReg = new RegExp(`^${before}`);
-            inputValue = inputValue.replace(beforeReg, '');
-        }
-        if (after && inputValue.endsWith(after)) {
-            const afterReg = new RegExp(`${after}$`);
-            inputValue = inputValue.replace(afterReg, '');
-        }
-    }
-    return inputValue;
-};
-// 转换方法参数 {value} -> str
-export const convertMethodParam = (val) => {
-    const methodValue = lodashGet(val, 'value');
-    return methodValue !== undefined ? methodValue : val;
-};
-// 将输入值转成字符串类型
-export const useStringProp = (props) => {
-    const { inputValue: _inputValue, value: _value, before: _before, after: _after, } = props || {};
-    const result = useMemo(() => {
-        const inputValue = textToString(_inputValue);
-        const value = textToString(_value);
-        const before = textToString(_before);
-        const after = textToString(_after);
-        return { inputValue, value, before, after };
-    }, [_inputValue, _value, _before, _after]);
-    return result;
-};
-// 兼容 px 单位
-export const convertPx = (val, unit = 'px') => {
-    const temp = /^\d+$/.test(`${val}`) ? `${val}${unit}` : val;
-    return typeof temp === 'string' ? temp : '';
-};
-/** 日期时间组件相关方法 start */
-// 兼容 format
-export const useDateFormat = (props) => {
-    const { mode, dateFormat } = props || {};
-    const format = useMemo(() => {
-        const formatValue = WD_DATE_FORMAT.find((item) => item.value === dateFormat);
-        switch (mode) {
-            case 'year':
-                return (formatValue === null || formatValue === void 0 ? void 0 : formatValue.year) || 'YYYY';
-            case 'month':
-                return (formatValue === null || formatValue === void 0 ? void 0 : formatValue.month) || 'YYYY-MM';
-            case 'day':
-                return (formatValue === null || formatValue === void 0 ? void 0 : formatValue.day) || 'YYYY-MM-DD';
-            case 'datetimeMinute':
-                return (formatValue === null || formatValue === void 0 ? void 0 : formatValue.datetimeMinute) || 'YYYY-MM-DD HH:mm';
-            case 'datetime':
-                return dateFormat || 'YYYY-MM-DD HH:mm:ss';
-            case 'minute':
-                return 'HH:mm';
-            case 'second':
-                return 'HH:mm:ss';
-            default:
-                return '';
-        }
-    }, [mode, dateFormat]);
-    return format;
-};
-// 将时间值转 moment 类型
-export const convertMoment = (val) => {
-    if (val == null)
-        return null;
-    let m = null;
-    try {
-        m = moment(val);
-        if (!(m === null || m === void 0 ? void 0 : m.isValid()))
-            return null;
-    }
-    catch (e) { }
-    return m;
-};
-// h5端 日历格式，month 从 0 开始
-export const convertYearMonthToWeeks = (year, month, range) => {
-    var _a, _b;
-    const CALENDAR_DAYS = 42;
-    const firstDate = new Date(year, month, 1);
-    const lastDate = new Date(year, month + 1, 0);
-    const firstWeekDay = firstDate.getDay();
-    const daysCount = lastDate.getDate();
-    const frontDays = Array.from({ length: firstWeekDay });
-    const monthDays = Array.from({ length: daysCount }).map((d, i) => i + 1);
-    const endDays = Array.from({
-        length: CALENDAR_DAYS - daysCount - firstWeekDay,
-    });
-    const days = [].concat(frontDays, monthDays, endDays);
-    let dayItems = [];
-    if (Array.isArray(range)) {
-        const start = (_a = convertMoment(range[0])) === null || _a === void 0 ? void 0 : _a.startOf('day').valueOf();
-        const end = (_b = convertMoment(range[1])) === null || _b === void 0 ? void 0 : _b.endOf('day').valueOf();
-        dayItems = days.map((day) => {
-            if (!day) {
-                return { day: '', year, month, disabled: true };
-            }
-            const tamp = new Date(year, month, day).valueOf();
-            const disabled = (start && tamp < start) || (end && tamp > end) ? true : false;
-            return { day, year, month, disabled };
-        });
-    }
-    const rows = Math.ceil(dayItems.length / 7);
-    return Array.from({ length: rows }).map((d, i) => dayItems.slice(i * 7, (i + 1) * 7));
-};
-// 补齐月天前面的 0
-export const getFullDay = (v) => (v < 10 ? `0${v}` : `${v}`);
-// IDate 对象转 value
-export const convertDateItemToValue = (param) => {
-    const { year, month, day, hour, minute, second, millisecond } = param;
-    const value = new Date(year, month, day, hour, minute, second, millisecond);
-    return isNaN(value) ? null : value.valueOf();
-};
-// value 转 IDate 对象
-export const convertValueToDateItem = (v) => {
-    const m = convertMoment(v) || getDayNow('day');
-    const [year, month, day, hour, minute, second, millisecond] = [
-        m.year(),
-        m.month(),
-        m.date(),
-        m.hour(),
-        m.minute(),
-        m.second(),
-        m.millisecond(),
-    ];
-    return { year, month, day, hour, minute, second, millisecond };
-};
-// 非标准的年月日，仅用来对比
-export const getYMD = (item) => `${item.year}-${item.month}-${item.day}`;
-// 选项值是否存在
-export const getExistValue = (value, options) => { var _a; return options.find((item) => item.value === value) ? value : (_a = options[0]) === null || _a === void 0 ? void 0 : _a.value; };
-// 获取当前20年，page 表示分页，1表示下一页，-1表示上一页
-export const convertYears = (currentYear, page = 0) => {
-    const yearStart = (Math.floor(parseInt(currentYear) / 20) + page) * 20;
-    const years = Array.from({ length: 5 }).map((item, i1) => Array.from({ length: 4 }).map((item, i2) => i1 * 4 + i2 + yearStart));
-    return { years, yearStart, yearEnd: yearStart + 20 - 1 };
-};
-// 根据 mode 获取当前默认值
-export const useDateValue = (props) => {
-    const { value, mode } = props;
-    const nowValue = useMemo(() => getDayNow(mode).valueOf(), [mode]);
-    const m = useMemo(() => convertMoment(value), [value]);
-    return m ? value : nowValue;
-};
-// 当前日期是否可选
-export const isDateInRange = (_value, _start, _end, _format) => {
-    var _a, _b;
-    let inRange = true;
-    let message = '';
-    const [value, start, end] = [_value, _start, _end].map((d) => { var _a; return (_a = convertMoment(d)) === null || _a === void 0 ? void 0 : _a.valueOf(); });
-    const format = _format || 'YYYY-MM-DD HH:mm:ss';
-    if ((!isNil(start) && value < start) || (!isNil(end) && value > end)) {
-        inRange = false;
-        const startDate = ((_a = convertMoment(start)) === null || _a === void 0 ? void 0 : _a.format(format)) || '--';
-        const endDate = ((_b = convertMoment(end)) === null || _b === void 0 ? void 0 : _b.format(format)) || '--';
-        message = `可选范围：${startDate} ~ ${endDate}`;
-    }
-    return [inRange, message];
-};
-// 时间戳毫秒数
-const diffTime = (val) => {
-    var _a, _b;
-    const currentTime = (_a = convertMoment(val)) === null || _a === void 0 ? void 0 : _a.startOf('second').valueOf();
-    const currentDate = (_b = convertMoment(val)) === null || _b === void 0 ? void 0 : _b.startOf('day').valueOf();
-    return currentTime - currentDate;
-};
-// 将任意输入转成毫秒数, 兼容 number / HH:mm[:ss] / 时间戳 / Moment
-export const convertTimeValue = (value) => {
-    let time = null;
-    if (typeof value === 'number') {
-        if (value <= MAX_TIME) {
-            time = value;
-        }
-        else {
-            time = diffTime(value);
-        }
-    }
-    else if (typeof value === 'string') {
-        const match = value.match(/(\d{2}):(\d{2}):?(\d{2})?/);
-        if (match) {
-            const [yes, hour = 0, minute = 0, second = 0] = match;
-            if (yes &&
-                Number(hour) < 24 &&
-                Number(minute) < 60 &&
-                Number(second) < 60) {
-                time = moment.duration(`${hour}:${minute}:${second}`).asMilliseconds();
-            }
-        }
-    }
-    else if (moment.isMoment(value)) {
-        time = diffTime(value);
-    }
-    return time;
-};
-// 将毫秒数转成 momnet 类型
-export const convertTimeToMoment = (value) => {
-    if (value == null)
-        return null;
-    const time = convertTimeValue(value);
-    const m = moment.duration(time);
-    const [hour, minute, second] = [m.hours(), m.minutes(), m.seconds()];
-    return moment().startOf('day').hour(hour).minute(minute).second(second);
-};
-/** 日期时间组件相关方法 end */
-/** 组件 API start */
-// 封装表单组件属性api和方法api
-export const useFormItemCommonTrait = (props) => {
-    const { label, name, inputRef } = props;
-    const [innerHandle, setInnerHandle] = useState({});
-    const { before, after } = useStringProp(props);
-    const traitProps = { ...props, setInnerHandle };
-    const trait = useFormInputTrait(traitProps);
-    const { value, disabled, readOnly, visible, required } = trait;
-    useImperativeHandle(inputRef, () => ({
-        ...innerHandle,
-        name,
-        value,
-        label,
-        required,
-        visible,
-        disabled,
-        readOnly,
-        before,
-        after,
-    }), [
-        innerHandle,
-        name,
-        value,
-        label,
-        required,
-        visible,
-        disabled,
-        readOnly,
-        before,
-        after,
-    ]);
-    return trait;
-};
-// 封装表单组件的清空事件，返回值提供给 WdInputWrap 使用
-export const useHandleClear = (props) => {
-    const { onChange, clearable, disabled, value } = props;
-    const isH5 = usePlatform() === 'h5';
-    const [hover, setHover] = useState(false);
-    const onMouseEnter = () => setHover(true);
-    const onMouseLeave = () => setHover(false);
-    const onClear = () => onChange === null || onChange === void 0 ? void 0 : onChange(null);
-    const hasClearIcon = clearable && !disabled && !isNil(value) && (hover || isH5);
-    return { onMouseEnter, onMouseLeave, onClear, hasClearIcon };
-};

package/dist/web/utils/hooks/useSetState.d.ts

@@ -1 +0,0 @@
-export declare const useSetState: <T extends object>(initialState?: T) => [T, (patch: Partial<T> | ((prevState: T) => Partial<T>)) => void];

package/dist/web/utils/hooks/useSetState.js

@@ -1,8 +0,0 @@
-import { useCallback, useState } from 'react';
-export const useSetState = (initialState = {}) => {
-    const [state, set] = useState(initialState);
-    const setState = useCallback((patch) => {
-        set((prevState) => Object.assign({}, prevState, patch instanceof Function ? patch(prevState) : patch));
-    }, []);
-    return [state, setState];
-};

package/dist/web/utils/hooks/useSyncValue.d.ts

@@ -1,4 +0,0 @@
-type TComparotor<T = unknown> = (a: T, b: T) => boolean;
-type INextState<T> = T | ((prevState: T) => T);
-export declare function useSyncValue<T>(defaultValue: T, comparotor?: TComparotor): [T, (nextState: INextState<T>) => void];
-export {};

package/dist/web/utils/hooks/useSyncValue.js

@@ -1,15 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-import { usePrevious } from '@react-hookz/web';
-export function useSyncValue(defaultValue, comparotor = Object.is) {
-    const [stateValue, setStateValue] = useState(defaultValue);
-    const prevValue = usePrevious(defaultValue);
-    useEffect(() => {
-        if (!comparotor(prevValue, defaultValue)) {
-            setStateValue(defaultValue);
-        }
-    }, [defaultValue]);
-    const setter = useCallback((next) => {
-        setStateValue(next);
-    }, [setStateValue]);
-    return [stateValue, setter];
-}

package/dist/web/utils/isObjectEqual.d.ts

@@ -1,2 +0,0 @@
-export function serde(a: any): any;
-export default function _default(a: any, b: any, shouldSerde?: boolean): any;

package/dist/web/utils/isObjectEqual.js

@@ -1,12 +0,0 @@
-import isEqual from 'lodash.isequal';
-export function serde(a) {
-    return JSON.parse(JSON.stringify(a));
-}
-const isObj = (a) => typeof a === 'object' && a !== null;
-export default function (a, b, shouldSerde = false) {
-    if (shouldSerde && isObj(a) && isObj(b)) {
-        // for Proxy created by mbox
-        return isEqual(serde(a), serde(b));
-    }
-    return isEqual(a, b);
-}

package/dist/web/utils/loading-fallback.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const fallback: JSX.Element;

package/dist/web/utils/loading-fallback.js

@@ -1,2 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const fallback = _jsx("div", { children: "\u7EC4\u4EF6\u52A0\u8F7D\u4E2D..." });

package/dist/web/utils/lodash.d.ts

@@ -1 +0,0 @@
-export declare const isNil: (val: unknown) => val is null;

package/dist/web/utils/lodash.js

@@ -1,2 +0,0 @@
-// https://github.com/lodash/lodash/blob/4.17.15/lodash.js#L11973
-export const isNil = (val) => val == null;

package/dist/web/utils/moment.d.ts

@@ -1,6 +0,0 @@
-import * as _moment from 'moment';
-declare const moment: typeof import("moment");
-export declare const getDayNow: (mode?: string) => _moment.Moment;
-export declare const getDayEnd100: () => string;
-export declare const getDayStart100: () => string;
-export default moment;

package/dist/web/utils/moment.js

@@ -1,25 +0,0 @@
-import * as _moment from 'moment';
-const moment = typeof _moment === 'function' ? _moment : _moment.default;
-export const getDayNow = (mode = '') => {
-    switch (mode) {
-        case 'year':
-            return moment().startOf('year');
-        case 'month':
-            return moment().startOf('month');
-        case 'day':
-            return moment().startOf('day');
-        case 'datetimeMinute':
-            return moment().startOf('minute');
-        case 'minute':
-            return moment().startOf('minute');
-        case 'second':
-            return moment().startOf('second');
-        case 'datetime':
-            return moment();
-        default:
-            return moment();
-    }
-};
-export const getDayEnd100 = () => moment().add(100, 'y').format('YYYY-MM-DD');
-export const getDayStart100 = () => moment().subtract(100, 'y').format('YYYY-MM-DD');
-export default moment;

package/dist/web/utils/platform.d.ts

@@ -1,40 +0,0 @@
-export function usePlatform(): "h5" | "pc";
-/**
- * 在h5下，判断当前是否是移动浏览器
- */
-export function inH5IsMobile(): boolean;
-/**
- * 统一错误提示
- */
-export function alertErrorMessage({ message, duration, icon }: {
-    message: any;
-    duration?: number;
-    icon?: string;
-}): void;
-export function isH5Platform(): boolean;
-export function isCloudFileID(url: any): boolean;
-export function isHttpFileID(url: any): boolean;
-export function filterStrList(value: any): any[];
-export function transSize(size: any): string;
-export function downloadFile(url: any, name: any): void;
-export function cutFileTitle(str?: string, count?: number): string;
-export function isInIde(): boolean;
-export function isWXIDE(): boolean;
-export function resolveStaticResourceUrl(path: any): any;
-export function transFileCloudidToName(fileID: any): string;
-export function isUrl(path: any): boolean;
-export function randomStr(len?: number): string;
-export function getWhereList(where: any): {}[];
-export function textToString(text: any): string;
-export function navigateToModelPage(action: any, params?: {}): void;
-export function navigateBack(): void;
-export function isSystemField(field: any): boolean;
-export function filterInvalidFormValue(formValues: any, formFieldsEntityList: any): any;
-export function getUserInfo(): Promise<any>;
-export function isSupportLoading(): boolean;
-export function isWebInMiniprogram(): boolean | RegExpMatchArray;
-export function browserEnv(): {
-    android: boolean;
-    weixin: boolean;
-};
-export function getParseValue(v: any): any;