@nocobase/client-v2 2.1.0-alpha.4 → 2.1.0-alpha.45

package/src/nocobase-buildin-plugin/index.tsx

@@ -0,0 +1,374 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { createCollectionContextMeta, useFlowEngine } from '@nocobase/flow-engine';
+import React, { createContext, type FC, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Navigate, Outlet, useLocation, useNavigate } from 'react-router-dom';
+import { useACLRoleContext } from '../acl';
+import type { Application } from '../Application';
+import { getCurrentV2RedirectPath, getDefaultV2AdminRedirectPath } from '../authRedirect';
+import { AppNotFound } from '../components';
+import { PluginFlowEngine } from '../flow';
+import { ADMIN_LAYOUT_MODEL_UID, AdminLayoutMenuItemModel, AdminLayoutModel } from '../flow/admin-shell/admin-layout';
+import { useApp } from '../hooks/useApp';
+import { Plugin } from '../Plugin';
+import { AdminSettingsLayoutModel } from '../settings-center';
+import { LocalePlugin } from './plugins/LocalePlugin';
+
+export type CurrentUserState = {
+  data?: {
+    data?: any;
+  };
+  loading: boolean;
+};
+
+export type CurrentRoleOption = {
+  name: string;
+  title: string;
+};
+
+const AUTH_ROUTE_PREFIXES = ['/signin', '/signup', '/forgot-password', '/reset-password'];
+
+function removeBasename(pathname: string, basename?: string) {
+  if (!basename) {
+    return pathname;
+  }
+  const escapedBasename = basename.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+  const regex = new RegExp(`^${escapedBasename.replace(/\/?$/, '')}(\\/|$)`);
+  return pathname.replace(regex, '/') || pathname;
+}
+
+function isBuiltinAuthRoute(pathname: string, basename?: string) {
+  const normalizedPathname = removeBasename(pathname, basename);
+  return AUTH_ROUTE_PREFIXES.some((route) => {
+    return normalizedPathname === route || normalizedPathname.startsWith(`${route}/`);
+  });
+}
+
+function isAdminRuntimeRoute(pathname: string, basename?: string) {
+  const normalizedPathname = removeBasename(pathname, basename);
+  return normalizedPathname === '/admin' || normalizedPathname.startsWith('/admin/');
+}
+
+function hasAuthCheckRoute(app: Application, pathname: string) {
+  const matchedRoutes = app.router.matchRoutes(pathname) || [];
+  return matchedRoutes.some((match) => match?.route?.authCheck === true);
+}
+
+function shouldCheckRuntimeRoute(app: Application, pathname: string) {
+  return isAdminRuntimeRoute(pathname, app.router.getBasename()) || hasAuthCheckRoute(app, pathname);
+}
+
+type CurrentUserAuthCheckRouteState = 'skipped' | 'unchecked' | 'required';
+
+function getCurrentUserAuthCheckRouteState(app: Application, pathname: string): CurrentUserAuthCheckRouteState {
+  const basename = app.router.getBasename();
+  if (isBuiltinAuthRoute(pathname, basename) || app.router.isSkippedAuthCheckRoute(pathname)) {
+    return 'skipped';
+  }
+
+  if (!shouldCheckRuntimeRoute(app, pathname)) {
+    return 'unchecked';
+  }
+
+  return 'required';
+}
+
+export const CurrentUserContext = createContext<CurrentUserState | null>(null);
+CurrentUserContext.displayName = 'CurrentUserContext';
+
+export function useCurrentUserContext() {
+  return useContext(CurrentUserContext);
+}
+
+/**
+ * 返回当前用户在 v2 应用上下文中可选的角色列表，等价于 v1 `useCurrentRoles`：从 FlowEngine 全局上下文 `engine.context.user.roles` 派生（CurrentUserProvider 在 `/auth:check` 成功后通过 `defineProperty('user', { value })` 写入），按需追加匿名角色，并去掉合并角色 `__union__`。v2 中角色 title 可能含有 `{{t('...')}}` 模板，因此用 flowEngine.context.t 解析。
+ *
+ * 不读 React `CurrentUserContext`：FlowEngine 的 dialog/drawer/popover 内容通过 `ctx.viewer` 渲染到独立的 ElementsHolder，部分场景会脱离原 Provider 树；FlowEngine 全局上下文是同一份数据但不受 React 树位置影响。
+ */
+export function useCurrentRoles(): CurrentRoleOption[] {
+  const { allowAnonymous } = useACLRoleContext();
+  const engine = useFlowEngine();
+  const rolesRaw = engine?.context?.user?.roles as Array<{ name: string; title?: string }> | undefined;
+
+  return useMemo(() => {
+    const compile = (value: string | undefined): string =>
+      value == null ? '' : engine?.context?.t ? engine.context.t(value) : value;
+    const roles: CurrentRoleOption[] = (rolesRaw || [])
+      .filter((role) => role?.name !== '__union__')
+      .map((role) => ({ name: role.name, title: compile(role.title) }));
+    if (allowAnonymous) {
+      roles.push({ name: 'anonymous', title: 'Anonymous' });
+    }
+    return roles;
+  }, [allowAnonymous, engine, rolesRaw]);
+}
+
+const DataSourceBootstrapProvider: FC = ({ children }) => {
+  const app = useApp<Application>();
+  const location = useLocation();
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+  const hasBootstrappedRef = useRef(false);
+
+  useEffect(() => {
+    let mounted = true;
+    const basename = app.router.getBasename();
+    const isSkippedAuthCheckRoute =
+      isBuiltinAuthRoute(location.pathname, basename) || app.router.isSkippedAuthCheckRoute(location.pathname);
+    const shouldBootstrap = shouldCheckRuntimeRoute(app, location.pathname);
+
+    if (isSkippedAuthCheckRoute || !shouldBootstrap) {
+      setLoading(false);
+      setError(null);
+      return;
+    }
+
+    if (!hasBootstrappedRef.current) {
+      setLoading(true);
+    }
+    setError(null);
+
+    const run = async () => {
+      try {
+        await app.dataSourceManager.ensureLoaded();
+        hasBootstrappedRef.current = true;
+        if (mounted) {
+          setLoading(false);
+        }
+      } catch (err) {
+        if (!mounted) {
+          return;
+        }
+        setLoading(false);
+        setError(err instanceof Error ? err : new Error(String(err)));
+      }
+    };
+
+    void run();
+
+    return () => {
+      mounted = false;
+    };
+  }, [app, location.pathname]);
+
+  if (error) {
+    throw error;
+  }
+
+  if (loading) {
+    return app.renderComponent('AppSpin');
+  }
+
+  return <>{children}</>;
+};
+
+const CurrentUserProvider: FC = ({ children }) => {
+  const app = useApp<Application>();
+  const location = useLocation();
+  const navigate = useNavigate();
+  const [state, setState] = useState<CurrentUserState>({ loading: true });
+  const locationRef = useRef(location);
+  locationRef.current = location;
+  const authCheckRouteState = getCurrentUserAuthCheckRouteState(app, location.pathname);
+
+  useEffect(() => {
+    let mounted = true;
+
+    if (authCheckRouteState !== 'required') {
+      // 认证页等免鉴权路由不应再执行 `/auth:check`，否则未登录时会重复鉴权并触发重定向抖动。
+      setState({ loading: false });
+      return;
+    }
+
+    setState((previous) => (previous.loading ? previous : { ...previous, loading: true }));
+
+    const run = async () => {
+      try {
+        const res = await app.apiClient.request({
+          url: '/auth:check',
+          skipNotify: true,
+          skipAuth: true,
+        });
+
+        if (!mounted) {
+          return;
+        }
+
+        const user = res?.data?.data;
+        // 服务端通过 `{ code: 302, redirect }` 通知客户端先去某个中间页(例如 2FA 验证页)。这类响应没有 user.id,但也不能视为未登录——否则会和处理 302 的全局响应拦截器 (例如 plugin-two-factor-authentication 注册的那一个)竞态,而 `window.location.replace` 会覆盖更早发出的 `window.location.href`,把用户错误地弹回登录页。让响应拦截器接管跳转。
+        if (user?.code === 302) {
+          setState({ loading: false });
+          return;
+        }
+        if (user?.id == null) {
+          // 用 react-router navigate (虚拟跳转)而不是 location.replace, 这样如果有其他响应拦截器已经发起了 window.location.href 整页跳转(例如 2FA 插件接收到服务端 302 重定向), 真实跳转可以胜出 navigate, 不会被这里的 signin 重定向覆盖。
+          navigate(`/signin?redirect=${encodeURIComponent(getCurrentV2RedirectPath(app, locationRef.current))}`, {
+            replace: true,
+          });
+          return;
+        }
+
+        const userMeta = createCollectionContextMeta(
+          () => app.flowEngine.context.dataSourceManager?.getDataSource('main')?.getCollection('users') || null,
+          app.flowEngine.translate('Current user'),
+        );
+        userMeta.sort = 1000;
+
+        app.flowEngine.context.defineProperty('user', {
+          value: user,
+          resolveOnServer: true,
+          meta: userMeta,
+        });
+
+        setState({
+          data: res?.data,
+          loading: false,
+        });
+      } catch (error: any) {
+        if (!mounted) {
+          return;
+        }
+
+        const isAuthError = error?.response?.status === 401 || error?.status === 401;
+        if (isAuthError) {
+          navigate(`/signin?redirect=${encodeURIComponent(getCurrentV2RedirectPath(app, locationRef.current))}`, {
+            replace: true,
+          });
+          return;
+        }
+        setState({ loading: false });
+        throw error;
+      }
+    };
+
+    run();
+
+    return () => {
+      mounted = false;
+    };
+  }, [app, authCheckRouteState, navigate]);
+
+  if (state.loading) {
+    return app.renderComponent('AppSpin');
+  }
+
+  return <CurrentUserContext.Provider value={state}>{children}</CurrentUserContext.Provider>;
+};
+
+const RootRedirect: FC = () => {
+  const app = useApp<Application>();
+  const hasToken = !!app?.apiClient?.auth?.token;
+  const targetPath = getDefaultV2AdminRedirectPath(app);
+
+  if (!hasToken) {
+    // 用 react-router <Navigate /> 而非 location.replace, 避免覆盖同时段其它响应拦截器触发的 window.location.href (例如 2FA 接收到服务端 302 时设置的整页跳转)。
+    return <Navigate replace to={`/signin?redirect=${encodeURIComponent(targetPath)}`} />;
+  }
+
+  return <Navigate replace to="/admin" />;
+};
+
+/**
+ * client-v2 使用的内建插件集合。
+ *
+ * 只迁移当前 v2 运行时仍然需要的部分，显式跳过 schemaInitializerManager 以及用户标注暂不迁移的旧插件注册逻辑。
+ */
+export class NocoBaseBuildInPlugin extends Plugin<any, Application> {
+  async afterAdd() {
+    await this.addPlugins();
+  }
+
+  async load() {
+    this.addComponents();
+    this.addRoutes();
+
+    this.app.use(DataSourceBootstrapProvider);
+    this.app.use(CurrentUserProvider);
+    this.app.flowEngine.registerModels({
+      AdminLayoutModel,
+      AdminLayoutMenuItemModel,
+      AdminSettingsLayoutModel,
+    });
+    this.app.layoutManager.registerLayout({
+      routeName: 'admin',
+      routePath: '/admin',
+      uid: ADMIN_LAYOUT_MODEL_UID,
+      layoutModelClass: 'AdminLayoutModel',
+    });
+
+    this.app.pluginSettingsManager.addMenuItem({
+      key: 'plugin-manager',
+      title: this.app.i18n.t('Plugin manager'),
+      icon: 'ApiOutlined',
+      aclSnippet: 'pm',
+      sort: -200,
+    });
+    this.app.pluginSettingsManager.addPageTabItem({
+      menuKey: 'plugin-manager',
+      key: 'index',
+      title: this.app.i18n.t('Plugin manager'),
+      componentLoader: () => import('../settings-center/plugin-manager'),
+      aclSnippet: 'pm',
+      sort: -200,
+    });
+    this.app.pluginSettingsManager.addMenuItem({
+      key: 'system-settings',
+      title: this.app.i18n.t('System settings'),
+      icon: 'SettingOutlined',
+      aclSnippet: 'pm.system-settings.system-settings',
+      sort: -100,
+    });
+    this.app.pluginSettingsManager.addPageTabItem({
+      menuKey: 'system-settings',
+      key: 'index',
+      title: this.app.i18n.t('System settings'),
+      componentLoader: () => import('../settings-center/SystemSettingsPage'),
+      aclSnippet: 'pm.system-settings.system-settings',
+      sort: -100,
+    });
+    // Parent menu for security-related plugin settings (password policy, locked users, etc.). Registered here in the buildin plugin so any pro plugin can attach page tabs to `menuKey: 'security'` without each one re-registering the same parent.
+    this.app.pluginSettingsManager.addMenuItem({
+      key: 'security',
+      title: this.app.i18n.t('Security'),
+      icon: 'SafetyOutlined',
+      aclSnippet: 'pm.security',
+    });
+  }
+
+  addRoutes() {
+    this.router.add('root', {
+      path: '/',
+      element: <RootRedirect />,
+    });
+
+    this.router.add('not-found', {
+      path: '*',
+      Component: AppNotFound,
+    });
+
+    this.router.add('admin.settings', {
+      path: '/admin/settings',
+      componentLoader: () => import('../settings-center/AdminSettingsLayout'),
+    });
+    this.router.add('admin.settings.route-empty', {
+      path: '*',
+      Component: Outlet,
+    });
+  }
+
+  addComponents() {}
+
+  async addPlugins() {
+    await this.app.pm.add(PluginFlowEngine);
+    await this.app.pm.add(LocalePlugin, { name: 'builtin-locale' });
+  }
+}
+
+export { NocoBaseBuildInPlugin as NocoBaseBuildInPluginV2 };

