@lobehub/ui 1.95.1-beta.1 → 1.96.0

package/es/ChatList/HistoryDivider.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface HistoryDividerProps {
+    enable?: boolean;
+    text?: {
+        history?: string;
+    };
+}
+declare const HistoryDivider: import("react").NamedExoticComponent<HistoryDividerProps>;
+export default HistoryDivider;

package/es/ChatList/HistoryDivider.js

@@ -0,0 +1,25 @@
+import { Divider } from 'antd';
+import { Timer } from 'lucide-react';
+import { memo } from 'react';
+import Icon from "../Icon";
+import Tag from "../Tag";
+import { jsx as _jsx } from "react/jsx-runtime";
+var HistoryDivider = /*#__PURE__*/memo(function (_ref) {
+  var enable = _ref.enable,
+    text = _ref.text;
+  if (!enable) return null;
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      padding: '0 20px'
+    },
+    children: /*#__PURE__*/_jsx(Divider, {
+      children: /*#__PURE__*/_jsx(Tag, {
+        icon: /*#__PURE__*/_jsx(Icon, {
+          icon: Timer
+        }),
+        children: (text === null || text === void 0 ? void 0 : text.history) || 'History Message'
+      })
+    })
+  });
+});
+export default HistoryDivider;

package/es/ChatList/Item.d.ts

@@ -45,6 +45,7 @@ export interface ListItemProps {
      */
     text?: ChatItemProps['text'] & ActionsBarProps['text'] & {
         copySuccess?: string;
+        history?: string;
     };
     /**
      * @description 聊天列表的类型

package/es/ChatList/index.d.ts

@@ -6,6 +6,8 @@ export interface ChatListProps extends DivProps, ListItemProps {
      * @description Data of chat messages to be displayed
      */
     data: ChatMessage[];
+    enableHistoryCount?: boolean;
+    historyCount?: number;
     loadingId?: string;
 }
 export type { OnActionClick, OnMessageChange, RenderErrorMessage, RenderMessage } from './Item';

package/es/ChatList/index.js

@@ -1,13 +1,16 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["onActionClick", "renderMessageExtra", "className", "data", "type", "text", "showTitle", "onMessageChange", "renderMessage", "renderErrorMessage", "loadingId", "renderItem"];
+var _excluded = ["onActionClick", "renderMessageExtra", "className", "data", "type", "text", "showTitle", "onMessageChange", "renderMessage", "renderErrorMessage", "loadingId", "renderItem", "enableHistoryCount", "historyCount"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { memo } from 'react';
 import Group from "./Group";
+import HistoryDivider from "./HistoryDivider";
 import Item from "./Item";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var ChatList = /*#__PURE__*/memo(function (_ref) {
   var onActionClick = _ref.onActionClick,
     MessageExtra = _ref.renderMessageExtra,
@@ -22,6 +25,9 @@ var ChatList = /*#__PURE__*/memo(function (_ref) {
     renderErrorMessage = _ref.renderErrorMessage,
     loadingId = _ref.loadingId,
     renderItem = _ref.renderItem,
+    enableHistoryCount = _ref.enableHistoryCount,
+    _ref$historyCount = _ref.historyCount,
+    historyCount = _ref$historyCount === void 0 ? 0 : _ref$historyCount,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
@@ -29,7 +35,7 @@ var ChatList = /*#__PURE__*/memo(function (_ref) {
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: cx(styles.container, className)
   }, props), {}, {
-    children: data.map(function (item) {
+    children: data.map(function (item, index) {
       var _item$children;
       var props = {
         loading: loadingId === item.id,
@@ -43,15 +49,27 @@ var ChatList = /*#__PURE__*/memo(function (_ref) {
         text: text,
         type: type
       };
+      var historyLength = data.length;
+      var enableHistoryDivider = enableHistoryCount && historyLength > historyCount && historyCount === historyLength - index + 1;
       if (item.children && ((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) > 0) {
-        return /*#__PURE__*/_jsx(Group, {
-          data: item.children.map(function (childrenItem) {
-            return _objectSpread(_objectSpread({}, props), childrenItem);
-          }),
-          meta: item.meta
-        }, item.children[0].id);
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(HistoryDivider, {
+            enable: enableHistoryDivider,
+            text: text
+          }), /*#__PURE__*/_jsx(Group, {
+            data: item.children.map(function (childrenItem) {
+              return _objectSpread(_objectSpread({}, props), childrenItem);
+            }),
+            meta: item.meta
+          }, item.children[0].id)]
+        });
       }
-      return /*#__PURE__*/_jsx(Item, _objectSpread(_objectSpread({}, props), item), item.id);
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(HistoryDivider, {
+          enable: enableHistoryDivider,
+          text: text
+        }), /*#__PURE__*/_jsx(Item, _objectSpread(_objectSpread({}, props), item), item.id)]
+      });
     })
   }));
 });

