@lobehub/ui 1.72.0 → 1.72.2

package/es/Highlighter/SyntaxHighlighter/index.js

@@ -3,7 +3,6 @@ import { useThemeMode } from 'antd-style';
 import { Loader2 } from 'lucide-react';
 import { memo, useEffect } from 'react';
 import { Center } from 'react-layout-kit';
-import { shallow } from 'zustand/shallow';
 import Icon from "../../Icon";
 import { useHighlight } from "../../hooks/useHighlight";
 import { useStyles } from "./style";
@@ -20,7 +19,7 @@ var SyntaxHighlighter = /*#__PURE__*/memo(function (_ref) {
     isDarkMode = _useThemeMode.isDarkMode;
   var _useHighlight = useHighlight(function (s) {
       return [s.codeToHtml, !s.highlighter];
-    }, shallow),
+    }),
     _useHighlight2 = _slicedToArray(_useHighlight, 2),
     codeToHtml = _useHighlight2[0],
     isLoading = _useHighlight2[1];

package/es/List/ListItem/index.d.ts

@@ -62,5 +62,5 @@ export interface ListItemProps {
      */
     title: ReactNode;
 }
-declare const ListItem: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<ListItemProps & HTMLAttributes<any> & import("react").RefAttributes<HTMLDivElement>>>;
+declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & HTMLAttributes<any> & import("react").RefAttributes<HTMLDivElement>>;
 export default ListItem;

package/es/List/ListItem/index.js

@@ -4,7 +4,7 @@ var _excluded = ["active", "avatar", "loading", "description", "date", "title",
 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 { LoadingOutlined, MessageOutlined } from '@ant-design/icons';
-import { forwardRef, memo } from 'react';
+import { forwardRef } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import { useStyles } from "./style";
 import { getChatItemTime } from "./time";
@@ -15,7 +15,7 @@ import { getChatItemTime } from "./time";
 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 ListItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
+var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var active = _ref.active,
     avatar = _ref.avatar,
     loading = _ref.loading,
@@ -28,16 +28,15 @@ var ListItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
     style = _ref.style,
     showAction = _ref.showAction,
     children = _ref.children,
-    _ref$classNames = _ref.classNames,
-    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    classNames = _ref.classNames,
     addon = _ref.addon,
     pin = _ref.pin,
     props = _objectWithoutProperties(_ref, _excluded);
-  var _useStyles = useStyles(pin),
+  var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
-    className: cx(styles.container, active && styles.active, className),
+    className: cx(styles.container, active && styles.active, pin && styles.pin, className),
     onMouseEnter: function onMouseEnter() {
       onHoverChange === null || onHoverChange === void 0 ? void 0 : onHoverChange(true);
     },
@@ -88,7 +87,7 @@ var ListItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
           },
           children: actions
         }), date && /*#__PURE__*/_jsx("div", {
-          className: cx(styles.time, classNames.time),
+          className: cx(styles.time, classNames === null || classNames === void 0 ? void 0 : classNames.time),
           style: showAction ? {
             opacity: 0
           } : {},
@@ -97,5 +96,5 @@ var ListItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
       }), children]
     })
   }));
-}));
+});
 export default ListItem;

package/es/List/ListItem/style.d.ts

