@cloudbase/weda-ui 0.2.16 → 0.2.21-alpha.1

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

@@ -0,0 +1,84 @@
+import { convertMoment } from '../moment';
+import type { IDate, IOption } from '../../components/wd-date/elements/interface';
+export declare const MAX_TIME = 86399999;
+export declare const SELECT_ICON_H5 = "chevronright";
+export declare const SELECT_ICON_PC = "chevrondown";
+export declare const ICON_SIZE_MAP: {
+    lg: string;
+    md: string;
+    sm: string;
+};
+export declare const WEEKS: string[];
+export declare const useSize: (props: any) => any;
+export declare const convertIconSize: (s: any, map?: {
+    lg: string;
+    md: string;
+    sm: string;
+}) => 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, isConvert?: boolean) => 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 { convertMoment };
+export declare const getStartMoment: (mode?: string, value?: any, setDefault?: boolean) => any;
+export declare const getEndMoment: (mode?: string, value?: any) => any;
+export declare const getValueByAddYear: (num?: number) => number;
+export interface IWeekItem {
+    day: any;
+    year: any;
+    month: any;
+    disabled?: boolean;
+    isPre?: boolean;
+    isNext?: boolean;
+    marked?: boolean;
+}
+export declare const convertYearMonthToWeeks: (year: any, month: any, range?: any[], config?: {
+    isDynamic?: boolean;
+    isPreNext?: boolean;
+}) => IWeekItem[][];
+export declare const getFullDay: (v: any) => string;
+export declare const convertDateItemToValue: (param: IDate, fixMonth?: boolean) => 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, row?: number, col?: 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) => any;
+export declare const convertTimePickerValue: (_value: any, _start?: any, _end?: any, mode?: any) => any;
+/** 日期时间组件相关方法 end */
+/** 组件 API start */
+export declare const useHandleClear: (props: {
+    onChange?: any;
+    clearable?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    value?: any;
+}) => {
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    onClear: () => any;
+    hasClearIcon: boolean;
+};
+export declare const convertAcceptTypes: (_acceptTypes?: string) => any[];
+export declare const useFixedIcon: (props: any) => any[];

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

