@lobehub/ui 1.16.0 → 1.16.2

package/es/ThemeSwitch/index.js

@@ -1,6 +1,8 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["size", "themeMode", "onThemeSwitch"];
+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 { ActionIcon, Icon } from "./..";
 import { Dropdown } from 'antd';
 import { Monitor, Moon, Sun } from 'lucide-react';
@@ -14,22 +16,22 @@ var icons = {
 var items = [{
   label: 'System',
   icon: /*#__PURE__*/_jsx(Icon, {
-    size: "small",
-    icon: icons.auto
+    icon: icons.auto,
+    size: "small"
   }),
   key: 'auto'
 }, {
   label: 'Light',
   icon: /*#__PURE__*/_jsx(Icon, {
-    size: "small",
-    icon: icons.light
+    icon: icons.light,
+    size: "small"
   }),
   key: 'light'
 }, {
   label: 'Dark',
   icon: /*#__PURE__*/_jsx(Icon, {
-    size: "small",
-    icon: icons.dark
+    icon: icons.dark,
+    size: "small"
   }),
   key: 'dark'
 }];
@@ -50,8 +52,8 @@ var ThemeSwitch = /*#__PURE__*/memo(function (_ref) {
     trigger: ['click']
   }, props), {}, {
     children: /*#__PURE__*/_jsx(ActionIcon, {
-      size: size,
-      icon: icons[themeMode]
+      icon: icons[themeMode],
+      size: size
     })
   }));
 });

package/es/Tooltip/index.js

@@ -1,6 +1,8 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "arrow"];
+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 { Tooltip as AntdTooltip } from 'antd';
 import { memo } from 'react';
 import { useStyles } from "./style";
@@ -14,8 +16,8 @@ var Tooltip = /*#__PURE__*/memo(function (_ref) {
     styles = _useStyles.styles,
     cx = _useStyles.cx;
   return /*#__PURE__*/_jsx(AntdTooltip, _objectSpread({
-    overlayClassName: cx(styles.tooltip, className),
-    arrow: arrow
+    arrow: arrow,
+    overlayClassName: cx(styles.tooltip, className)
   }, props));
 });
 export default Tooltip;

package/es/components/ControlInput.d.ts

@@ -2,8 +2,8 @@
 import { InputProps } from "../index";
 export interface ControlInputProps extends Omit<InputProps, 'onChange' | 'value' | 'onAbort'> {
     onChange?: (value: string) => void;
+    onChangeEnd?: (value: string) => void;
     onValueChanging?: (value: string) => void;
     value?: string;
-    onChangeEnd?: (value: string) => void;
 }
 export declare const ControlInput: import("react").NamedExoticComponent<ControlInputProps>;

package/es/components/ControlInput.js

@@ -1,11 +1,13 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["value", "onChange", "onValueChanging", "onChangeEnd"];
-import { ActionIcon, Input } from "./..";
+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 { ConfigProvider, Space } from 'antd';
 import { RotateCcw, Save } from 'lucide-react';
 import { memo, useCallback, useEffect, useRef, useState } from 'react';