package/es/ColorScales/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ColorScaleItem } from "../styles/colors/colors";
+import { ColorScaleItem } from "../styles/colors";
 export interface ColorScalesProps {
     /**
      * @description Index of the mid highlight color in the scale

package/es/FontLoader/index.js

@@ -1,4 +1,4 @@
-import { memo, useEffect, useRef } from 'react';
+import { memo, useEffect } from 'react';
 var createElement = function createElement(url) {
   var element = document.createElement('link');
   element.rel = 'stylesheet';
@@ -7,13 +7,10 @@ var createElement = function createElement(url) {
 };
 var FontLoader = /*#__PURE__*/memo(function (_ref) {
   var url = _ref.url;
-  var loadRef = useRef(false);
   useEffect(function () {
-    if (loadRef.current) return;
-    loadRef.current = true;
     var element = createElement(url);
     document.head.append(element);
   }, []);
-  return null;
+  return false;
 });
 export default FontLoader;

package/es/Giscus/style.js

@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _templateObject;
 import { css } from 'antd-style';
 import { readableColor, rgba } from 'polished';
-import { colorScales } from "../styles/colors/colors";
+import { colorScales } from "../styles/colors";
 export var genStyles = function genStyles(token, isDarkMode) {
   var type = isDarkMode ? 'dark' : 'light';
   var colorText = colorScales.gray[type][11];

package/es/Highlighter/theme.js

@@ -1,4 +1,4 @@
-import { colorScales } from "../styles/colors/colors";
+import { colorScales } from "../styles/colors";
 export var themeConfig = function themeConfig(isDarkMode) {
   var type = isDarkMode ? 'dark' : 'light';
   var colorText = colorScales.gray[type][11];

package/es/ThemeProvider/GlobalStyle/antdOverride.js

@@ -1,7 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject;
 import { css } from 'antd-style';
-import { readableColor } from 'polished';
 export default (function (token) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ant-btn-primary {\n    color: ", " !important;\n  }\n\n  .ant-tooltip-inner {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    min-height: unset;\n    padding: 4px 8px;\n\n    color: ", " !important;\n\n    background-color: ", " !important;\n    border-radius: ", "px !important;\n  }\n\n  .ant-tooltip-arrow {\n    &::before,\n    &::after {\n      background: ", " !important;\n    }\n  }\n\n  .ant-switch-handle::before {\n    background: ", " !important;\n  }\n"])), readableColor(token.colorPrimary), token.colorBgLayout, token.colorText, token.borderRadiusSM, token.colorText, token.colorBgContainer);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ant-tooltip-inner {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    min-height: unset;\n    padding: 4px 8px;\n\n    color: ", " !important;\n\n    background-color: ", " !important;\n    border-radius: ", "px !important;\n  }\n\n  .ant-tooltip-arrow {\n    &::before,\n    &::after {\n      background: ", " !important;\n    }\n  }\n\n  .ant-switch-handle::before {\n    background: ", " !important;\n  }\n"])), token.colorBgLayout, token.colorText, token.borderRadiusSM, token.colorText, token.colorBgContainer);
 });

package/es/ThemeProvider/index.d.ts