@@ -1,4 +1,4 @@
-export declare const useStyles: (props?: boolean | undefined) => import("antd-style").ReturnStyles<{
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
     actions: import("antd-style").SerializedStyles;
     active: import("antd-style").SerializedStyles;
     container: import("antd-style").SerializedStyles;

package/es/List/ListItem/style.js

@@ -1,16 +1,16 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 import { createStyles } from 'antd-style';
-export var useStyles = createStyles(function (_ref, pin) {
+export var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
   return {
     actions: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: absolute;\n      top: 50%;\n      right: 16px;\n      transform: translateY(-50%);\n    "]))),
     active: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      color: ", ";\n      background-color: ", ";\n\n      &:hover {\n        background-color: ", ";\n      }\n    "])), token.colorText, token.colorFillSecondary, token.colorFill),
-    container: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      cursor: pointer;\n      color: ", ";\n      background: ", ";\n      transition: background-color 200ms ", ";\n\n      &:active {\n        background-color: ", " !important;\n      }\n\n      &:hover {\n        background-color: ", ";\n      }\n    "])), token.colorTextTertiary, pin ? token.colorFillTertiary : 'transparent', token.motionEaseOut, pin ? token.colorFill : token.colorFillSecondary, pin ? token.colorFill : token.colorFillTertiary),
+    container: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      cursor: pointer;\n      color: ", ";\n      background: transparent;\n      transition: background-color 200ms ", ";\n\n      &:active {\n        background-color: ", ";\n      }\n\n      &:hover {\n        background-color: ", ";\n      }\n    "])), token.colorTextTertiary, token.motionEaseOut, token.colorFillSecondary, token.colorFillTertiary),
     content: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n      flex: 1;\n      padding-top: 6px;\n    "]))),
     desc: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      overflow: hidden;\n\n      width: 100%;\n\n      font-size: 12px;\n      line-height: 1;\n      color: ", ";\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "])), token.colorTextDescription),
-    pin: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      background-color: ", ";\n    "])), token.colorFillTertiary),
+    pin: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      background-color: ", ";\n\n      &:active {\n        background-color: ", " !important;\n      }\n\n      &:hover {\n        background-color: ", ";\n      }\n    "])), token.colorFillTertiary, token.colorFill, token.colorFill),
     time: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      font-size: 12px;\n      color: ", ";\n    "])), token.colorTextPlaceholder),
     title: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      overflow: hidden;\n\n      width: 100%;\n\n      font-size: 16px;\n      line-height: 1;\n      color: ", ";\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "])), token.colorText)
   };

package/es/List/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 declare const List: {
-    Item: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./ListItem").ListItemProps & import("react").HTMLAttributes<any> & import("react").RefAttributes<HTMLDivElement>>>;
+    Item: import("react").ForwardRefExoticComponent<import("./ListItem").ListItemProps & import("react").HTMLAttributes<any> & import("react").RefAttributes<HTMLDivElement>>;
 };
 export default List;

package/es/hooks/useHighlight.d.ts

@@ -22,5 +22,5 @@ interface Store {
      */
     initHighlighter: (options?: HighlighterOptions) => Promise<void>;
 }
-export declare const useHighlight: import("zustand").UseBoundStore<import("zustand").StoreApi<Store>>;
+export declare const useHighlight: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand/vanilla").StoreApi<Store>>;
 export {};

package/es/hooks/useHighlight.js

@@ -1,7 +1,8 @@
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { getHighlighter } from 'shiki-es';
-import { create } from 'zustand';
+import { shallow } from 'zustand/shallow';
+import { createWithEqualityFn } from 'zustand/traditional';
 import { themeConfig } from "../Highlighter/theme";
 export var languageMap = ['javascript', 'js', 'jsx', 'json', 'markdown', 'md', 'less', 'css', 'typescript', 'ts', 'tsx', 'diff', 'bash'];
 
@@ -9,7 +10,7 @@ export var languageMap = ['javascript', 'js', 'jsx', 'json', 'markdown', 'md', '
  * @title 代码高亮的存储对象
  */
 
-export var useHighlight = create(function (set, get) {
+export var useHighlight = createWithEqualityFn(function (set, get) {
   return {
     codeToHtml: function codeToHtml(text, language, isDarkMode) {
       var _get = get(),
@@ -57,4 +58,4 @@ export var useHighlight = create(function (set, get) {
       return initHighlighter;
     }()
   };
-});
+}, shallow);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.72.0",
+  "version": "1.72.2",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -105,8 +105,8 @@
     "three": "^0.150",
     "ts-md5": "^1",
     "use-merge-value": "^1",
-    "zustand": "^4",
-    "zustand-utils": "^1"
+    "zustand": "^4.4.1",
+    "zustand-utils": "^1.3.1"
   },
   "devDependencies": {
     "@commitlint/cli": "^17",