@lobehub/ui 1.8.2 → 1.9.0

package/es/EditableText/index.js

@@ -1,9 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { EditOutlined } from '@ant-design/icons';
-import { Tooltip } from 'antd';
+import { ControlInput } from "../components/ControlInput";
+import { ActionIcon } from "./..";
+import { Edit3 } from 'lucide-react';
 import { memo, useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import { ControlInput } from "../components/ControlInput";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var EditableText = /*#__PURE__*/memo(function (_ref) {
@@ -22,13 +22,17 @@ var EditableText = /*#__PURE__*/memo(function (_ref) {
   }) : /*#__PURE__*/_jsxs(Flexbox, {
     horizontal: true,
     gap: 8,
-    children: [value, /*#__PURE__*/_jsx(Tooltip, {
-      title: '编辑',
-      children: /*#__PURE__*/_jsx(EditOutlined, {
-        onClick: function onClick() {
-          setEdited(!edited);
-        }
-      })
+    children: [value, /*#__PURE__*/_jsx(ActionIcon, {
+      title: 'Edit',
+      placement: "right",
+      icon: Edit3,
+      size: {
+        fontSize: 14,
+        blockSize: 24
+      },
+      onClick: function onClick() {
+        setEdited(!edited);
+      }
     })]
   });
 });

package/es/SearchBar/index.d.ts

@@ -1,5 +1,9 @@
 /// <reference types="react" />
 import { InputProps } from 'antd';
-export declare type SearchBarProps = InputProps;
-declare const SearchBar: import("react").MemoExoticComponent<({ value, onChange, style, placeholder, ...props }: SearchBarProps) => import("react/jsx-runtime").JSX.Element>;
+export interface SearchBarProps extends InputProps {
+    shortKey?: string;
+    enableShortKey?: boolean;
+    type?: 'ghost' | 'block';
+}
+declare const SearchBar: import("react").NamedExoticComponent<SearchBarProps>;
 export default SearchBar;

package/es/SearchBar/index.js

@@ -1,25 +1,92 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["value", "onChange", "style", "placeholder"];
-import { SearchOutlined } from '@ant-design/icons';
-import { Input } from 'antd';
-import { memo } from 'react';
+var _excluded = ["className", "value", "onChange", "style", "placeholder", "type", "enableShortKey", "shortKey"];
+var _navigator;
+import { Icon } from "./..";
+import { Input, Tag } from 'antd';
+import { Search } from 'lucide-react';
+import { memo, useEffect, useRef, useState } from 'react';
+import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var isAppleDevice = /(mac|iphone|ipod|ipad)/i.test(typeof navigator !== 'undefined' ? (_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.platform : '');
+var symbol = isAppleDevice ? '⌘' : 'Ctrl';
 var SearchBar = /*#__PURE__*/memo(function (_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
+  var className = _ref.className,
+    value = _ref.value,
+    _onChange = _ref.onChange,
     style = _ref.style,
     placeholder = _ref.placeholder,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'ghost' : _ref$type,
+    enableShortKey = _ref.enableShortKey,
+    _ref$shortKey = _ref.shortKey,
+    shortKey = _ref$shortKey === void 0 ? 'f' : _ref$shortKey,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx(Input, _objectSpread({
-    prefix: /*#__PURE__*/_jsx(SearchOutlined, {}),
-    allowClear: true,
-    value: value,
-    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : 'Search',
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      borderColor: 'transparent'
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    showTag = _useState2[0],
+    setShowTag = _useState2[1];
+  var _useState3 = useState(value),
+    _useState4 = _slicedToArray(_useState3, 2),
+    inputValue = _useState4[0],
+    setInputValue = _useState4[1];
+  var _useStyles = useStyles({
+      type: type
     }),
-    onChange: onChange
-  }, props));
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  var inputRef = useRef(null);
+  useEffect(function () {
+    if (!enableShortKey) return;
+    var handler = function handler(ev) {
+      if ((isAppleDevice ? ev.metaKey : ev.ctrlKey) && ev.key === shortKey) {
+        ev.preventDefault();
+        inputRef.current.focus();
+      }
+    };
+    document.addEventListener('keydown', handler);
+    return function () {
+      return document.removeEventListener('keydown', handler);
+    };
+  }, []);
+  return /*#__PURE__*/_jsxs("div", {
+    className: cx(styles.search, className),
+    children: [/*#__PURE__*/_jsx(Input, _objectSpread({
+      ref: inputRef,
+      className: styles.input,
+      prefix: /*#__PURE__*/_jsx(Icon, {
+        className: styles.icon,
+        icon: Search,
+        size: {
+          fontSize: 14
+        },
+        style: {
+          marginRight: 4
+        }
+      }),
+      allowClear: true,
+      value: value,
+      placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : 'Type keywords...',
+      style: _objectSpread(_objectSpread({}, style), {}, {
+        borderColor: 'transparent'
+      }),
+      onChange: function onChange(e) {
+        setInputValue(e.target.value);
+        setShowTag(e.target.value ? false : true);
+        if (_onChange) _onChange(e);
+      },
+      onFocus: function onFocus() {
+        return setShowTag(false);
+      },
+      onBlur: function onBlur() {
+        return setShowTag(true);
+      }
+    }, props)), enableShortKey && showTag && !inputValue && /*#__PURE__*/_jsxs(Tag, {
+      className: styles.tag,
+      children: [symbol, " ", shortKey.toUpperCase()]
+    })]
+  });
 });
 export default SearchBar;

package/es/SearchBar/style.d.ts

@@ -0,0 +1,8 @@
+export declare const useStyles: (props?: {
+    type: 'ghost' | 'block';
+} | undefined) => import("antd-style").ReturnStyles<{
+    search: import("antd-style").SerializedStyles;
+    input: import("antd-style").SerializedStyles;
+    tag: import("antd-style").SerializedStyles;
+    icon: import("antd-style").SerializedStyles;
+}>;

package/es/SearchBar/style.js

@@ -0,0 +1,15 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+import { createStyles } from 'antd-style';
+import { rgba } from 'polished';
+export var useStyles = createStyles(function (_ref, _ref2) {
+  var css = _ref.css,
+    token = _ref.token;
+  var type = _ref2.type;
+  return {
+    search: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n    max-width: 100%;\n    height: 36px;\n  "]))),
+    input: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: relative;\n    height: inherit;\n    padding: 0 8px 0 12px;\n    transition: background-color 100ms ", ";\n\n    ", "\n\n    &:hover {\n      background-color: ", " !important;\n    }\n\n    input {\n      background: transparent;\n    }\n  "])), token.motionEaseOut, type === 'block' ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          background-color: ", " !important;\n        "])), rgba(token.colorBgElevated, 0.6)) : css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          background: transparent !important;\n          border: 1px solid ", " !important;\n        "])), token.colorBorder), token.colorFillTertiary),
+    tag: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    position: absolute;\n    z-index: 5;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  "]))),
+    icon: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), token.colorTextPlaceholder)
+  };
+});