package/src/nocobase-buildin-plugin/plugins/LocalePlugin.ts

@@ -0,0 +1,62 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { setValidateLanguage } from '@formily/validator';
+import dayjs from 'dayjs';
+import { App } from 'antd';
+import { Plugin } from '../../Plugin';
+import { dayjsLocale } from './dayjsLocale';
+import { loadConstrueLocale } from './loadConstrueLocale';
+
+/**
+ * 同步后端下发的语言资源到 client-v2 运行时。
+ */
+export class LocalePlugin extends Plugin {
+  async afterAdd() {
+    const api = this.app.apiClient;
+    const locale = api.auth.locale;
+
+    try {
+      const res = await api.request({
+        url: 'app:getLang',
+        params: {
+          locale,
+        },
+        headers: {
+          'X-Role': 'anonymous',
+        },
+      });
+      const data = res?.data?.data || {};
+
+      this.engine.context.defineProperty('locales', { value: data });
+      this.app.use(App, { component: false });
+
+      if (data.lang) {
+        api.auth.setLocale(data.lang);
+        this.app.setDocumentLanguage(data.lang);
+        this.app.i18n.changeLanguage(data.lang);
+      }
+
+      Object.keys(data.resources || {}).forEach((key) => {
+        this.app.i18n.addResources(data.lang, key, data.resources[key] || {});
+      });
+
+      setValidateLanguage(data.lang);
+      loadConstrueLocale(data);
+
+      const dayjsLang = dayjsLocale[data.lang] || 'en';
+      await import(`dayjs/locale/${dayjsLang}`);
+      dayjs.locale(dayjsLang);
+
+      window['cronLocale'] = data.cron;
+    } catch (error) {
+      throw error;
+    }
+  }
+}