@@ -0,0 +1,433 @@
+import { useMemo, useRef, useState, useCallback } 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, { convertMoment } from '../moment';
+import { isNil } from '../lodash';
+import { X_RUNTIME_DEFAULT } from '../../../configs/type-utils/x-runtime-default';
+const PROPS_VALUE_MAP = {
+    size: { l: 'lg', m: 'md', s: 'sm' },
+    selectSize: { lg: 'l', md: 'm', sm: 's' },
+};
+export const MAX_TIME = 86399999;
+export const SELECT_ICON_H5 = 'chevronright';
+export const SELECT_ICON_PC = 'chevrondown';
+export const ICON_SIZE_MAP = { lg: 'sm', md: 'xs', sm: 'xxs' };
+export const WEEKS = ['日', '一', '二', '三', '四', '五', '六'];
+// h5端固定为 md
+export const useSize = (props) => {
+    var _a;
+    const platform = usePlatform();
+    const _size = (_a = props.size) !== null && _a !== void 0 ? _a : X_RUNTIME_DEFAULT.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 convertIconSize = (s, map = ICON_SIZE_MAP) => {
+    return map[s] || s;
+};
+// 位置，需要从 WdForm 中同步，所以默认为空
+export const useLayout = (props) => {
+    const { layout: _layout = X_RUNTIME_DEFAULT.layout } = props || {};
+    const layout = useMemo(() => {
+        return convertLegacyEnum(_layout, WD_INPUT_LAYOUT);
+    }, [_layout]);
+    return layout;
+};
+// 对齐
+export const useLabelAlign = (props) => {
+    const { labelAlign: _labelAlign = X_RUNTIME_DEFAULT.labelAlign } = props || {};
+    const labelAlign = useMemo(() => {
+        return convertLegacyEnum(_labelAlign, WD_INPUT_LABEL_ALIGN, 'left');
+    }, [_labelAlign]);
+    return labelAlign;
+};
+// 兼容有前后缀时的必填校验
+export const useRules = (props) => {
+    const { rules: _rules = X_RUNTIME_DEFAULT.rules, required = X_RUNTIME_DEFAULT.required, before = X_RUNTIME_DEFAULT.before, after = X_RUNTIME_DEFAULT.after, requiredMsg, isUnionValue, } = props || {};
+    const [_before, _after] = [textToString(before), textToString(after)];
+    const rulesRef = useRef(_rules);
+    const rules = useMemo(() => {
+        let newRules = _rules;
+        if (required && (_before || _after) && isUnionValue) {
+            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, isUnionValue]);
+    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, isConvert = true) => {
+    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) && isConvert) {
+        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)) {
+            inputValue = inputValue.slice(before.length);
+        }
+        if (after && inputValue.endsWith(after)) {
+            inputValue = inputValue.slice(0, -after.length);
+        }
+    }
+    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 = X_RUNTIME_DEFAULT.before, after: _after = X_RUNTIME_DEFAULT.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 = X_RUNTIME_DEFAULT.mode, dateFormat = X_RUNTIME_DEFAULT.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 { convertMoment };
+// 开始时间 / 当前时间
+export const getStartMoment = (mode = '', value = null, setDefault = true) => {
+    let m = convertMoment(value);
+    if (!m && !setDefault)
+        return m;
+    m = m || moment();
+    switch (mode) {
+        case 'year':
+            return m.startOf('year');
+        case 'month':
+            return m.startOf('month');
+        case 'day':
+            return m.startOf('day');
+        case 'datetimeMinute':
+        case 'minute':
+            return m.startOf('minute');
+        case 'second':
+        case 'datetime':
+            return m.startOf('second');
+        default:
+            return m;
+    }
+};
+// 结束时间
+export const getEndMoment = (mode = '', value = null) => {
+    const m = convertMoment(value) || moment();
+    switch (mode) {
+        case 'year':
+            return m.endOf('year');
+        case 'month':
+            return m.endOf('month');
+        case 'day':
+            return m.endOf('day');
+        case 'datetimeMinute':
+        case 'minute':
+            return m.endOf('minute');
+        case 'second':
+        case 'datetime':
+            return m.endOf('second');
+        default:
+            return m;
+    }
+};
+export const getValueByAddYear = (num = 0) => moment().add(num, 'y').valueOf();
+// 获取某个月份在 6 * 7 矩阵中的星期长度
+const getWeek = (_year, _month) => {
+    const CALENDAR_DAYS = 42;
+    const firstDate = new Date(_year, _month, 1);
+    const lastDate = new Date(_year, _month + 1, 0);
+    const firstWeekDay = firstDate.getDay();
+    const count = lastDate.getDate();
+    const year = firstDate.getFullYear();
+    const month = firstDate.getMonth();
+    const days = Array.from({ length: count }).map((d, i) => ({
+        day: i + 1,
+        year,
+        month,
+    }));
+    return {
+        count,
+        preMiss: firstWeekDay,
+        nextMiss: CALENDAR_DAYS - count - firstWeekDay,
+        year,
+        month,
+        days,
+    };
+};
+export const convertYearMonthToWeeks = (year, month, range, config) => {
+    var _a, _b;
+    const { preMiss, nextMiss, days: monthDays } = getWeek(year, month);
+    let preDays = Array.from({ length: preMiss }).map(() => ({}));
+    let nextDays = Array.from({ length: nextMiss }).map(() => ({}));
+    // 补齐前后月份
+    if (config === null || config === void 0 ? void 0 : config.isPreNext) {
+        if (preMiss) {
+            preDays = getWeek(year, month - 1)
+                .days.map((item) => ({ ...item, isPre: true }))
+                .slice(-preMiss);
+        }
+        if (nextMiss) {
+            nextDays = getWeek(year, month + 1)
+                .days.map((item) => ({ ...item, isNext: true }))
+                .slice(0, nextMiss);
+        }
+    }
+    // 不固定 6*7
+    if ((config === null || config === void 0 ? void 0 : config.isDynamic) && nextDays.length >= 7) {
+        nextDays = nextDays.slice(0, -7);
+    }
+    let days = [].concat(preDays, monthDays, nextDays);
+    // 添加禁用
+    const start = Array.isArray(range) && ((_a = convertMoment(range[0])) === null || _a === void 0 ? void 0 : _a.startOf('day').valueOf());
+    const end = Array.isArray(range) && ((_b = convertMoment(range[1])) === null || _b === void 0 ? void 0 : _b.endOf('day').valueOf());
+    days = days.map((item) => {
+        const { year, month, day } = item;
+        if (!day) {
+            return { ...item, day: '', disabled: true };
+        }
+        const timestamp = new Date(year, month, day).valueOf();
+        const disabled = (start && timestamp < start) || (end && timestamp > end) ? true : false;
+        return { ...item, disabled };
+    });
+    // 行列数组
+    const rows = Math.ceil(days.length / 7);
+    return Array.from({ length: rows }).map((d, i) => days.slice(i * 7, (i + 1) * 7));
+};
+// 补齐月天前面的 0
+export const getFullDay = (v) => (v < 10 ? `0${v}` : `${v}`);
+// IDate 对象转 value
+export const convertDateItemToValue = (param, fixMonth = true) => {
+    var _a, _b;
+    const { year, month, day, hour, minute, second, millisecond } = param;
+    const current = new Date(year, month, day, hour, minute, second, millisecond);
+    const currentValue = isNaN(current) ? null : current.valueOf();
+    if (!fixMonth || currentValue == null)
+        return currentValue;
+    const { day: maxDay } = convertValueToDateItem((_b = (_a = moment({ year, month })).endOf) === null || _b === void 0 ? void 0 : _b.call(_a, 'month'));
+    const maxValue = convertDateItemToValue({ ...param, day: maxDay }, false);
+    return currentValue > maxValue ? maxValue : currentValue;
+};
+// value 转 IDate 对象
+export const convertValueToDateItem = (v) => {
+    const m = convertMoment(v) || getStartMoment('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, row = 5, col = 4) => {
+    const count = row * col;
+    const yearStart = (Math.floor(parseInt(currentYear) / count) + page) * count;
+    const years = Array.from({ length: row }).map((item, i1) => Array.from({ length: col }).map((_, i2) => i1 * col + i2 + yearStart));
+    return { years, yearStart, yearEnd: yearStart + count - 1 };
+};
+// 根据 mode 获取当前默认值
+export const useDateValue = (props) => {
+    const { value, mode } = props;
+    const nowValue = useMemo(() => getStartMoment(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);
+    return getStartMoment('day').add(m);
+};
+export const convertTimePickerValue = function (_value, _start, _end, mode) {
+    var _a, _b;
+    let value = (convertTimeToMoment(_value) || getStartMoment(mode)).valueOf();
+    const start = (_a = convertTimeToMoment(_start)) === null || _a === void 0 ? void 0 : _a.valueOf();
+    const end = (_b = convertTimeToMoment(_end)) === null || _b === void 0 ? void 0 : _b.valueOf();
+    if (start && start > value) {
+        value = start;
+    }
+    else if (end < value) {
+        value = end;
+    }
+    return value;
+};
+/** 日期时间组件相关方法 end */
+/** 组件 API start */
+// 封装表单组件的清空事件，返回值提供给 WdInputWrap 使用
+export const useHandleClear = (props) => {
+    const { onChange, clearable, disabled, readOnly, value } = props;
+    const isH5 = usePlatform() === 'h5';
+    const [hover, setHover] = useState(false);
+    const onMouseEnter = useCallback(() => setHover(true), []);
+    const onMouseLeave = useCallback(() => setHover(false), []);
+    const onClear = useCallback(() => onChange === null || onChange === void 0 ? void 0 : onChange(null), [onChange]);
+    const truth = !isNil(value) &&
+        value !== '' &&
+        (!Array.isArray(value) || value.length !== 0);
+    const hasClearIcon = clearable && !disabled && !readOnly && truth && (hover || isH5);
+    return { onMouseEnter, onMouseLeave, onClear, hasClearIcon };
+};
+// 上传文案类型限制属性，兼容字符串/数组
+export const convertAcceptTypes = (_acceptTypes = X_RUNTIME_DEFAULT._acceptTypesInFile) => {
+    let types = [];
+    if (typeof _acceptTypes === 'string') {
+        const str = _acceptTypes.replace(/\s+/gi, '').replace(/，/gi, ',');
+        types = str.split(',');
+    }
+    else if (Array.isArray(_acceptTypes)) {
+        types = _acceptTypes;
+    }
+    return types
+        .filter((d) => !!d)
+        .map((d) => (/(\*)|(\/)|(^\..+)/.test(d) ? d : `.${d}`));
+};
+// 区分不同端的前后缀图标，比如下拉选择
+export const useFixedIcon = (props) => {
+    const { type, icon, iconH5, iconPc } = props;
+    const isH5 = usePlatform() === 'h5';
+    return useMemo(() => {
+        const fixedIcon = isH5 ? iconH5 : iconPc;
+        let [typeTemp, iconTemp] = [type, icon];
+        if (type === 'fixed') {
+            typeTemp = 'inner';
+            iconTemp = fixedIcon;
+        }
+        return [typeTemp, iconTemp];
+    }, [type, icon, iconH5, iconPc, isH5]);
+};

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { AttachContainer } from 'tea-component/lib/_util/get-overlay-root';
+interface IRecycle {
+    format?: string;
+    version?: 'wd';
+    readOnly?: boolean;
+    children?: any;
+    recycleBack?: (v: any) => void;
+    onRelationTagClick?: (v: any) => void;
+    portalContainer?: AttachContainer;
+}
+export declare const useRecycle: () => IRecycle;
+/**
+ * 新组件往旧组件中传入一些值
+ */
+export declare function RecycleProvider(props: IRecycle): JSX.Element;
+export {};

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useCallback } from 'react';
+import { noop } from '../constant';
+const RecycleContext = createContext({});
+export const useRecycle = () => {
+    const context = useContext(RecycleContext) || {};
+    return context;
+};
+/**
+ * 新组件往旧组件中传入一些值
+ */
+export function RecycleProvider(props) {
+    const { children, recycleBack = noop, ...rest } = props;
+    const cb = useCallback((v) => {
+        recycleBack === null || recycleBack === void 0 ? void 0 : recycleBack(v);
+    }, []);
+    const recycleProps = Object.assign({ version: 'wd', recycleBack: cb }, rest);
+    return (_jsx(RecycleContext.Provider, { value: recycleProps, children: children }));
+}

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

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

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

@@ -0,0 +1,6 @@
+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, {
+    current: T;
+}];
+export {};

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

