@blocklet/pages-kit 0.2.357 → 0.2.358

package/lib/cjs/builtin/async/ai-runtime/components/ThemeProvider.js

@@ -21,23 +21,14 @@ const material_1 = require("@mui/material");
 const react_1 = require("react");
 const react_helmet_1 = require("react-helmet");
 const runtime_1 = require("../state/runtime");
+const fonts_1 = require("../utils/fonts");
 const GlobalLoading_1 = __importDefault(require("./GlobalLoading"));
-const getFontUrl = (fontList) => {
-    var _a;
-    if (!fontList.length)
-        return;
-    const BASE_URL = 'https://fonts.googleapis.com/css?family=';
-    const newFontList = (_a = fontList
-        .filter((font) => typeof font === 'string')) === null || _a === void 0 ? void 0 : _a.map((font) => font.replace(/ /g, '+')).join('|');
-    // eslint-disable-next-line consistent-return
-    return `${BASE_URL}${newFontList}`;
-};
 function ThemeProvider({ children }) {
     var _a, _b, _c;
     const { appearance } = (0, runtime_1.useRuntimeState)().agent.project;
     const theme = (0, material_1.useTheme)();
-    const titleFont = (_a = appearance === null || appearance === void 0 ? void 0 : appearance.typography) === null || _a === void 0 ? void 0 : _a.fontFamily;
-    const headFont = (_c = (_b = appearance === null || appearance === void 0 ? void 0 : appearance.typography) === null || _b === void 0 ? void 0 : _b.heading) === null || _c === void 0 ? void 0 : _c.fontFamily;
+    const bodyFontFamily = (_a = appearance === null || appearance === void 0 ? void 0 : appearance.typography) === null || _a === void 0 ? void 0 : _a.fontFamily;
+    const headingFontFamily = (_c = (_b = appearance === null || appearance === void 0 ? void 0 : appearance.typography) === null || _b === void 0 ? void 0 : _b.heading) === null || _c === void 0 ? void 0 : _c.fontFamily;
     const newTheme = (0, react_1.useMemo)(() => {
         var _a, _b, _c, _d, _e, _f;
         let { primary } = theme.palette;
@@ -164,7 +155,17 @@ function ThemeProvider({ children }) {
             ],
         });
     }, [theme]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.ThemeProvider, { theme: newTheme, children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { children: (0, jsx_runtime_1.jsx)("link", { rel: "stylesheet", href: getFontUrl([titleFont, headFont]) }) }), (0, jsx_runtime_1.jsxs)(material_1.CssBaseline, { children: [(0, jsx_runtime_1.jsx)(material_1.GlobalStyles, { styles: (theme) => theme.unstable_sx({
+    const fontUrls = (0, react_1.useMemo)(() => {
+        const urls = [bodyFontFamily, headingFontFamily]
+            .filter((i) => !!i)
+            .map((font) => {
+            var _a;
+            return ((_a = fonts_1.chineseFonts.find((i) => i.value === font)) === null || _a === void 0 ? void 0 : _a.link) ||
+                `https://fonts.googleapis.com/css?family=${font.replace(/ /g, '+')}`;
+        });
+        return [...new Set(urls)];
+    }, [bodyFontFamily, headingFontFamily]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.ThemeProvider, { theme: newTheme, children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { children: fontUrls.map((url) => ((0, jsx_runtime_1.jsx)("link", { rel: "stylesheet", href: url }, url))) }), (0, jsx_runtime_1.jsxs)(material_1.CssBaseline, { children: [(0, jsx_runtime_1.jsx)(material_1.GlobalStyles, { styles: (theme) => theme.unstable_sx({
                             'h1,h2,h3,h4,h5': {
                                 fontFamily: `${theme.typography.h1.fontFamily} !important`,
                             },

package/lib/cjs/builtin/async/ai-runtime/utils/fonts.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chineseFonts = void 0;
+exports.chineseFonts = [
+    {
+        key: '东方大楷',
+        value: 'Alimama DongFangDaKai',
+        link: 'https://cdn.jsdelivr.net/npm/cn-fontsource-alimama-dong-fang-da-kai-regular/font.css',
+    },
+    {
+        key: '鸿雷行书',
+        value: 'hongleixingshu',
+        link: 'https://cdn.jsdelivr.net/npm/cn-fontsource-hongleixingshu-regular/font.css',
+    },
+    {
+        key: '方正楷体',
+        value: 'FZKai-Z03',
+        link: 'https://cdn.jsdelivr.net/npm/cn-fontsource-fz-kai-z-03-regular/font.css',
+    },
+    {
+        key: '方正宋体',
+        value: 'FZShuSong-Z01',
+        link: 'https://cdn.jsdelivr.net/npm/cn-fontsource-fz-shu-song-z-01-regular/font.css',
+    },
+    {
+        key: '方正黑体',
+        value: 'FZHei-B01',
+        link: 'https://cdn.jsdelivr.net/npm/cn-fontsource-fz-hei-b-01-regular/font.css',
+    },
+    {
+        key: '方正仿宋',
+        value: 'FZFangSong-Z02S',
+        link: 'https://cdn.jsdelivr.net/npm/cn-fontsource-fz-fang-song-z-02-s-regular/font.css',
+    },
+];