@lobehub/ui 1.7.3 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/es/ThemeProvider/index.js +9 -1
  2. package/es/styles/theme/base.js +4 -4
  3. package/lib/ThemeProvider/index.js +4 -0
  4. package/lib/styles/theme/base.js +4 -4
  5. package/package.json +2 -1
package/es/ThemeProvider/index.js CHANGED
@@ -4,6 +4,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
4
4
  import { App } from 'antd';
5
5
  import { ThemeProvider as AntdThemeProvider, StyleProvider, setupStyled } from 'antd-style';
6
6
  import React, { useCallback } from 'react';
7
+ // @ts-ignore
8
+ import ReactFontLoader from 'react-font-loader';
7
9
  import { ThemeContext } from 'styled-components';
8
10
  import { createCustomToken, getAntdTheme, getCustomStylish } from "../styles";
9
11
  import GlobalStyle from "./GlobalStyle";
@@ -31,7 +33,13 @@ var ThemeProvider = function ThemeProvider(_ref) {
31
33
  theme: getAntdTheme,
32
34
  customStylish: getCustomStylish,
33
35
  customToken: getCustomToken,
34
- children: [/*#__PURE__*/_jsx(GlobalStyle, {}), /*#__PURE__*/_jsx(App, {
36
+ children: [/*#__PURE__*/_jsx(ReactFontLoader, {
37
+ url: "https://raw.githubusercontent.com/divspace/hack/master/css/hack.css"
38
+ }), /*#__PURE__*/_jsx(ReactFontLoader, {
39
+ url: "https://raw.githubusercontent.com/IKKI2000/harmonyos-fonts/main/css/harmonyos_sans.css"
40
+ }), /*#__PURE__*/_jsx(ReactFontLoader, {
41
+ url: "https://raw.githubusercontent.com/IKKI2000/harmonyos-fonts/main/css/harmonyos_sans_sc.css"
42
+ }), /*#__PURE__*/_jsx(GlobalStyle, {}), /*#__PURE__*/_jsx(App, {
35
43
  style: {
36
44
  minHeight: 'inherit',
37
45
  width: 'inherit'
package/es/styles/theme/base.js CHANGED
@@ -1,7 +1,7 @@
1
1
  var FONT_EMOJI = "\"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Apple Color Emoji\", \"Twemoji Mozilla\", \"Noto Color Emoji\", \"Android Emoji\"";
2
- var FONT_EN = "\"Segoe UI\", \"SF Pro Display\",-apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif";
3
- var FONT_CN = "\"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft Yahei UI\", \"Microsoft Yahei\", \"Source Han Sans CN\", sans-serif";
4
- var FONT_CODE = "\"Hack Nerd Font Mono\", Hack, \"SFMono Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace";
2
+ var FONT_EN = "\"HarmonyOS Sans\", \"Segoe UI\", \"SF Pro Display\",-apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif";
3
+ var FONT_CN = "\"HarmonyOS Sans SC\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft Yahei UI\", \"Microsoft Yahei\", \"Source Han Sans CN\", sans-serif";
4
+ var FONT_CODE = "Hack, \"SFMono Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace";
5
5
  export var baseTheme = {
6
6
  token: {
7
7
  colorInfo: '#0070f3',
@@ -14,6 +14,6 @@ export var baseTheme = {
14
14
  borderRadiusLG: 8,
15
15
  controlHeight: 36,
16
16
  fontFamily: [FONT_EN, FONT_CN, FONT_EMOJI].join(','),
17
- fontFamilyCode: FONT_CODE
17
+ fontFamilyCode: [FONT_CODE, FONT_CN, FONT_EMOJI].join(',')
18
18
  }
19
19
  };
package/lib/ThemeProvider/index.js CHANGED
@@ -35,6 +35,7 @@ module.exports = __toCommonJS(ThemeProvider_exports);
35
35
  var import_antd = require("antd");
36
36
  var import_antd_style = require("antd-style");
37
37
  var import_react = __toESM(require("react"));
38
+ var import_react_font_loader = __toESM(require("react-font-loader"));
38
39
  var import_styled_components = require("styled-components");
39
40
  var import_styles = require("../styles");
40
41
  var import_GlobalStyle = __toESM(require("./GlobalStyle"));
@@ -59,6 +60,9 @@ var ThemeProvider = ({ token, children, themeMode }) => {
59
60
  customStylish: import_styles.getCustomStylish,
60
61
  customToken: getCustomToken
61
62
  },
63
+ /* @__PURE__ */ import_react.default.createElement(import_react_font_loader.default, { url: "https://raw.githubusercontent.com/divspace/hack/master/css/hack.css" }),
64
+ /* @__PURE__ */ import_react.default.createElement(import_react_font_loader.default, { url: "https://raw.githubusercontent.com/IKKI2000/harmonyos-fonts/main/css/harmonyos_sans.css" }),
65
+ /* @__PURE__ */ import_react.default.createElement(import_react_font_loader.default, { url: "https://raw.githubusercontent.com/IKKI2000/harmonyos-fonts/main/css/harmonyos_sans_sc.css" }),
62
66
  /* @__PURE__ */ import_react.default.createElement(import_GlobalStyle.default, null),
63
67
  /* @__PURE__ */ import_react.default.createElement(import_antd.App, { style: { minHeight: "inherit", width: "inherit" } }, children)
64
68
  ));
package/lib/styles/theme/base.js CHANGED
@@ -23,9 +23,9 @@ __export(base_exports, {
23
23
  });
24
24
  module.exports = __toCommonJS(base_exports);
25
25
  var FONT_EMOJI = `"Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji"`;
26
- var FONT_EN = `"Segoe UI", "SF Pro Display",-apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif`;
27
- var FONT_CN = `"PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif`;
28
- var FONT_CODE = `"Hack Nerd Font Mono", Hack, "SFMono Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace`;
26
+ var FONT_EN = `"HarmonyOS Sans", "Segoe UI", "SF Pro Display",-apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif`;
27
+ var FONT_CN = `"HarmonyOS Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif`;
28
+ var FONT_CODE = `Hack, "SFMono Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace`;
29
29
  var baseTheme = {
30
30
  token: {
31
31
  colorInfo: "#0070f3",
@@ -38,7 +38,7 @@ var baseTheme = {
38
38
  borderRadiusLG: 8,
39
39
  controlHeight: 36,
40
40
  fontFamily: [FONT_EN, FONT_CN, FONT_EMOJI].join(","),
41
- fontFamilyCode: FONT_CODE
41
+ fontFamilyCode: [FONT_CODE, FONT_CN, FONT_EMOJI].join(",")
42
42
  }
43
43
  };
44
44
  // Annotate the CommonJS export names for ESM import in node:
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lobehub/ui",
3
- "version": "1.7.3",
3
+ "version": "1.8.0",
4
4
  "description": "Lobe UI is an open-source UI component library for building chatbot web apps",
5
5
  "keywords": [
6
6
  "lobehub",
@@ -85,6 +85,7 @@
85
85
  "polished": "^4",
86
86
  "prism-react-renderer": "^2",
87
87
  "re-resizable": "^6",
88
+ "react-font-loader": "^2.0.0",
88
89
  "react-layout-kit": "^1",
89
90
  "react-markdown": "^8",
90
91
  "react-rnd": "^10",