+import { ActionIcon, Input } from "./..";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ControlInput = /*#__PURE__*/memo(function (_ref) {
@@ -30,16 +32,6 @@ export var ControlInput = /*#__PURE__*/memo(function (_ref) {
   return /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({
     ref: inputRef
   }, props), {}, {
-    value: input,
-    onCompositionStart: function onCompositionStart() {
-      isChineseInput.current = true;
-    },
-    onCompositionEnd: function onCompositionEnd() {
-      isChineseInput.current = false;
-    },
-    onFocus: function onFocus() {
-      isFocusing.current = true;
-    },
     onBlur: function onBlur() {
       isFocusing.current = false;
       onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(input);
@@ -48,6 +40,15 @@ export var ControlInput = /*#__PURE__*/memo(function (_ref) {
       setInput(e.target.value);
       onValueChanging === null || onValueChanging === void 0 ? void 0 : onValueChanging(e.target.value);
     },
+    onCompositionEnd: function onCompositionEnd() {
+      isChineseInput.current = false;
+    },
+    onCompositionStart: function onCompositionStart() {
+      isChineseInput.current = true;
+    },
+    onFocus: function onFocus() {
+      isFocusing.current = true;
+    },
     onPressEnter: function onPressEnter(e) {
       if (!e.shiftKey && !isChineseInput.current) {
         e.preventDefault();
@@ -65,19 +66,20 @@ export var ControlInput = /*#__PURE__*/memo(function (_ref) {
       children: /*#__PURE__*/_jsxs(Space, {
         size: 2,
         children: [/*#__PURE__*/_jsx(ActionIcon, {
-          title: "Reset",
           icon: RotateCcw,
-          size: "small",
           onClick: function onClick() {
             setInput(value);
-          }
+          },
+          size: "small",
+          title: "Reset"
         }), /*#__PURE__*/_jsx(ActionIcon, {
-          title: "\u2705 Save",
           icon: Save,
+          onClick: updateValue,
           size: "small",
-          onClick: updateValue
+          title: "\u2705 Save"
         })]
       })
-    })
+    }),
+    value: input
   }));
 });

package/es/hooks/useHighlight.d.ts

@@ -4,6 +4,14 @@ export declare const languageMap: readonly ["javascript", "js", "jsx", "json", "
  * @title 代码高亮的存储对象
  */
 interface Store {
+    /**
+     * @title 将代码转化为 HTML 字符串
+     * @param text - 代码文本
+     * @param language - 代码语言
+     * @param isDarkMode - 是否为暗黑模式
+     * @returns HTML 字符串
+     */
+    codeToHtml: (text: string, language: string, isDarkMode: boolean) => string;
     /**
      * @title 高亮器对象
      */
@@ -13,14 +21,6 @@ interface Store {
      * @returns 初始化 Promise 对象
      */
     initHighlighter: () => Promise<void>;
-    /**
-     * @title 将代码转化为 HTML 字符串
-     * @param text - 代码文本
-     * @param language - 代码语言
-     * @param isDarkMode - 是否为暗黑模式
-     * @returns HTML 字符串
-     */
-    codeToHtml: (text: string, language: string, isDarkMode: boolean) => string;
 }
 export declare const useHighlight: import("zustand").UseBoundStore<import("zustand").StoreApi<Store>>;
 export {};

package/es/hooks/useHighlight.js

@@ -1,8 +1,8 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import { themeConfig } from "../Highlighter/theme";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { getHighlighter } from 'shiki-es';
 import { create } from 'zustand';
+import { themeConfig } from "../Highlighter/theme";
 export var languageMap = ['javascript', 'js', 'jsx', 'json', 'markdown', 'md', 'less', 'css', 'typescript', 'ts', 'tsx', 'diff', 'bash'];
 
 /**
@@ -13,9 +13,9 @@ export var useHighlight = create(function (set, get) {
   return {
     highlighter: undefined,
     initHighlighter: function () {
-      var _initHighlighter = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _initHighlighter = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var highlighter;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               if (get().highlighter) {

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

@@ -1,11 +1,11 @@
-import { ColorScaleItem } from "../colors";
 import { AliasToken } from 'antd/es/theme/interface';
+import { ColorScaleItem } from "../colors";
 export declare const generateColorPalette: ({ type, scale, appearance, }: {
-    type: 'Primary' | 'Success' | 'Warning' | 'Error' | 'Info' | string;
-    scale: ColorScaleItem;
     appearance: 'light' | 'dark';
+    scale: ColorScaleItem;
+    type: 'Primary' | 'Success' | 'Warning' | 'Error' | 'Info' | string;
 }) => Partial<AliasToken>;
 export declare const generateColorNeutralPalette: ({ scale, appearance, }: {
-    scale: ColorScaleItem;
     appearance: 'light' | 'dark';
+    scale: ColorScaleItem;
 }) => Partial<AliasToken>;

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

@@ -1,3 +1,3 @@
-import { LobeCustomStylish } from "../../types/customStylish";
 import { GetCustomStylish } from 'antd-style';
+import { LobeCustomStylish } from "../../types/customStylish";
 export declare const generateCustomStylish: GetCustomStylish<LobeCustomStylish>;

package/es/styles/algorithms/generateCustomStylish.js

@@ -13,7 +13,7 @@ export var generateCustomStylish = function generateCustomStylish(_ref) {
     heroGradientFlow: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      animation: flow 5s ease infinite;\n\n      @keyframes flow {\n        0% {\n          background-position: 0 0;\n        }\n\n        50% {\n          background-position: 100% 100%;\n        }\n\n        100% {\n          background-position: 0 0;\n        }\n      }\n    "]))),
     heroBlurBall: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      will-change: transform;\n\n      background: linear-gradient(\n        135deg,\n        ", " 0%,\n        ", " 30%,\n        ", " 70%,\n        ", " 100%\n      );\n      background-size: 200% 200%;\n      filter: blur(69px);\n\n      animation: glow 10s ease infinite;\n\n      @keyframes glow {\n        0% {\n          background-position: 0 -100%;\n        }\n\n        50% {\n          background-position: 200% 50%;\n        }\n\n        100% {\n          background-position: 0 -100%;\n        }\n      }\n    "])), token.gradientColor3, token.gradientColor1, token.red, token.cyan),
     iconGradientDefault: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      background-image: radial-gradient(\n        100% 100% at 50% 0,\n        ", " 0,\n        ", " 100%\n      );\n    "])), rgba(token.colorSolid, 0.2), rgba(token.colorSolid, 0.1)),
-    blur: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      backdrop-filter: blur(7px);\n    "]))),
+    blur: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      backdrop-filter: saturate(180%) blur(10px);\n    "]))),
     markdown: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      color: ", ";\n\n      h1,\n      h2,\n      h3,\n      h4,\n      h5 {\n        font-weight: 600;\n      }\n\n      p {\n        margin: 20px auto;\n\n        font-size: 14px;\n        line-height: 1.8;\n        color: ", ";\n        text-align: justify;\n        word-wrap: break-word;\n      }\n\n      blockquote {\n        margin: 16px 0;\n        padding: 0 12px;\n        p {\n          font-style: italic;\n          color: ", ";\n        }\n      }\n\n      p:not(:last-child) {\n        margin-bottom: 1em;\n      }\n\n      a {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n\n        &:active {\n          color: ", ";\n        }\n      }\n\n      img {\n        max-width: 100%;\n      }\n\n      pre {\n        border-radius: ", "px;\n      }\n\n      > :not([data-code-type='highlighter']) code {\n        padding: 2px 6px;\n\n        font-size: ", "px;\n        color: ", ";\n\n        background: ", ";\n        border: 1px solid ", ";\n        border-radius: ", "px;\n      }\n\n      table {\n        border-spacing: 0;\n\n        width: 100%;\n        margin-block-start: 1em;\n        margin-block-end: 1em;\n        margin-inline-start: 0px;\n        margin-inline-end: 0px;\n        padding: 8px;\n\n        border: 1px solid ", ";\n        border-radius: ", "px;\n      }\n\n      th,\n      td {\n        padding-block-start: 10px;\n        padding-block-end: 10px;\n        padding-inline-start: 16px;\n        padding-inline-end: 16px;\n      }\n\n      thead {\n        tr {\n          th {\n            background: ", ";\n            &:first-child {\n              border-top-left-radius: ", "px;\n              border-bottom-left-radius: ", "px;\n            }\n            &:last-child {\n              border-top-right-radius: ", "px;\n              border-bottom-right-radius: ", "px;\n            }\n          }\n        }\n      }\n\n      ul li {\n        line-height: 1.8;\n      }\n    "])), isDarkMode ? token.colorTextSecondary : token.colorText, token.colorText, token.colorTextDescription, token.colorLink, token.colorLinkHover, token.colorLinkActive, token.borderRadius, token.fontSizeSM, isDarkMode ? token.cyan9A : token.cyan10A, isDarkMode ? token.cyan1A : token.cyan3A, isDarkMode ? token.cyan1A : token.cyan4A, token.borderRadiusSM, token.colorBorderSecondary, token.borderRadius, token.colorFillTertiary, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius)
   };
 };

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

@@ -1,3 +1,3 @@
-import { LobeCustomToken } from "../../types/customToken";
 import { GetCustomToken } from 'antd-style';
+import { LobeCustomToken } from "../../types/customToken";
 export declare const generateCustomToken: GetCustomToken<LobeCustomToken>;

package/es/styles/algorithms/generateCustomToken.js

@@ -1,8 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { colorScales } from "../colors";
+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 { camelCase } from 'lodash';
+import { colorScales } from "../colors";
 var generateColorPalette = function generateColorPalette(_ref) {
   var _ref2;
   var name = _ref.name,

package/es/styles/algorithms/generateTheme.js

@@ -1,4 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+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 darkBaseToken from "../theme/dark";
 import lightBaseToken from "../theme/light";
 export var lightTheme = {

package/es/styles/colors.d.ts

@@ -14,26 +14,26 @@ declare type colorStep = [
     string
 ];
 export interface ColorScaleItem {
-    light: colorStep;
-    lightA: colorStep;
     dark: colorStep;
     darkA: colorStep;
+    light: colorStep;
+    lightA: colorStep;
 }
 export interface ColorScales {
-    red: ColorScaleItem;
-    volcano: ColorScaleItem;
-    orange: ColorScaleItem;
-    gold: ColorScaleItem;
-    yellow: ColorScaleItem;
-    lime: ColorScaleItem;
-    green: ColorScaleItem;
-    cyan: ColorScaleItem;
     blue: ColorScaleItem;
+    bnw: ColorScaleItem;
+    cyan: ColorScaleItem;
     geekblue: ColorScaleItem;
-    purple: ColorScaleItem;
-    magenta: ColorScaleItem;
+    gold: ColorScaleItem;
     gray: ColorScaleItem;
-    bnw: ColorScaleItem;
+    green: ColorScaleItem;
+    lime: ColorScaleItem;
+    magenta: ColorScaleItem;
+    orange: ColorScaleItem;
+    purple: ColorScaleItem;
+    red: ColorScaleItem;
+    volcano: ColorScaleItem;
+    yellow: ColorScaleItem;
 }
 export declare const colorScales: ColorScales;
 export {};

package/es/styles/colors.js

@@ -75,7 +75,7 @@ export var colorScales = {
     light: ['#ffffff', '#f8f8f8', '#eeeeee', '#e3e3e3', '#dddddd', '#cccccc', '#bbbbbb', '#aaaaaa', '#999999', '#888888', '#666666', '#333333', '#080808'],
     lightA: ['rgba(0, 0, 0, 0.015)', 'rgba(0, 0, 0, 0.03)', 'rgba(0, 0, 0, 0.06)', 'rgba(0, 0, 0, 0.12)', 'rgba(0, 0, 0, 0.18)', 'rgba(0, 0, 0, 0.24)', 'rgba(0, 0, 0, 0.32)', 'rgba(0, 0, 0, 0.38)', 'rgba(0, 0, 0, 0.44)', 'rgba(0, 0, 0, 0.5)', 'rgba(0, 0, 0, 0.68)', 'rgba(0, 0, 0, 0.84)', 'rgba(0, 0, 0, 0.98)'],
     dark: ['#000000', '#111111', '#222222', '#2d2d2d', '#333333', '#444444', '#555555', '#666666', '#6f6f6f', '#777777', '#aaaaaa', '#dddddd', '#ffffff'],
-    darkA: ['rgba(255, 255, 255, 0.02)', 'rgba(255, 255, 255, 0.04)', 'rgba(255, 255, 255, 0.08)', 'rgba(255, 255, 255, 0.16)', 'rgba(255, 255, 255, 0.24)', 'rgba(255, 255, 255, 0.28)', 'rgba(255, 255, 255, 0.32)', 'rgba(255, 255, 255, 0.38)', 'rgba(255, 255, 255, 0.44)', 'rgba(255, 255, 255, 0.5)', 'rgba(255, 255, 255, 0.66)', 'rgba(255, 255, 255, 0.84)', '#ffffff']
+    darkA: ['rgba(255, 255, 255, 0.02)', 'rgba(255, 255, 255, 0.06)', 'rgba(255, 255, 255, 0.10)', 'rgba(255, 255, 255, 0.16)', 'rgba(255, 255, 255, 0.24)', 'rgba(255, 255, 255, 0.28)', 'rgba(255, 255, 255, 0.32)', 'rgba(255, 255, 255, 0.38)', 'rgba(255, 255, 255, 0.44)', 'rgba(255, 255, 255, 0.5)', 'rgba(255, 255, 255, 0.66)', 'rgba(255, 255, 255, 0.84)', '#ffffff']
   },
   bnw: {
     light: ['#ffffff', '#f5f5f5', '#eeeeee', '#cccccc', '#aaaaaa', '#888888', '#666666', '#444444', '#333333', '#222222', '#111111', '#111111', '#111111'],

package/es/styles/theme/dark.js

@@ -1,4 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+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 "../algorithms/generateColorPalette";
 import { colorScales } from "../colors";
 import { baseToken } from "./base";

package/es/styles/theme/light.js

@@ -1,4 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+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 "../algorithms/generateColorPalette";
 import { colorScales } from "../colors";
 import { baseToken } from "./base";

package/es/types/customStylish.d.ts

@@ -1,14 +1,14 @@
 export interface LobeCustomStylish {
+  blur: string;
   clickableText: string;
-  resetLinkColor: string;
 
+  heroBlurBall: string;
   heroButtonGradient: string;
-  heroGradient: string;
 
+  heroGradient: string;
   heroGradientFlow: string;
-  heroBlurBall: string;
 
   iconGradientDefault: string;
-  blur: string;
   markdown: string;
+  resetLinkColor: string;
 }

package/es/types/customToken.d.ts

@@ -46,14 +46,14 @@ export type ColorPalettesAlpha = {
 };
 
 export interface LobeCustomToken extends ColorToken, ColorPalettes, ColorPalettesAlpha {
-  headerHeight: number;
-  footerHeight: number;
-  sidebarWidth: number;
-  tocWidth: number;
-  contentMaxWidth: number;
   colorSolid: string;
+  contentMaxWidth: number;
+  footerHeight: number;
   gradientColor1: string;
   gradientColor2: string;
   gradientColor3: string;
   gradientHeroBgG: string;
+  headerHeight: number;
+  sidebarWidth: number;
+  tocWidth: number;
 }

package/es/types/global.d.ts

@@ -1,5 +1,7 @@
 import 'antd-style';
+
 import { AntdToken } from 'antd-style/lib/types/theme';
+
 import { LobeCustomStylish } from './customStylish';
 import { LobeCustomToken } from './customToken';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.16.0",
+  "version": "1.16.2",
   "description": "Lobe UI is an open-source UI component library for building chatbot web apps",
   "keywords": [
     "lobehub",
@@ -37,15 +37,15 @@
     "dev:theme": "npm run dev --prefix=packages/dumi-theme-lobehub",
     "docs:build": "npm run build:theme && dumi build",
     "doctor": "father doctor",
-    "lint": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
-    "lint:fix": "npm run lint --fix",
+    "lint": "eslint \"{src,tests,packages}/**/*.{js,jsx,ts,tsx}\"",
+    "lint:fix": "eslint \"{src,tests,packages}/**/*.{js,jsx,ts,tsx}\" --fix",
     "prepare": "husky install && npm run setup",
     "prepublishOnly": "father doctor && npm run build",
     "prettier": "prettier -c --write \"**/**\"",
     "release": "semantic-release",
     "setup": "dumi setup",
     "start": "dumi dev",
-    "stylelint": "stylelint \"{src,test}/**/*.{js,jsx,ts,tsx}\" --fix",
+    "stylelint": "stylelint \"{src,tests,packages}/**/*.{js,jsx,ts,tsx}\" --fix",
     "test": "vitest --passWithNoTests",
     "test:coverage": "vitest run --coverage  --passWithNoTests",
     "test:update": "vitest -u",
@@ -67,75 +67,78 @@
     ]
   },
   "dependencies": {
-    "@ant-design/icons": "^5.1.3",
-    "@babel/runtime": "^7.22.3",
-    "@dqbd/tiktoken": "^1.0.7",
-    "@floating-ui/react": "^0.24.2",
-    "ahooks": "^3.7.7",
-    "antd-style": "^3.2.1",
-    "chroma-js": "^2.4.2",
-    "copy-to-clipboard": "^3.3.3",
-    "dayjs": "^1.11.7",
-    "fast-deep-equal": "^3.1.3",
-    "immer": "^10.0.2",
-    "leva": "^0.9.34",
-    "lodash": "^4.17.21",
+    "@ant-design/icons": "^5",
+    "@babel/runtime": "^7",
+    "@dqbd/tiktoken": "^1",
+    "@floating-ui/react": "^0",
+    "ahooks": "^3",
+    "antd-style": "^3",
+    "chroma-js": "^2",
+    "copy-to-clipboard": "^3",
+    "dayjs": "^1",
+    "fast-deep-equal": "^3",
+    "immer": "^10",
+    "leva": "^0",
+    "lodash": "^4",
     "lucide-react": "latest",
-    "pangu": "^4.0.7",
-    "polished": "^4.2.2",
-    "prism-react-renderer": "^2.0.4",
-    "re-resizable": "^6.9.9",
-    "react-font-loader": "^2.0.0",
-    "react-layout-kit": "^1.7.0",
-    "react-markdown": "^8.0.7",
-    "react-rnd": "^10.4.1",
-    "remark-gfm": "^3.0.1",
-    "shiki-es": "^0.2.0",
-    "styled-components": "6.0.0-rc.2",
-    "ts-md5": "^1.3.1",
-    "use-merge-value": "^1.2.0",
-    "zustand": "^4.3.8",
-    "zustand-utils": "^1.2.2"
+    "pangu": "^4",
+    "polished": "^4",
+    "prism-react-renderer": "^2",
+    "re-resizable": "^6",
+    "react-font-loader": "^2",
+    "react-layout-kit": "^1",
+    "react-markdown": "^8",
+    "react-rnd": "^10",
+    "remark-gfm": "^3",
+    "shiki-es": "^0",
+    "styled-components": "beta",
+    "ts-md5": "^1",
+    "use-merge-value": "^1",
+    "zustand": "^4",
+    "zustand-utils": "^1"
   },
   "devDependencies": {
-    "@ant-design/colors": "^7.0.0",
-    "@commitlint/cli": "^17.6.3",
-    "@testing-library/react": "^14.0.0",
-    "@types/chroma-js": "^2.4.0",
-    "@types/lodash": "^4.14.195",
-    "@types/pangu": "^4.0.0",
-    "@types/react": "^18.2.7",
-    "@types/react-dom": "^18.2.4",
-    "@umijs/lint": "^4.0.69",
+    "@ant-design/colors": "^7",
+    "@commitlint/cli": "^17",
+    "@testing-library/react": "^14",
+    "@types/chroma-js": "^2",
+    "@types/lodash": "^4",
+    "@types/pangu": "^4",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@umijs/lint": "^4",
     "@vitest/coverage-c8": "latest",
-    "antd": "^5.5.1",
-    "commitlint": "^17.6.3",
-    "commitlint-config-gitmoji": "^2.3.1",
-    "concurrently": "^8.0.1",
-    "cross-env": "^7.0.3",
-    "dumi": "^2.2.0",
-    "dumi-assets-types": "^1.0.1",
+    "antd": "^5",
+    "commitlint": "^17",
+    "commitlint-config-gitmoji": "^2",
+    "concurrently": "^8",
+    "cross-env": "^7",
+    "dumi": "^2",
+    "dumi-assets-types": "^1",
     "dumi-theme-lobehub": "workspace:latest",
-    "eslint": "^8.41.0",
-    "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-import-resolver-typescript": "^3.5.5",
-    "father": "^4.2.1",
-    "husky": "^8.0.3",
-    "jsdom": "^22.1.0",
-    "lint-staged": "^13.2.2",
-    "postcss-styled-syntax": "^0.4.0",
-    "prettier": "^2.8.8",
-    "prettier-plugin-organize-imports": "^3.2.2",
-    "prettier-plugin-packagejson": "^2.4.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "semantic-release": "^21.0.2",
-    "semantic-release-config-gitmoji": "^1.5.0",
-    "stylelint": "^15.6.2",
-    "stylelint-config-clean-order": "^5.0.1",
-    "stylelint-config-recommended": "^12.0.0",
-    "stylelint-order": "^6.0.3",
-    "typescript": "^5.0.4",
+    "eslint": "^8",
+    "eslint-import-resolver-alias": "^1",
+    "eslint-import-resolver-typescript": "^3",
+    "eslint-plugin-import": "^2",
+    "eslint-plugin-simple-import-sort": "^10",
+    "eslint-plugin-typescript-sort-keys": "^2",
+    "father": "^4",
+    "husky": "^8",
+    "jsdom": "^22",
+    "lint-staged": "^13",
+    "postcss-styled-syntax": "^0",
+    "prettier": "^2",
+    "prettier-plugin-organize-imports": "^3",
+    "prettier-plugin-packagejson": "^2",
+    "react": "^18",
+    "react-dom": "^18",
+    "semantic-release": "^21",
+    "semantic-release-config-gitmoji": "^1",
+    "stylelint": "^15",
+    "stylelint-config-clean-order": "^5",
+    "stylelint-config-recommended": "^12",
+    "stylelint-order": "^6",
+    "typescript": "^5",
     "vitest": "latest"
   },
   "peerDependencies": {