@@ -0,0 +1,38 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { usePrevious } from '@react-hookz/web';
+export function useSyncValue(defaultValue, comparotor = Object.is) {
+    const [stateValue, setStateValue] = useState(defaultValue);
+    const latestValueRef = useRef(stateValue);
+    const prevValue = usePrevious(defaultValue);
+    useEffect(() => {
+        if (!comparotor(prevValue, defaultValue)) {
+            latestValueRef.current = defaultValue;
+            setStateValue(defaultValue);
+        }
+    }, [defaultValue]);
+    const setter = useCallback((next) => {
+        let nextVal;
+        if (typeof next === 'function') {
+            // @ts-expect-error checked function
+            nextVal = next(stateValue);
+        }
+        else {
+            nextVal = next;
+        }
+        latestValueRef.current = nextVal;
+        setStateValue(nextVal);
+    }, [setStateValue, stateValue]);
+    return [
+        stateValue,
+        setter,
+        // 只在函数闭包中使用
+        useMemo(() => {
+            return Object.freeze({
+                /* istanbul ignore next */
+                get current() {
+                    return latestValueRef.current;
+                },
+            });
+        }, []),
+    ];
+}

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

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

package/dist/web/utils/isObjectEqual.js

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

@@ -0,0 +1 @@
+export {};

package/dist/web/utils/loadIconCss.js

@@ -0,0 +1,32 @@
+import cfg from '../../iconConfig.json';
+import { getUrlPath } from './tool';
+import { errorHandler } from './error';
+// 加载样式，失败抛出错误
+function loadLink(url, className) {
+    return new Promise((resolve, reject) => {
+        if (!document || !url || typeof url !== 'string') {
+            reject();
+        }
+        else if (document.querySelectorAll('.'.concat(className, '[href="').concat(url, '"]')).length > 0) {
+            resolve(true);
+        }
+        else {
+            const l = document.createElement('link');
+            l.setAttribute('class', className);
+            l.setAttribute('href', url);
+            l.setAttribute('rel', 'stylesheet');
+            document.head.appendChild(l);
+            l.addEventListener('load', () => resolve(true));
+            l.addEventListener('error', () => reject());
+        }
+    });
+}
+// 组件库加载后默认挂载图标库
+(function () {
+    try {
+        loadLink(getUrlPath(cfg.path, cfg.cssFile), 'wd-load-remote-icon');
+    }
+    catch (e) {
+        errorHandler({ code: 'LoadIconResourceError', error: e });
+    }
+})();

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

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

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

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

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