package/src/nocobase-buildin-plugin/plugins/dayjsLocale.ts

@@ -0,0 +1,77 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+export const dayjsLocale = {
+  'ar-EG': 'ar',
+  'az-AZ': 'az',
+  'bg-BG': 'bg',
+  'bn-BD': 'bn-bd',
+  'by-BY': 'en',
+  'ca-ES': 'ca',
+  'cs-CZ': 'cs',
+  'da-DK': 'da',
+  'de-DE': 'de',
+  'el-GR': 'el',
+  'en-GB': 'en-gb',
+  'en-US': 'en',
+  'es-ES': 'es',
+  'et-EE': 'et',
+  'fa-IR': 'fa',
+  'fi-FI': 'fi',
+  'fr-BE': 'fr',
+  'fr-CA': 'fr',
+  'fr-FR': 'fr',
+  'ga-IE': 'ga',
+  'gl-ES': 'gl',
+  'he-IL': 'he',
+  'hi-IN': 'hi',
+  'hr-HR': 'hr',
+  'hu-HU': 'hu',
+  'hy-AM': 'hy-am',
+  'id-ID': 'id',
+  'is-IS': 'is',
+  'it-IT': 'it',
+  'ja-JP': 'ja',
+  'ka-GE': 'ka',
+  'kk-KZ': 'kk',
+  'km-KH': 'km',
+  'kn-IN': 'kn',
+  'ko-KR': 'ko',
+  'ku-IQ': 'ku',
+  'lt-LT': 'lt',
+  'lv-LV': 'lv',
+  'mk-MK': 'mk',
+  'ml-IN': 'ml',
+  'mn-MN': 'mn',
+  'ms-MY': 'ms',
+  'nb-NO': 'nb',
+  'ne-NP': 'ne',
+  'nl-BE': 'nl-be',
+  'nl-NL': 'nl',
+  'pl-PL': 'pl',
+  'pt-BR': 'pt-br',
+  'pt-PT': 'pt',
+  'ro-RO': 'ro',
+  'ru-RU': 'ru',
+  'si-LK': 'si',
+  'sk-SK': 'sk',
+  'sl-SI': 'sl',
+  'sr-RS': 'sr',
+  'sv-SE': 'sv',
+  'ta-IN': 'ta',
+  'th-TH': 'th',
+  'tk-TK': 'tk',
+  'tr-TR': 'tr',
+  'uk-UA': 'uk',
+  'ur-PK': 'ur',
+  'vi-VN': 'vi',
+  'zh-CN': 'zh-cn',
+  'zh-HK': 'zh-hk',
+  'zh-TW': 'zh-tw',
+} as const;