package/es/StroyBook/style.js

@@ -9,6 +9,6 @@ export var useStyles = createStyles(function (_ref, _ref2) {
   return {
     editor: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: stretch;\n        justify-content: stretch;\n\n        width: inherit;\n        min-height: inherit;\n        ", "\n      "])), mobile && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          flex-direction: column;\n        "])))),
     left: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        overflow: auto;\n        display: flex;\n        flex: 1;\n        align-items: center;\n        justify-content: center;\n\n        ", "\n      "])), !noPadding && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          padding: 40px 24px;\n        "])))),
-    right: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        --leva-sizes-controlWidth: 66%;\n        --leva-colors-elevation1: ", ";\n        --leva-colors-elevation2: transparent;\n        --leva-colors-elevation3: ", ";\n        --leva-colors-accent1: ", ";\n        --leva-colors-accent2: ", ";\n        --leva-colors-accent3: ", ";\n        --leva-colors-highlight1: ", ";\n        --leva-colors-highlight2: ", ";\n        --leva-colors-highlight3: ", ";\n        --leva-colors-vivid1: ", ";\n        --leva-shadows-level1: unset;\n        --leva-shadows-level2: unset;\n\n        padding: 6px 0;\n        background: ", ";\n        > div {\n          background: transparent;\n          > div {\n            background: transparent;\n          }\n        }\n        input:checked + label > svg {\n          stroke: ", ";\n        }\n      "])), token.colorFillSecondary, token.colorFillSecondary, token.colorPrimary, token.colorPrimaryHover, token.colorPrimaryActive, token.colorTextTertiary, token.colorTextSecondary, token.colorText, token.colorWarning, token.colorBgLayout, token.colorBorder)
+    right: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        --leva-sizes-controlWidth: 66%;\n        --leva-colors-elevation1: ", ";\n        --leva-colors-elevation2: transparent;\n        --leva-colors-elevation3: ", ";\n        --leva-colors-accent1: ", ";\n        --leva-colors-accent2: ", ";\n        --leva-colors-accent3: ", ";\n        --leva-colors-highlight1: ", ";\n        --leva-colors-highlight2: ", ";\n        --leva-colors-highlight3: ", ";\n        --leva-colors-vivid1: ", ";\n        --leva-shadows-level1: unset;\n        --leva-shadows-level2: unset;\n        --leva-fonts-mono: ", ";\n\n        padding: 6px 0;\n        background: ", ";\n        > div {\n          background: transparent;\n          > div {\n            background: transparent;\n          }\n        }\n        input:checked + label > svg {\n          stroke: ", ";\n        }\n      "])), token.colorFillSecondary, token.colorFillSecondary, token.colorPrimary, token.colorPrimaryHover, token.colorPrimaryActive, token.colorTextTertiary, token.colorTextSecondary, token.colorText, token.colorWarning, token.fontFamilyCode, token.colorBgLayout, token.colorBorder)
   };
 });

