@cloudbase/weda-ui 3.5.0 → 3.5.2

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

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

package/dist/web/utils/platform.js

@@ -1,4 +1,3 @@
-import { useMediaQuery } from '@react-hookz/web';
 import { REL_DICT, SystemDefaultFields } from './constant';
 import { message as TeaMessage } from 'tea-component';
 /**
@@ -34,11 +33,14 @@ export const isHttpFileID = (url) => {
     return /^http(s?):\/\/.*/.test(url);
 };
 export function usePlatform() {
-    var _a, _b;
-    const smallScreen = (_a = useMediaQuery('(max-width: 768px)')) !== null && _a !== void 0 ? _a : isH5Platform();
-    const touchDevice = (_b = useMediaQuery('(pointer:coarse)')) !== null && _b !== void 0 ? _b : smallScreen;
-    // 非高精度指针（鼠标）就直接 h5， 否则当屏幕小于1024 时用h5
-    return touchDevice || smallScreen ? 'h5' : 'pc';
+    var _a, _b, _c, _d, _e, _f, _g;
+    // 默认使用 runtime 提供的 API来统一判断是否移动端，脱离微搭使用时采用屏幕宽度和UA判断
+    // 不进行 observer 的目的是不希望出现页面 resize 时切换大小屏
+    // 编辑器在大小屏切换时会刷新，所以不需要监听 platforms 变化
+    // 由于编辑器中从 mp 和 h5 之间切换不会刷新页面，这里将 mp 也视为小屏幕
+    const smallScreen = (_g = (((_c = (_b = (_a = window.$w) === null || _a === void 0 ? void 0 : _a.wedaContext) === null || _b === void 0 ? void 0 : _b.platforms) === null || _c === void 0 ? void 0 : _c.includes(`MOBILEWEB`)) ||
+        ((_f = (_e = (_d = window.$w) === null || _d === void 0 ? void 0 : _d.wedaContext) === null || _e === void 0 ? void 0 : _e.platforms) === null || _f === void 0 ? void 0 : _f.includes(`MP`)))) !== null && _g !== void 0 ? _g : isH5Platform();
+    return smallScreen ? 'h5' : 'pc';
 }
 /**
  * 在h5下，判断当前是否是移动浏览器
@@ -152,7 +154,6 @@ export const isWXIDE = () => /wechatideplugin/i.test(navigator.userAgent);
 export const resolveStaticResourceUrl = (path) => {
     var _a, _b;
     try {
-        // eslint-disable-next-line no-unsafe-optional-chaining
         const resourceUrl = (_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.__internal__) === null || _b === void 0 ? void 0 : _b.resolveStaticResourceUrl(path);
         return resourceUrl;
     }
@@ -282,7 +283,6 @@ export function alertErrorMessage({ message, duration = 3000, icon = 'none' }) {
  */
 export const navigateToModelPage = (action, params = {}) => {
     var _a, _b;
-    // eslint-disable-next-line prefer-const
     let { id, dbName } = params;
     // 没有指定数据库标识
     if (!dbName) {
@@ -328,7 +328,6 @@ export const filterInvalidFormValue = (formValues, formFieldsEntityList) => {
         const fieldValue = formValues === null || formValues === void 0 ? void 0 : formValues[fieldName];
         const isEffectiveFieldValue = !filterRules(fieldValue, fieldEntity).includes(true);
         if (isEffectiveFieldValue) {
-            // eslint-disable-next-line no-param-reassign
             newFormValue[fieldName] = fieldValue;
         }
         return newFormValue;

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

@@ -0,0 +1,14 @@
+export class PollingInterface {
+    constructor(fn: any, interval?: number, count?: number);
+    timeObj: {};
+    timeId: number;
+    isFirst: boolean;
+    fn: any;
+    interval: number;
+    defaultCount: number;
+    count: number;
+    setCallback(cb: any): void;
+    cb: any;
+    start(): void;
+    stop(): void;
+}

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

@@ -0,0 +1,44 @@
+export interface ISwrOptions {
+    swrMode?: boolean;
+    cacheTime?: number;
+    forceClear?: boolean;
+}
+/**
+ * 获取单个临时链接
+ * 单个cos文件，返回字符串
+ * 多个cos文件，返回 {fileID: src} 这样的对象
+ */
+export declare function getTempFileURL(data: any): Promise<any>;
+/**
+ * 云函数获取数据
+ */
+export declare function callDataSource(param: {
+    dataSourceName: string;
+    methodName: string;
+    params: Record<string, unknown> | any;
+    viewId?: string;
+    swr?: ISwrOptions;
+}, throwError?: boolean): Promise<any>;
+/**
+ * 云函数获取API数据
+ */
+export declare function callConnector(param: any, throwError?: boolean): Promise<any>;
+/**
+ * 云API：获取用户自定义导航内容
+ *  param
+ *  WeAppId: string,
+ *  EnvId: string,
+ *  PublishType?: string,
+ */
+export declare function getAppCustomNav(): Promise<any>;
+export declare const getIsExitApi: (params: any) => Promise<boolean>;
+export declare const callWedaApi: (params: any) => any;
+export declare const callFunction: (...args: any[]) => any;
+export declare function getCloudInstance(): Promise<any>;
+export declare const appCloudCallWorkFlow: (params: any) => any;
+export declare const appCloudCallWedaApi: (params: any) => any;
+export declare const appCloudGetDataSourceProfile: (dbName: any) => any;
+export declare const appCloudGetWedaUserId: () => any;
+export declare const appCloudIsInWedaIde: () => any;
+export declare const appCloudGetWedaRelatedRoles: () => any;
+export declare function appCloudShowWedaToast(params: any): any;

package/dist/web/utils/tcb.js

@@ -1,4 +1,25 @@
 import { isInIde } from './platform';
+import { deepClone } from './tool';
+// 默认使用swr的methodName
+const SWR_METHOD_DEFAULT = [
+    'wedaGetItem',
+    'wedaGetRecords',
+    'wedaGetItemV2',
+    'wedaGetRecordsV2',
+    'getApiKey',
+];
+// 默认使用swr的action
+const SWR_ACTION_DEFAULT = [
+    'DescribeAppCustomNav',
+    'DescribeChartCardData',
+    'DescribeChartData',
+    'DescribeRuntimeDataViewList',
+    'DescribeRuntimeDataViewPropertiesList',
+    'DescribeDataImportDetail',
+    'DescribeDataImportList',
+    'DescribeGeneralOptionsDetailList',
+    'QueryRuntimeAreaCode',
+];
 /**
  * 云存储/云函数相关
  */
@@ -15,6 +36,23 @@ import { isInIde } from './platform';
 // export function getNativeCloudInstance() {
 //   return tcb;
 // }
+/**
+ * 获取swrMode参数，用于数据源获取
+ * @param param0
+ * @returns
+ */
+const dealParamsWithSwr = (data, type = 'method') => {
+    const swr = data.swr || {};
+    const toJudge = {
+        method: { list: SWR_METHOD_DEFAULT, key: 'methodName' },
+        action: { list: SWR_ACTION_DEFAULT, key: 'action' },
+    }[type];
+    let swrMode = false;
+    if (toJudge && toJudge.list.includes(data[toJudge.key])) {
+        swrMode = swr.swrMode === undefined ? true : swr.swrMode;
+    }
+    return { swr: { swrMode, forceClear: !!swr.forceClear } };
+};
 /**
  * 获取单个临时链接
  * 单个cos文件，返回字符串
@@ -31,12 +69,12 @@ export async function getTempFileURL(data) {
  */
 export async function callDataSource(param, throwError = false) {
     var _a, _b, _c;
-    const { dataSourceName, methodName, params } = param;
+    const { dataSourceName, methodName, params } = deepClone(param);
     try {
         const res = await ((_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.cloud) === null || _b === void 0 ? void 0 : _b.callDataSource) === null || _c === void 0 ? void 0 : _c.call(_b, {
             dataSourceName,
             methodName,
-            params,
+            params: { ...params, ...dealParamsWithSwr(param) },
         }));
         return res;
     }
@@ -52,12 +90,12 @@ export async function callDataSource(param, throwError = false) {
  */
 export async function callConnector(param, throwError = false) {
     var _a, _b, _c;
-    const { dataSourceName, methodName, params } = param;
+    const { dataSourceName, methodName, params } = deepClone(param);
     try {
         const res = await ((_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.cloud) === null || _b === void 0 ? void 0 : _b.callConnector) === null || _c === void 0 ? void 0 : _c.call(_b, {
             dataSourceName,
             methodName,
-            params,
+            params: { ...params, ...dealParamsWithSwr(param) },
         }));
         return res;
     }
@@ -111,22 +149,32 @@ export const getIsExitApi = async (params) => {
         return !status;
     }
 };
-export const callWedaApi = (...args) => { var _a, _b; return (_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.cloud) === null || _b === void 0 ? void 0 : _b.callWedaApi(...args); };
+export const callWedaApi = (params) => {
+    var _a, _b;
+    const paramsTemp = {
+        ...deepClone(params),
+        ...dealParamsWithSwr(params, 'action'),
+    };
+    delete paramsTemp.swr;
+    return (_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.cloud) === null || _b === void 0 ? void 0 : _b.callWedaApi(paramsTemp);
+};
 export const callFunction = (...args) => { var _a, _b; return (_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.cloud) === null || _b === void 0 ? void 0 : _b.callFunction(...args); };
 export async function getCloudInstance() {
     var _a, _b;
     const tcb = await ((_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.cloud) === null || _b === void 0 ? void 0 : _b.getCloudInstance());
     return tcb;
 }
-export const appCloudCallWorkFlow = (...args) => {
-    var _a, _b;
-    const callWorkflow = (_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.cloud) === null || _b === void 0 ? void 0 : _b.callWorkflow;
-    return callWorkflow && (callWorkflow === null || callWorkflow === void 0 ? void 0 : callWorkflow(...args));
+export const appCloudCallWorkFlow = (params) => {
+    var _a, _b, _c;
+    const paramsTemp = {
+        ...deepClone(params),
+        ...dealParamsWithSwr(params, 'action'),
+    };
+    delete paramsTemp.swr;
+    return (_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.cloud) === null || _b === void 0 ? void 0 : _b.callWorkflow) === null || _c === void 0 ? void 0 : _c.call(_b, paramsTemp);
 };
-export const appCloudCallWedaApi = (...args) => {
-    var _a, _b;
-    const callWedaApi = (_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.cloud) === null || _b === void 0 ? void 0 : _b.callWedaApi;
-    return callWedaApi && (callWedaApi === null || callWedaApi === void 0 ? void 0 : callWedaApi(...args));
+export const appCloudCallWedaApi = (params) => {
+    return callWedaApi(params);
 };
 export const appCloudGetDataSourceProfile = (dbName) => {
     var _a, _b, _c;

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

@@ -0,0 +1,3 @@
+export function getTMap(): any;
+export function calculateDistance(latlng1: any, latlng2: any): number;
+export const base64LocationIcon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODQiIGhlaWdodD0iODgiIHZpZXdCb3g9IjAgMCA4NCA4OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC45OCIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZGRkXzI0NDdfNTc0OSkiPgo8Y2lyY2xlIGN4PSI0MiIgY3k9IjM2IiByPSIxMiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8Y2lyY2xlIGN4PSI0MiIgY3k9IjM2IiByPSI3IiBmaWxsPSIjMDA1MkQ5Ii8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RkZF8yNDQ3XzU3NDkiIHg9IjAiIHk9IjAiIHdpZHRoPSI4NCIgaGVpZ2h0PSI4OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSI4Ii8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDggMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18yNDQ3XzU3NDkiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMTYiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTIiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDQgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI0NDdfNTc0OSIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfMjQ0N181NzQ5Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjYiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iZWZmZWN0Ml9kcm9wU2hhZG93XzI0NDdfNTc0OSIgcmVzdWx0PSJlZmZlY3QzX2Ryb3BTaGFkb3dfMjQ0N181NzQ5Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0M19kcm9wU2hhZG93XzI0NDdfNTc0OSIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K";

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

@@ -0,0 +1,39 @@
+/**
+ * 字符串安全转JSON
+ */
+export declare const safeJsonParse: (val: any) => any;
+/**
+ * 判断值是否为空
+ */
+export declare const isValueNone: (val: any) => boolean;
+/**
+ * 判断值是否为空，在 isValueNone 基础上加上空数组
+ */
+export declare const isValueEmpty: (val: any) => boolean;
+/**
+ * 唯一标识
+ */
+export declare const getUuid: () => string;
+/**
+ * 转换枚举值
+ */
+export declare const convertLegacyEnum: (prop: any, enumObj: any, defaultValue?: any) => any;
+/**
+ * 判断数据源字段类型名称
+ */
+export declare const getFieldsTypeName: (fields: any) => any;
+/**
+ * 从 props 中取出 on 开头的
+ */
+export declare const filterPropsWithOn: (props: any) => {};
+/**
+ * 深拷贝
+ * @param {*} value 需要拷贝的值
+ * @returns {*} 深拷贝后的值
+ * @example
+ * const obj = { a: 1, b: { c: 2 } };
+ * const newObj = deepClone(obj);
+ */
+export declare const deepClone: (value: any) => any;
+/** 兼容旧属性 */
+export declare const convertLegacyProps: <T extends object, K extends keyof T>(map: T, key: K, prop: string) => any;

package/dist/web/utils/tool.js

@@ -109,6 +109,18 @@ export const getFieldsTypeName = (fields) => {
         else if (type === 'string' && format === 'father-son') {
             item.fieldsTypeName = '关联关系';
         }
+        else if (type === 'object' && format === 'many-one') {
+            item.fieldsTypeName = '多对一';
+        }
+        else if (type === 'object' && format === 'one-one') {
+            item.fieldsTypeName = '一对一';
+        }
+        else if (type === 'array' && format === 'many-many') {
+            item.fieldsTypeName = '多对多';
+        }
+        else if (type === 'array' && format === 'one-many') {
+            item.fieldsTypeName = '一对多';
+        }
         return item;
     });
 };
@@ -125,17 +137,56 @@ export const filterPropsWithOn = (props) => {
 };
 /**
  * 深拷贝
+ * @param {*} value 需要拷贝的值
+ * @returns {*} 深拷贝后的值
+ * @example
+ * const obj = { a: 1, b: { c: 2 } };
+ * const newObj = deepClone(obj);
  */
-export const deepClone = (obj) => {
-    const isObject = (args) => (typeof args === 'object' || typeof args === 'function') &&
-        typeof args !== null;
-    if (!isObject)
-        throw new Error('Not Reference Types');
-    const newObj = Array.isArray(obj) ? [...obj] : { ...obj };
-    Reflect.ownKeys(newObj).map((key) => {
-        newObj[key] = isObject(obj[key]) ? deepClone(obj[key]) : obj[key];
-    });
-    return newObj;
+export const deepClone = (value) => {
+    const clone = (copiedValue) => {
+        for (const key in value) {
+            // eslint-disable-next-line no-prototype-builtins
+            if (value.hasOwnProperty(key)) {
+                copiedValue[key] = deepClone(value[key]);
+            }
+        }
+        return copiedValue;
+    };
+    const type = value === null || value === undefined
+        ? 'NullOrUndefined'
+        : Object.prototype.toString.call(value).slice(8, -1);
+    if ([
+        'Int8Array',
+        'Uint8Array',
+        'Uint8ClampedArray',
+        'Int16Array',
+        'Uint16Array',
+        'Int32Array',
+        'Uint32Array',
+        'Float32Array',
+        'Float64Array',
+        'BigInt64Array',
+        'BigUint64Array',
+    ].includes(type)) {
+        return value.slice();
+    }
+    switch (type) {
+        case 'Object':
+            return clone(Object.create(Object.getPrototypeOf(value)));
+        case 'Array':
+            return clone([]);
+        case 'Date':
+            return new Date(value.valueOf());
+        case 'RegExp':
+            return new RegExp(value.source, (value.global ? 'g' : '') +
+                (value.ignoreCase ? 'i' : '') +
+                (value.multiline ? 'm' : '') +
+                (value.sticky ? 'y' : '') +
+                (value.unicode ? 'u' : ''));
+        default:
+            return value;
+    }
 };
 /** 兼容旧属性 */
 export const convertLegacyProps = (map, key, prop) => {

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

@@ -0,0 +1 @@
+export default weui;

package/dist/web/utils/widget-api/index.d.ts

@@ -0,0 +1,5 @@
+import type { IWidget } from '../../types';
+export declare function getParentForm($node: IWidget): IWidget | null;
+export declare function useWedaAppContext(): {
+    ready: any;
+};

package/dist/web/utils/widget-api/index.js

@@ -1,7 +1,8 @@
-import { useContext, useEffect, useMemo, useState,
+import { useContext, useEffect, useMemo,
 // useEffect,
 // useState,
  } from 'react';
+import useSWR from 'swr';
 // 查找父表单容器
 export function getParentForm($node) {
     let cur = $node;
@@ -23,29 +24,25 @@ function ensureForm(comp) {
     return false;
 }
 export function useWedaAppContext() {
-    // const [ctx, setCtx] = useState<{ ready?: boolean }>({});
-    // useEffect(() => {
-    //   // eslint-disable-next-line rulesdir/no-timer
-    //   const id = setTimeout(() => {
-    //     setCtx({ ready: true });
-    //   }, 1000);
-    //   return () => {
-    //     clearTimeout(id);
-    //   };
-    // });
-    // return ctx;
-    const { ready } = useContext(window.WedaAppContext);
-    const [finalReady, setFinalReady] = useState(ready);
+    const { ready } = useContext(window.WedaAppContext || {}) || {};
+    // return { ready };
+    // 共享单例
+    const { data: finalReady, mutate: setFinalReady } = useSWR('~@~ready~@~', null, {
+        refreshWhenOffline: false,
+        fallbackData: false,
+    });
     useEffect(() => {
-        // eslint-disable-next-line rulesdir/no-timer
-        const id = setTimeout(() => {
-            setFinalReady(ready);
-        }, 0);
-        return () => {
-            if (id) {
-                clearTimeout(id);
-            }
-        };
+        if (ready) {
+            // eslint-disable-next-line rulesdir/no-timer
+            const id = setTimeout(() => {
+                setFinalReady(ready);
+            }, 10);
+            return () => {
+                if (id) {
+                    clearTimeout(id);
+                }
+            };
+        }
     }, [ready]);
     return useMemo(() => {
         return { ready: finalReady };