package/src/nocobase-buildin-plugin/plugins/loadConstrueLocale.ts

@@ -0,0 +1,182 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import cronstrue from 'cronstrue';
+
+class CronstrueLocale {
+  constructor(protected data: any) {}
+  atX0SecondsPastTheMinuteGt20(): string | null {
+    return this.data['atX0SecondsPastTheMinuteGt20'];
+  }
+  atX0MinutesPastTheHourGt20(): string | null {
+    return this.data['atX0MinutesPastTheHourGt20'];
+  }
+  commaMonthX0ThroughMonthX1(): string | null {
+    return this.data['commaMonthX0ThroughMonthX1'];
+  }
+  commaYearX0ThroughYearX1(): string | null {
+    return this.data['commaYearX0ThroughYearX1'];
+  }
+  use24HourTimeFormatByDefault() {
+    return this.data['use24HourTimeFormatByDefault'];
+  }
+  anErrorOccuredWhenGeneratingTheExpressionD() {
+    return this.data['anErrorOccuredWhenGeneratingTheExpressionD'];
+  }
+  everyMinute() {
+    return this.data['everyMinute'];
+  }
+  everyHour() {
+    return this.data['everyHour'];
+  }
+  atSpace() {
+    return this.data['atSpace'];
+  }
+  everyMinuteBetweenX0AndX1() {
+    return this.data['everyMinuteBetweenX0AndX1'];
+  }
+  at() {
+    return this.data['at'];
+  }
+  spaceAnd() {
+    return this.data['spaceAnd'];
+  }
+  everySecond() {
+    return this.data['everySecond'];
+  }
+  everyX0Seconds() {
+    return this.data['everyX0Seconds'];
+  }
+  secondsX0ThroughX1PastTheMinute() {
+    return this.data['secondsX0ThroughX1PastTheMinute'];
+  }
+  atX0SecondsPastTheMinute() {
+    return this.data['atX0SecondsPastTheMinute'];
+  }
+  everyX0Minutes() {
+    return this.data['everyX0Minutes'];
+  }
+  minutesX0ThroughX1PastTheHour() {
+    return this.data['minutesX0ThroughX1PastTheHour'];
+  }
+  atX0MinutesPastTheHour() {
+    return this.data['atX0MinutesPastTheHour'];
+  }
+  everyX0Hours() {
+    return this.data['everyX0Hours'];
+  }
+  betweenX0AndX1() {
+    return this.data['betweenX0AndX1'];
+  }
+  atX0() {
+    return this.data['atX0'];
+  }
+  commaEveryDay() {
+    return this.data['commaEveryDay'];
+  }
+  commaEveryX0DaysOfTheWeek() {
+    return this.data['commaEveryX0DaysOfTheWeek'];
+  }
+  commaX0ThroughX1() {
+    return this.data['commaX0ThroughX1'];
+  }
+  commaAndX0ThroughX1() {
+    return this.data['commaAndX0ThroughX1'];
+  }
+  first() {
+    return this.data['first'];
+  }
+  second() {
+    return this.data['second'];
+  }
+  third() {
+    return this.data['third'];
+  }
+  fourth() {
+    return this.data['fourth'];
+  }
+  fifth() {
+    return this.data['fifth'];
+  }
+  commaOnThe() {
+    return this.data['commaOnThe'];
+  }
+  spaceX0OfTheMonth() {
+    return this.data['spaceX0OfTheMonth'];
+  }
+  lastDay() {
+    return this.data['lastDay'];
+  }
+  commaOnTheLastX0OfTheMonth() {
+    return this.data['commaOnTheLastX0OfTheMonth'];
+  }
+  commaOnlyOnX0() {
+    return this.data['commaOnlyOnX0'];
+  }
+  commaAndOnX0() {
+    return this.data['commaAndOnX0'];
+  }
+  commaEveryX0Months() {
+    return this.data['commaEveryX0Months'];
+  }
+  commaOnlyInX0() {
+    return this.data['commaOnlyInX0'];
+  }
+  commaOnTheLastDayOfTheMonth() {
+    return this.data['commaOnTheLastDayOfTheMonth'];
+  }
+  commaOnTheLastWeekdayOfTheMonth() {
+    return this.data['commaOnTheLastWeekdayOfTheMonth'];
+  }
+  commaDaysBeforeTheLastDayOfTheMonth() {
+    return this.data['commaDaysBeforeTheLastDayOfTheMonth'];
+  }
+  firstWeekday() {
+    return this.data['firstWeekday'];
+  }
+  weekdayNearestDayX0() {
+    return this.data['weekdayNearestDayX0'];
+  }
+  commaOnTheX0OfTheMonth() {
+    return this.data['commaOnTheX0OfTheMonth'];
+  }
+  commaEveryX0Days() {
+    return this.data['commaEveryX0Days'];
+  }
+  commaBetweenDayX0AndX1OfTheMonth() {
+    return this.data['commaBetweenDayX0AndX1OfTheMonth'];
+  }
+  commaOnDayX0OfTheMonth() {
+    return this.data['commaOnDayX0OfTheMonth'];
+  }
+  commaEveryHour() {
+    return this.data['commaEveryHour'];
+  }
+  commaEveryX0Years() {
+    return this.data['commaEveryX0Years'];
+  }
+  commaStartingX0() {
+    return this.data['commaStartingX0'];
+  }
+  daysOfTheWeek() {
+    return this.data['daysOfTheWeek'];
+  }
+  monthsOfTheYear() {
+    return this.data['monthsOfTheYear'];
+  }
+}
+
+export const loadConstrueLocale = (data: any) => {
+  const cronstrueValue = (cronstrue as any).default ? (cronstrue as any).default : cronstrue;
+  cronstrueValue.initialize({
+    load(availableLocales) {
+      availableLocales[data?.lang] = new CronstrueLocale(data?.cronstrue);
+    },
+  });
+};

package/src/react-is.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+declare module 'react-is' {
+  export function isValidElementType(value: unknown): boolean;
+}