package/es/ThemeProvider/index.js

@@ -32,8 +32,6 @@ var ThemeProvider = function ThemeProvider(_ref) {
       customStylish: getCustomStylish,
       customToken: getCustomToken,
       children: [/*#__PURE__*/_jsx(ReactFontLoader, {
-        url: "https://raw.githubusercontent.com/divspace/hack/master/css/hack.css"
-      }), /*#__PURE__*/_jsx(ReactFontLoader, {
         url: "https://raw.githubusercontent.com/IKKI2000/harmonyos-fonts/main/css/harmonyos_sans.css"
       }), /*#__PURE__*/_jsx(ReactFontLoader, {
         url: "https://raw.githubusercontent.com/IKKI2000/harmonyos-fonts/main/css/harmonyos_sans_sc.css"

package/es/Tooltip/index.js

@@ -1,18 +1,21 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className"];
+var _excluded = ["className", "arrow"];
 import { Tooltip as AntdTooltip } from 'antd';
 import { memo } from 'react';
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Tooltip = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
+    _ref$arrow = _ref.arrow,
+    arrow = _ref$arrow === void 0 ? false : _ref$arrow,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
   return /*#__PURE__*/_jsx(AntdTooltip, _objectSpread({
-    overlayClassName: cx(styles.tooltip, className)
+    overlayClassName: cx(styles.tooltip, className),
+    arrow: arrow
   }, props));
 });
 export default Tooltip;

package/es/styles/theme/base.js

@@ -1,7 +1,7 @@
-var FONT_EMOJI = "\"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Apple Color Emoji\", \"Twemoji Mozilla\", \"Noto Color Emoji\", \"Android Emoji\"";
-var FONT_EN = "\"HarmonyOS Sans\", \"Segoe UI\", \"SF Pro Display\",-apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif";
-var FONT_CN = "\"HarmonyOS Sans SC\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft Yahei UI\", \"Microsoft Yahei\", \"Source Han Sans CN\", sans-serif";
-var FONT_CODE = "Hack, \"SFMono Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace";
+var FONT_EMOJI = "\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Apple Color Emoji\",\"Twemoji Mozilla\",\"Noto Color Emoji\",\"Android Emoji\"";
+var FONT_EN = "\"HarmonyOS Sans\",\"Segoe UI\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif";
+var FONT_CN = "\"HarmonyOS Sans SC\",\"PingFang SC\",\"Hiragino Sans GB\",\"Microsoft Yahei UI\",\"Microsoft Yahei\",\"Source Han Sans CN\",sans-serif";
+var FONT_CODE = "ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace";
 export var baseTheme = {
   token: {
     colorInfo: '#0070f3',

package/lib/EditableText/index.js

@@ -22,11 +22,11 @@ __export(EditableText_exports, {
   default: () => EditableText_default
 });
 module.exports = __toCommonJS(EditableText_exports);
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
+var import_ControlInput = require("../components/ControlInput");
+var import__ = require("../index");
+var import_lucide_react = require("lucide-react");
 var import_react = require("react");
 var import_react_layout_kit = require("react-layout-kit");
-var import_ControlInput = require("../components/ControlInput");
 var EditableText = (0, import_react.memo)(({ value, onChange }) => {
   const [edited, setEdited] = (0, import_react.useState)(false);
   return edited ? /* @__PURE__ */ React.createElement(
@@ -38,14 +38,18 @@ var EditableText = (0, import_react.memo)(({ value, onChange }) => {
       },
       onChange
     }
-  ) : /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { horizontal: true, gap: 8 }, value, /* @__PURE__ */ React.createElement(import_antd.Tooltip, { title: "编辑" }, /* @__PURE__ */ React.createElement(
-    import_icons.EditOutlined,
+  ) : /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { horizontal: true, gap: 8 }, value, /* @__PURE__ */ React.createElement(
+    import__.ActionIcon,
     {
+      title: "Edit",
+      placement: "right",
+      icon: import_lucide_react.Edit3,
+      size: { fontSize: 14, blockSize: 24 },
       onClick: () => {
         setEdited(!edited);
       }
     }
-  )));
+  ));
 });
 var EditableText_default = EditableText;
 // Annotate the CommonJS export names for ESM import in node:

package/lib/SearchBar/index.d.ts

@@ -1,5 +1,9 @@
 /// <reference types="react" />
 import { InputProps } from 'antd';
-export declare type SearchBarProps = InputProps;
-declare const SearchBar: import("react").MemoExoticComponent<({ value, onChange, style, placeholder, ...props }: SearchBarProps) => import("react/jsx-runtime").JSX.Element>;
+export interface SearchBarProps extends InputProps {
+    shortKey?: string;
+    enableShortKey?: boolean;
+    type?: 'ghost' | 'block';
+}
+declare const SearchBar: import("react").NamedExoticComponent<SearchBarProps>;
 export default SearchBar;

package/lib/SearchBar/index.js

@@ -22,21 +22,74 @@ __export(SearchBar_exports, {
   default: () => SearchBar_default
 });
 module.exports = __toCommonJS(SearchBar_exports);
-var import_icons = require("@ant-design/icons");
+var import__ = require("../index");
 var import_antd = require("antd");
+var import_lucide_react = require("lucide-react");
 var import_react = require("react");
-var SearchBar = (0, import_react.memo)(({ value, onChange, style, placeholder, ...props }) => /* @__PURE__ */ React.createElement(
-  import_antd.Input,
-  {
-    prefix: /* @__PURE__ */ React.createElement(import_icons.SearchOutlined, null),
-    allowClear: true,
+var import_style = require("./style");
+var isAppleDevice = /(mac|iphone|ipod|ipad)/i.test(
+  typeof navigator !== "undefined" ? navigator == null ? void 0 : navigator.platform : ""
+);
+var symbol = isAppleDevice ? "⌘" : "Ctrl";
+var SearchBar = (0, import_react.memo)(
+  ({
+    className,
     value,
-    placeholder: placeholder ?? "Search",
-    style: { ...style, borderColor: "transparent" },
     onChange,
+    style,
+    placeholder,
+    type = "ghost",
+    enableShortKey,
+    shortKey = "f",
     ...props
+  }) => {
+    const [showTag, setShowTag] = (0, import_react.useState)(true);
+    const [inputValue, setInputValue] = (0, import_react.useState)(value);
+    const { styles, cx } = (0, import_style.useStyles)({ type });
+    const inputRef = (0, import_react.useRef)(null);
+    (0, import_react.useEffect)(() => {
+      if (!enableShortKey)
+        return;
+      const handler = (ev) => {
+        if ((isAppleDevice ? ev.metaKey : ev.ctrlKey) && ev.key === shortKey) {
+          ev.preventDefault();
+          inputRef.current.focus();
+        }
+      };
+      document.addEventListener("keydown", handler);
+      return () => document.removeEventListener("keydown", handler);
+    }, []);
+    return /* @__PURE__ */ React.createElement("div", { className: cx(styles.search, className) }, /* @__PURE__ */ React.createElement(
+      import_antd.Input,
+      {
+        ref: inputRef,
+        className: styles.input,
+        prefix: /* @__PURE__ */ React.createElement(
+          import__.Icon,
+          {
+            className: styles.icon,
+            icon: import_lucide_react.Search,
+            size: { fontSize: 14 },
+            style: { marginRight: 4 }
+          }
+        ),
+        allowClear: true,
+        value,
+        placeholder: placeholder ?? "Type keywords...",
+        style: { ...style, borderColor: "transparent" },
+        onChange: (e) => {
+          setInputValue(e.target.value);
+          setShowTag(e.target.value ? false : true);
+          if (onChange)
+            onChange(e);
+        },
+        onFocus: () => setShowTag(false),
+        onBlur: () => setShowTag(true),
+        ...props
+      }
+    ), enableShortKey && showTag && !inputValue && /* @__PURE__ */ React.createElement(import_antd.Tag, { className: styles.tag }, symbol, " ", shortKey.toUpperCase()));
   }
-));
+);
 var SearchBar_default = SearchBar;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {});

package/lib/SearchBar/style.d.ts

@@ -0,0 +1,8 @@
+export declare const useStyles: (props?: {
+    type: 'ghost' | 'block';
+} | undefined) => import("antd-style").ReturnStyles<{
+    search: import("antd-style").SerializedStyles;
+    input: import("antd-style").SerializedStyles;
+    tag: import("antd-style").SerializedStyles;
+    icon: import("antd-style").SerializedStyles;
+}>;

package/lib/SearchBar/style.js

@@ -0,0 +1,68 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/SearchBar/style.ts
+var style_exports = {};
+__export(style_exports, {
+  useStyles: () => useStyles
+});
+module.exports = __toCommonJS(style_exports);
+var import_antd_style = require("antd-style");
+var import_polished = require("polished");
+var useStyles = (0, import_antd_style.createStyles)(({ css, token }, { type }) => ({
+  search: css`
+    position: relative;
+    max-width: 100%;
+    height: 36px;
+  `,
+  input: css`
+    position: relative;
+    height: inherit;
+    padding: 0 8px 0 12px;
+    transition: background-color 100ms ${token.motionEaseOut};
+
+    ${type === "block" ? css`
+          background-color: ${(0, import_polished.rgba)(token.colorBgElevated, 0.6)} !important;
+        ` : css`
+          background: transparent !important;
+          border: 1px solid ${token.colorBorder} !important;
+        `}
+
+    &:hover {
+      background-color: ${token.colorFillTertiary} !important;
+    }
+
+    input {
+      background: transparent;
+    }
+  `,
+  tag: css`
+    position: absolute;
+    z-index: 5;
+    top: 50%;
+    right: 0;
+    transform: translateY(-50%);
+  `,
+  icon: css`
+    color: ${token.colorTextPlaceholder};
+  `
+}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStyles
+});

package/lib/StroyBook/style.js

@@ -62,6 +62,7 @@ var useStyles = (0, import_antd_style.createStyles)(
         --leva-colors-vivid1: ${token.colorWarning};
         --leva-shadows-level1: unset;
         --leva-shadows-level2: unset;
+        --leva-fonts-mono: ${token.fontFamilyCode};
 
         padding: 6px 0;
         background: ${token.colorBgLayout};

package/lib/ThemeProvider/index.js

@@ -60,7 +60,6 @@ var ThemeProvider = ({ token, children, themeMode }) => {
       customStylish: import_styles.getCustomStylish,
       customToken: getCustomToken
     },
-    /* @__PURE__ */ import_react.default.createElement(import_react_font_loader.default, { url: "https://raw.githubusercontent.com/divspace/hack/master/css/hack.css" }),
     /* @__PURE__ */ import_react.default.createElement(import_react_font_loader.default, { url: "https://raw.githubusercontent.com/IKKI2000/harmonyos-fonts/main/css/harmonyos_sans.css" }),
     /* @__PURE__ */ import_react.default.createElement(import_react_font_loader.default, { url: "https://raw.githubusercontent.com/IKKI2000/harmonyos-fonts/main/css/harmonyos_sans_sc.css" }),
     /* @__PURE__ */ import_react.default.createElement(import_GlobalStyle.default, null),

package/lib/Tooltip/index.js

@@ -25,9 +25,9 @@ module.exports = __toCommonJS(Tooltip_exports);
 var import_antd = require("antd");
 var import_react = require("react");
 var import_style = require("./style");
-var Tooltip = (0, import_react.memo)(({ className, ...props }) => {
+var Tooltip = (0, import_react.memo)(({ className, arrow = false, ...props }) => {
   const { styles, cx } = (0, import_style.useStyles)();
-  return /* @__PURE__ */ React.createElement(import_antd.Tooltip, { overlayClassName: cx(styles.tooltip, className), ...props });
+  return /* @__PURE__ */ React.createElement(import_antd.Tooltip, { overlayClassName: cx(styles.tooltip, className), arrow, ...props });
 });
 var Tooltip_default = Tooltip;
 // Annotate the CommonJS export names for ESM import in node:

package/lib/styles/theme/base.js

@@ -22,10 +22,10 @@ __export(base_exports, {
   baseTheme: () => baseTheme
 });
 module.exports = __toCommonJS(base_exports);
-var FONT_EMOJI = `"Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji"`;
-var FONT_EN = `"HarmonyOS Sans", "Segoe UI", "SF Pro Display",-apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif`;
-var FONT_CN = `"HarmonyOS Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif`;
-var FONT_CODE = `Hack, "SFMono Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace`;
+var FONT_EMOJI = `"Segoe UI Emoji","Segoe UI Symbol","Apple Color Emoji","Twemoji Mozilla","Noto Color Emoji","Android Emoji"`;
+var FONT_EN = `"HarmonyOS Sans","Segoe UI","SF Pro Display",-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif`;
+var FONT_CN = `"HarmonyOS Sans SC","PingFang SC","Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","Source Han Sans CN",sans-serif`;
+var FONT_CODE = `ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace`;
 var baseTheme = {
   token: {
     colorInfo: "#0070f3",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.8.2",
+  "version": "1.9.0",
   "description": "Lobe UI is an open-source UI component library for building chatbot web apps",
   "keywords": [
     "lobehub",