@fe-free/core 6.0.9 → 6.0.11

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @fe-free/core
 
+## 6.0.11
+
+### Patch Changes
+
+- theme
+  - @fe-free/icons@6.0.11
+  - @fe-free/tool@6.0.11
+
+## 6.0.10
+
+### Patch Changes
+
+- feat: i18n
+  - @fe-free/icons@6.0.10
+  - @fe-free/tool@6.0.10
+
 ## 6.0.9
 
 ### Patch Changes

package/README.md

@@ -117,10 +117,6 @@ import '@fe-free/core/src/tailwind.css';
 
 ### 主题
 
-| 导出             | 说明     |
-| ---------------- | -------- |
-| `themeVariables` | 主题变量 |
-
 ### Tailwind Token 参考（tailwind.css）
 
 `tailwind.css` 通过 `@theme` 定义了以下 CSS 变量，引入后可在项目中使用对应 Tailwind 类名（如 `text-primary`、`bg-theme03`、`text-text-color-03` 等）。完整定义见 `packages/core/src/tailwind.css`。
@@ -157,7 +153,7 @@ import '@fe-free/core/src/tailwind.css';
 |               | `--background-color-03` | 背景中    |
 |               | `--background-color-04` | 背景深    |
 
-使用示例：`className="text-primary"`、`className="bg-theme03"`、`className="text-text-color-03"`。与 Antd 主题变量（`themeVariables`）配合时，可保持整站色彩一致。
+使用示例：`className="text-primary"`、`className="bg-theme03"`、`className="text-text-color-03"`。
 
 当你在本仓库或引用 `@fe-free/core` 的项目中编写代码时，可参考以下约定：
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fe-free/core",
-  "version": "6.0.9",
+  "version": "6.0.11",
   "description": "React 业务核心组件库：CRUD、ProForm 扩展、布局、路由、树、上传等（Antd + ProComponents）",
   "license": "ISC",
   "author": "",
@@ -43,8 +43,8 @@
     "i18next-icu": "^2.4.1",
     "react": "^19.2.0",
     "react-i18next": "^16.4.0",