@@ -1,14 +1,21 @@
-/// <reference types="react" />
-import { ThemeProviderProps as AntdThemeProviderProps, CustomStylishParams, CustomTokenParams } from 'antd-style';
-import { NeutralColors, PrimaryColors } from "../styles";
-export interface ThemeProviderProps extends Omit<AntdThemeProviderProps<any>, 'theme'> {
+import { type ThemeMode, extractStaticStyle } from 'antd-style';
+import type { CustomStylishParams, CustomTokenParams } from 'antd-style/lib/types/function';
+import { type ReactNode } from 'react';
+export interface ThemeProviderProps {
+    /**
+     * @description Cache for the extracted static styles
+     */
+    cache?: typeof extractStaticStyle.cache;
+    /**
+     * @description The children of the ThemeProvider component
+     */
+    children: ReactNode;
+    /**
+     * @description Custom stylish
+     */
     customStylish?: (theme: CustomStylishParams) => {
         [key: string]: any;
     };
-    customTheme?: {
-        neutralColor?: NeutralColors;
-        primaryColor?: PrimaryColors;
-    };
     /**
      * @description Custom extra token
      */
@@ -16,6 +23,14 @@ export interface ThemeProviderProps extends Omit<AntdThemeProviderProps<any>, 't
         [key: string]: any;
     };
     enableWebfonts?: boolean;
+    /**
+     * @description Whether to inline the styles on server-side rendering or not
+     */
+    ssrInline?: boolean;
+    /**
+     * @description The mode of the theme (light or dark)
+     */
+    themeMode?: ThemeMode;
     /**
      * @description Webfont loader css strings
      */

package/es/ThemeProvider/index.js

@@ -1,6 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "customStylish", "customToken", "enableWebfonts", "webfonts", "customTheme"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { App } from 'antd';
@@ -9,22 +7,19 @@ import { memo, useCallback, useEffect } from 'react';
 import { ThemeContext } from 'styled-components';
 import { useCdnFn } from "../ConfigProvider";
 import FontLoader from "../FontLoader";
-import { lobeCustomStylish, lobeCustomToken } from "../styles";
-import { createLobeAntdTheme } from "../styles/theme/antdTheme";
+import { lobeCustomStylish, lobeCustomToken, lobeTheme } from "../styles";
 import GlobalStyle from "./GlobalStyle";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 var ThemeProvider = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
+    themeMode = _ref.themeMode,
     customStylish = _ref.customStylish,
     customToken = _ref.customToken,
     _ref$enableWebfonts = _ref.enableWebfonts,
     enableWebfonts = _ref$enableWebfonts === void 0 ? true : _ref$enableWebfonts,
-    webfonts = _ref.webfonts,
-    _ref$customTheme = _ref.customTheme,
-    customTheme = _ref$customTheme === void 0 ? {} : _ref$customTheme,
-    res = _objectWithoutProperties(_ref, _excluded);
+    webfonts = _ref.webfonts;
   var genCdnUrl = useCdnFn();
   var webfontUrls = webfonts || [genCdnUrl({
     path: 'css/index.css',
@@ -54,25 +49,18 @@ var ThemeProvider = /*#__PURE__*/memo(function (_ref) {
   var token = useCallback(function (theme) {
     return _objectSpread(_objectSpread({}, lobeCustomToken(theme)), customToken === null || customToken === void 0 ? void 0 : customToken(theme));
   }, [customToken]);
-  var theme = useCallback(function (appearance) {
-    return createLobeAntdTheme({
-      appearance: appearance,
-      neutralColor: customTheme.neutralColor,
-      primaryColor: customTheme.primaryColor
-    });
-  }, [customTheme.primaryColor, customTheme.neutralColor]);
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [enableWebfonts && (webfontUrls === null || webfontUrls === void 0 ? void 0 : webfontUrls.length) > 0 && webfontUrls.map(function (webfont) {
+    children: [enableWebfonts && (webfontUrls === null || webfontUrls === void 0 ? void 0 : webfontUrls.length) > 0 && webfontUrls.map(function (webfont, index) {
       return /*#__PURE__*/_jsx(FontLoader, {
         url: webfont
-      }, webfont);
+      }, index);
     }), /*#__PURE__*/_jsx(StyleProvider, {
       speedy: process.env.NODE_ENV === 'production',
-      children: /*#__PURE__*/_jsxs(AntdThemeProvider, _objectSpread(_objectSpread({
+      children: /*#__PURE__*/_jsxs(AntdThemeProvider, {
         customStylish: stylish,
-        customToken: token
-      }, res), {}, {
-        theme: theme,
+        customToken: token,
+        theme: lobeTheme,
+        themeMode: themeMode,
         children: [/*#__PURE__*/_jsx(GlobalStyle, {}), /*#__PURE__*/_jsx(App, {
           style: {
             minHeight: 'inherit',
@@ -80,7 +68,7 @@ var ThemeProvider = /*#__PURE__*/memo(function (_ref) {
           },
           children: children
         })]
-      }))
+      })
     })]
   });
 });

package/es/styles/{colors → algorithms}/generateColorPalette.d.ts

@@ -1,5 +1,5 @@
 import { AliasToken } from 'antd/es/theme/interface';
-import { ColorScaleItem } from "./colors";
+import { ColorScaleItem } from "../colors";
 export declare const generateColorPalette: ({ type, scale, appearance, }: {
     appearance: 'light' | 'dark';
     scale: ColorScaleItem;

package/es/styles/algorithms/generateCustomTheme.d.ts

@@ -0,0 +1,9 @@
+import { AliasToken } from 'antd/es/theme/interface';
+import { type NeutralColors, type PrimaryColors } from '../customTheme';
+interface generateCustomThemeProps {
+    isDarkMode: boolean;
+    neutralColor?: NeutralColors | '';
+    primaryColor?: PrimaryColors | '';
+}
+export declare const generateCustomTheme: ({ primaryColor, neutralColor, isDarkMode, }: generateCustomThemeProps) => Partial<AliasToken>;
+export {};

package/es/styles/{theme/algorithms/lightAlgorithm.js → algorithms/generateCustomTheme.js}

@@ -1,28 +1,30 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { generateColorNeutralPalette, generateColorPalette, neutralColorScales } from "../..";
-import { colorScales } from "../../colors/colors";
-import lightBaseToken from "../token/light";
-export var lightAlgorithm = function lightAlgorithm(seedToken, mapToken) {
-  var primaryColor = seedToken.colorPrimary;
-  var neutralColor = seedToken.colorBgBase;
+import { colorScales } from "../colors";
+import { neutralColorScales } from "../neutralColors";
+import { generateColorNeutralPalette, generateColorPalette } from "./generateColorPalette";
+export var generateCustomTheme = function generateCustomTheme(_ref) {
+  var primaryColor = _ref.primaryColor,
+    neutralColor = _ref.neutralColor,
+    isDarkMode = _ref.isDarkMode;
+  var appearance = isDarkMode ? 'dark' : 'light';
   var primaryTokens = {};
   var neutralTokens = {};
-  var primaryScale = colorScales[primaryColor];
-  if (primaryScale) {
+  if (primaryColor) {
+    var scale = colorScales[primaryColor];
     primaryTokens = generateColorPalette({
-      appearance: 'light',
-      scale: primaryScale,
+      appearance: appearance,
+      scale: scale,
       type: 'Primary'
     });
   }
-  var neutralScale = neutralColorScales[neutralColor];
-  if (neutralScale) {
+  if (neutralColor) {
+    var _scale = neutralColorScales[neutralColor];
     neutralTokens = generateColorNeutralPalette({
-      appearance: 'light',
-      scale: neutralScale
+      appearance: appearance,
+      scale: _scale
     });
   }
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, mapToken), lightBaseToken), primaryTokens), neutralTokens);
+  return _objectSpread(_objectSpread({}, primaryTokens), neutralTokens);
 };

package/es/styles/{theme/customToken.js → algorithms/generateCustomToken.js}

@@ -6,7 +6,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import { camelCase } from 'lodash-es';
-import { colorScales } from "../colors/colors";
+import { colorScales } from "../colors";
 var generateColorPalette = function generateColorPalette(_ref) {
   var _ref2;
   var name = _ref.name,
@@ -55,6 +55,8 @@ var generateCustomColorPalette = function generateCustomColorPalette(_ref3) {
     scale: scale
   }));
 };
+
+// @ts-ignore
 export var generateCustomToken = function generateCustomToken(_ref4) {
   var isDarkMode = _ref4.isDarkMode;
   var colorCustomToken = {};

package/es/styles/algorithms/generateTheme.d.ts

@@ -0,0 +1,5 @@
+import { ThemeConfig } from 'antd';
+import { GetAntdTheme } from 'antd-style';
+export declare const lightTheme: ThemeConfig;
+export declare const darkTheme: ThemeConfig;
+export declare const generateTheme: GetAntdTheme;

package/es/styles/{theme/antdTheme.js → algorithms/generateTheme.js}

@@ -1,26 +1,20 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { darkAlgorithm } from "./algorithms/darkAlgorithm";
-import { lightAlgorithm } from "./algorithms/lightAlgorithm";
-import { baseToken } from "./token/base";
-/**
- * create A LobeHub Style Antd Theme Object
- * @param neutralColor
- * @param appearance
- * @param primaryColor
- */
-export var createLobeAntdTheme = function createLobeAntdTheme(_ref) {
-  var neutralColor = _ref.neutralColor,
-    appearance = _ref.appearance,
-    primaryColor = _ref.primaryColor;
-  var isDark = appearance === 'dark';
-  return {
-    algorithm: isDark ? darkAlgorithm : lightAlgorithm,
-    token: _objectSpread(_objectSpread({}, baseToken), {}, {
-      // @ts-ignore
-      neutralColor: neutralColor,
-      primaryColor: primaryColor
-    })
-  };
+import darkBaseToken from "../theme/dark";
+import lightBaseToken from "../theme/light";
+export var lightTheme = {
+  algorithm: function algorithm(seedToken, mapToken) {
+    return _objectSpread(_objectSpread({}, mapToken), lightBaseToken);
+  },
+  token: lightBaseToken
+};
+export var darkTheme = {
+  algorithm: function algorithm(seedToken, mapToken) {
+    return _objectSpread(_objectSpread({}, mapToken), darkBaseToken);
+  },
+  token: darkBaseToken
+};
+export var generateTheme = function generateTheme(appearance) {
+  return appearance === 'dark' ? darkTheme : lightTheme;
 };

package/es/styles/customTheme.js

@@ -1,5 +1,5 @@
-import { colorScales } from "./colors/colors";
-import { neutralColorScales } from "./colors/neutralColors";
+import { colorScales } from "./colors";
+import { neutralColorScales } from "./neutralColors";
 export var primaryColors = {
   blue: colorScales.blue.dark[9],
   cyan: colorScales.cyan.dark[9],

package/es/styles/index.d.ts

@@ -1,7 +1,9 @@
-export { colorScales as colors } from './colors/colors';
-export { colorScales } from './colors/colors';
-export { generateColorNeutralPalette, generateColorPalette } from './colors/generateColorPalette';
-export { neutralColorScales } from './colors/neutralColors';
+export { generateColorNeutralPalette, generateColorPalette, } from './algorithms/generateColorPalette';
+export { generateCustomStylish as lobeCustomStylish } from './algorithms/generateCustomStylish';
+export { generateCustomTheme as lobeCustomTheme } from './algorithms/generateCustomTheme';
+export { generateCustomToken as lobeCustomToken } from './algorithms/generateCustomToken';
+export { generateTheme as lobeTheme } from './algorithms/generateTheme';
+export { colorScales as colors } from './colors';
+export { colorScales } from './colors';
 export * from './customTheme';
-export { generateCustomStylish as lobeCustomStylish } from './theme/customStylish';
-export { generateCustomToken as lobeCustomToken } from './theme/customToken';
+export { neutralColorScales } from './neutralColors';

package/es/styles/index.js

@@ -1,7 +1,9 @@
-export { colorScales as colors } from "./colors/colors";
-export { colorScales } from "./colors/colors";
-export { generateColorNeutralPalette, generateColorPalette } from "./colors/generateColorPalette";
-export { neutralColorScales } from "./colors/neutralColors";
+export { generateColorNeutralPalette, generateColorPalette } from "./algorithms/generateColorPalette";
+export { generateCustomStylish as lobeCustomStylish } from "./algorithms/generateCustomStylish";
+export { generateCustomTheme as lobeCustomTheme } from "./algorithms/generateCustomTheme";
+export { generateCustomToken as lobeCustomToken } from "./algorithms/generateCustomToken";
+export { generateTheme as lobeTheme } from "./algorithms/generateTheme";
+export { colorScales as colors } from "./colors";
+export { colorScales } from "./colors";
 export * from "./customTheme";
-export { generateCustomStylish as lobeCustomStylish } from "./theme/customStylish";
-export { generateCustomToken as lobeCustomToken } from "./theme/customToken";
+export { neutralColorScales } from "./neutralColors";

package/es/styles/theme/{token/dark.js → dark.js}

@@ -1,8 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { generateColorNeutralPalette, generateColorPalette } from "../../colors/generateColorPalette";
-import { colorScales } from "../../colors/colors";
+import { generateColorNeutralPalette, generateColorPalette } from "../algorithms/generateColorPalette";
+import { colorScales } from "../colors";
+import { baseToken } from "./base";
 var primaryToken = generateColorPalette({
   appearance: 'dark',
   scale: colorScales.bnw,
@@ -32,7 +33,7 @@ var infoToken = generateColorPalette({
   scale: colorScales.blue,
   type: 'Info'
 });
-var darkBaseToken = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, primaryToken), neutralToken), successToken), warningToken), errorToken), infoToken), {}, {
+var darkBaseToken = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, baseToken), primaryToken), neutralToken), successToken), warningToken), errorToken), infoToken), {}, {
   boxShadow: '0 12px 20px 6px rgb(0 0 0 / 0.08)',
   boxShadowSecondary: '0 2px 8px 2px rgb(0 0 0 / 0.07), 0 2px 4px -1px rgb(0 0 0 / 0.04)',
   colorLink: infoToken.colorInfoText,

package/es/styles/theme/{token/light.js → light.js}

@@ -1,8 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { generateColorNeutralPalette, generateColorPalette } from "../../colors/generateColorPalette";
-import { colorScales } from "../../colors/colors";
+import { generateColorNeutralPalette, generateColorPalette } from "../algorithms/generateColorPalette";
+import { colorScales } from "../colors";
+import { baseToken } from "./base";
 var primaryToken = generateColorPalette({
   appearance: 'light',
   scale: colorScales.bnw,
@@ -32,7 +33,7 @@ var infoToken = generateColorPalette({
   scale: colorScales.geekblue,
   type: 'Info'
 });
-var lightBaseToken = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, primaryToken), neutralToken), successToken), warningToken), errorToken), infoToken), {}, {
+var lightBaseToken = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, baseToken), primaryToken), neutralToken), successToken), warningToken), errorToken), infoToken), {}, {
   boxShadow: '0 12px 20px 6px rgb(104 112 118 / 0.08)',
   boxShadowSecondary: '0 2px 8px 2px rgb(104 112 118 / 0.07), 0 2px 4px -1px rgb(104 112 118 / 0.04)',
   colorLink: infoToken.colorInfoText,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.95.1-beta.1",
+  "version": "1.96.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",

package/es/styles/theme/algorithms/darkAlgorithm.d.ts

@@ -1,2 +0,0 @@
-import { MappingAlgorithm } from 'antd/es/theme/interface';
-export declare const darkAlgorithm: MappingAlgorithm;

package/es/styles/theme/algorithms/darkAlgorithm.js

@@ -1,32 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { generateColorNeutralPalette, generateColorPalette, neutralColorScales } from "../..";
-import { colorScales } from "../../colors/colors";
-import darkBaseToken from "../token/dark";
-export var darkAlgorithm = function darkAlgorithm(seedToken, mapToken) {
-  var primaryColor = seedToken.primaryColor;
-  var neutralColor = seedToken.neutralColor;
-  var primaryTokens = {};
-  var neutralTokens = {};
-
-  // generate primary color Token with colorPrimary
-  var primaryScale = colorScales[primaryColor];
-  if (primaryScale) {
-    primaryTokens = generateColorPalette({
-      appearance: 'dark',
-      scale: primaryScale,
-      type: 'Primary'
-    });
-  }
-
-  // generate neutral color Token with colorBgBase
-  var neutralScale = neutralColorScales[neutralColor];
-  if (neutralScale) {
-    neutralTokens = generateColorNeutralPalette({
-      appearance: 'dark',
-      scale: neutralScale
-    });
-  }
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, mapToken), darkBaseToken), primaryTokens), neutralTokens);
-};

package/es/styles/theme/algorithms/lightAlgorithm.d.ts

@@ -1,2 +0,0 @@
-import { MappingAlgorithm } from 'antd/es/theme/interface';
-export declare const lightAlgorithm: MappingAlgorithm;

package/es/styles/theme/antdTheme.d.ts

@@ -1,15 +0,0 @@
-import { ThemeConfig } from 'antd';
-import { ThemeAppearance } from 'antd-style';
-import { NeutralColors, PrimaryColors } from "..";
-export interface LobeAntdThemeParams {
-    appearance: ThemeAppearance;
-    neutralColor?: NeutralColors;
-    primaryColor?: PrimaryColors;
-}
-/**
- * create A LobeHub Style Antd Theme Object
- * @param neutralColor
- * @param appearance
- * @param primaryColor
- */
-export declare const createLobeAntdTheme: ({ neutralColor, appearance, primaryColor, }: LobeAntdThemeParams) => ThemeConfig;