-    "@fe-free/icons": "6.0.9",
-    "@fe-free/tool": "6.0.9"
+    "@fe-free/icons": "6.0.11",
+    "@fe-free/tool": "6.0.11"
   },
   "scripts": {
     "i18n-extract": "rm -rf ./src/locales/zh-CN && npx i18next-cli extract"

package/src/button/button.stories.tsx

@@ -21,6 +21,7 @@ type Story = StoryObj<typeof LoadingButton>;
 
 export const Resolve: Story = {
   args: {
+    type: 'primary',
     children: 'click and resolve',
     onClick: () => {
       return new Promise((resolve) => {

package/src/core_app/config.ts

@@ -1,13 +1,8 @@
-import { themeVariables } from '../theme';
-
 const themeConfig = {
   cssVar: true,
-  token: {
-    colorPrimary: themeVariables.color.theme08,
-  },
   components: {
     Table: {
-      headerBg: themeVariables.color.theme02,
+      headerBg: '#f0f7fe',
       headerBorderRadius: 0,
     },
   },

package/src/core_app/index.tsx

@@ -8,6 +8,7 @@ import { merge } from 'lodash-es';
 import { useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { BrowserRouter as Router, useNavigate } from 'react-router-dom';
+
 import { EnumLanguage, I18nProvider } from '../i18n';
 import { routeTool } from '../route';
 import { customValueTypeMap } from '../value_type_map';
@@ -86,7 +87,7 @@ function CheckUpdate({ basename }: { basename: string }) {
     return () => {
       clearInterval(timer);
     };
-  }, [t]);
+  }, [t, basename, modal]);
 
   return null;
 }
@@ -139,7 +140,7 @@ function CoreAppBase(props: CoreAppProps) {
     if (window.location.pathname === '/' && basename !== '/' && basename !== '') {
       window.location.href = basename;
     }
-  }, []);
+  }, [basename]);
 
   const theme = useMemo(() => {
     return merge(themeConfig, configProviderProps?.theme);

package/src/editor_json/index.tsx

@@ -17,7 +17,7 @@ function EditorJSON({ value, onChange, readonly, mode, mainMenuBar }: EditorJSON
   const refOnChange = useRef(onChange);
 
   useEffect(() => {
-    refEditor.current?.update({
+    void refEditor.current?.update({
       text: value || '',
     });
   }, [value]);

package/src/i18n.tsx

@@ -29,40 +29,60 @@ const listLanguage = Object.keys(valueEnumLanguage).map((key) => {
   };
 });
 
-function initI18n({ enTranslation }) {
-  const cacheLng = localStorage.getItem('i18nextLng') || EnumLanguage.ZH_CN;
+let hasSetupPlugins = false;
+
+function getDefaultLng() {
+  if (typeof window === 'undefined') {
+    return EnumLanguage.ZH_CN;
+  }
+
+  const cacheLng = window.localStorage.getItem('i18nextLng') || EnumLanguage.ZH_CN;
   const lng = listLanguage.find((item) => item.value === cacheLng) ? cacheLng : EnumLanguage.ZH_CN;
 
-  console.log('initI18n', 'cacheLng', cacheLng, 'lng', lng);
-
-  i18n
-    .use(LanguageDetector)
-    .use(initReactI18next)
-    .use(ICU)
-    .init({
-      resources: {
-        [EnumLanguage.ZH_CN]: {
-          translation: {},
-        },
-        [EnumLanguage.EN_US]: {
-          translation: {
-            ...enTranslation,
-          },
-        },
+  return lng;
+}
+
+function initI18n({ enTranslation = {} }: { enTranslation?: Record<string, unknown> } = {}) {
+  if (i18n.isInitialized) {
+    i18n.addResourceBundle(EnumLanguage.EN_US, 'translation', enTranslation, true, true);
+    return;
+  }
+
+  if (!hasSetupPlugins) {
+    i18n.use(LanguageDetector).use(initReactI18next).use(ICU);
+    hasSetupPlugins = true;
+  }
+
+  const lng = getDefaultLng();
+  console.log('initI18n', lng);
+
+  void i18n.init({
+    resources: {
+      [EnumLanguage.ZH_CN]: {
+        translation: {},
       },
-      lng,
-      fallbackLng: EnumLanguage.ZH_CN,
-      interpolation: {
-        escapeValue: false,
+      [EnumLanguage.EN_US]: {
+        translation: enTranslation,
       },
-    });
+    },
+    lng,
+    fallbackLng: EnumLanguage.ZH_CN,
+    interpolation: {
+      escapeValue: false,
+    },
+  });
 }
 
 function I18nProvider({ children }: { children: React.ReactNode }) {
+  initI18n();
   return <I18nextProvider i18n={i18n}>{children}</I18nextProvider>;
 }
 
-// @ts-ignore
-window._i18n = i18n;
+initI18n();
+
+if (typeof window !== 'undefined') {
+  // @ts-ignore
+  window._i18n = i18n;
+}
 
 export { EnumLanguage, I18nProvider, initI18n, listLanguage, valueEnumLanguage };

package/src/index.ts

@@ -65,7 +65,6 @@ export { NumberSlider, PercentageSlider } from './slider';
 export type { NumberSliderProps, PercentageSliderProps } from './slider';
 export { Tabs } from './tabs';
 export type { TabsProps } from './tabs';
-export { themeVariables } from './theme';
 export { FileTree, flatToTreeData, Tree } from './tree';
 export type { FileTreeProps, TreeProps } from './tree';
 export {

package/src/theme.ts

@@ -1,46 +0,0 @@
-const themeVariables = {
-  color: {
-    primary: '#0374e9', // 主题色
-
-    // 目前是主题蓝
-    theme09: '#0368d2', // 加深 hover
-    theme08: '#0374e9', // 主要
-    theme05: '#a2cbf7', // 次要
-    theme03: '#e6f1fd', // 背景
-    theme02: '#f0f7fe',
-
-    red09: '#e64547', // 加深 hover
-    red08: '#ff4d4f', // 主要
-    red05: '#ffb8b9', // 次要
-    red03: '#ffeded', // 背景
-
-    green09: '#01a468', // 加深 hover
-    green08: '#01b673', // 主要
-    green05: '#9be5c8', // 次要
-    green03: '#ddf9ec', // 背景
-
-    yellow09: '#bf7a05', // 加深 hover
-    yellow08: '#faad14', // 主要
-    yellow05: '#eecf9b', // 次要
-    yellow03: '#f6e7cd', // 背景
-  },
-  textColor: {
-    '01': '#15191e', // 主要
-    '02': '#444444', // 次要
-    '03': '#777777', // 描述
-    '04': '#bfbfbf', // placeholder
-  },
-  borderColor: {
-    '01': '#e2e7f0', // 主要
-    '02': '#d5dde9', // 表单
-    '03': '#c0c7d2',
-  },
-  backgroundColor: {
-    '01': '#f1f3f5', // 主要
-    '02': '#ececec', // 加深 hover
-    '03': '#d9d9d9', // disabled
-    '04': '#c0c0c0',
-  },
-} as const;
-
-export { themeVariables };