@lobehub/ui 1.135.4 → 1.136.1

package/es/Avatar/index.d.ts

@@ -24,6 +24,7 @@ export interface AvatarProps extends AntAvatarProps {
      * @description The title text to display if avatar is not provided
      */
     title?: string;
+    unoptimized?: boolean;
 }
 declare const Avatar: import("react").NamedExoticComponent<AvatarProps>;
 export default Avatar;

package/es/Avatar/index.js

@@ -2,7 +2,7 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "avatar", "title", "animation", "size", "shape", "background", "style"];
+var _excluded = ["className", "avatar", "title", "animation", "size", "shape", "background", "style", "unoptimized"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { Avatar as AntAvatar } from 'antd';
@@ -23,6 +23,8 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
     _ref$background = _ref.background,
     background = _ref$background === void 0 ? 'rgba(0,0,0,0)' : _ref$background,
     style = _ref.style,
+    _ref$unoptimized = _ref.unoptimized,
+    unoptimized = _ref$unoptimized === void 0 ? false : _ref$unoptimized,
     rest = _objectWithoutProperties(_ref, _excluded);
   var isStringAvatar = typeof avatar === 'string';
   var isDefaultAntAvatar = Boolean(avatar && (['/', 'http', 'data:'].some(function (index) {
@@ -53,7 +55,8 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
     children: emoji ? /*#__PURE__*/_jsx(FluentEmoji, {
       emoji: emoji,
       size: size * 0.8,
-      type: animation ? 'anim' : '3d'
+      type: animation ? 'anim' : '3d',
+      unoptimized: unoptimized
     }) : text === null || text === void 0 ? void 0 : text.toUpperCase().slice(0, 2)
   }));
 });

package/es/Burger/index.d.ts

@@ -1,14 +1,16 @@
-import { MenuProps } from 'antd';
+import { type DrawerProps, type MenuProps } from 'antd';
 import { CSSProperties } from 'react';
 import { type ActionIconProps } from "../ActionIcon";
 export interface BurgerProps {
     className?: string;
+    drawerProps?: Partial<Omit<DrawerProps, 'items' | 'opened' | 'setOpened'>>;
+    fullscreen?: boolean;
     /**
      * @description The height of the header component
      * @default 64
      */
     headerHeight?: number;
-    icon?: ActionIconProps;
+    iconProps?: Partial<ActionIconProps>;
     /**
      * @description The items to be displayed in the menu
      */
@@ -22,6 +24,7 @@ export interface BurgerProps {
      * @description Whether the menu is currently open or not
      */
     opened: boolean;
+    rootClassName?: string;
     /**
      * @description The keys of the currently selected menu items
      */

package/es/Burger/index.js

@@ -2,7 +2,7 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["items", "openKeys", "selectedKeys", "opened", "setOpened", "className", "headerHeight", "onClick", "icon"];
+var _excluded = ["items", "openKeys", "selectedKeys", "opened", "setOpened", "className", "headerHeight", "onClick", "iconProps", "rootClassName", "fullscreen", "drawerProps"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { Drawer, Menu } from 'antd';
@@ -23,10 +23,15 @@ var Burger = /*#__PURE__*/memo(function (_ref) {
     _ref$headerHeight = _ref.headerHeight,
     headerHeight = _ref$headerHeight === void 0 ? 64 : _ref$headerHeight,
     onClick = _ref.onClick,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? {} : _ref$icon,
+    iconProps = _ref.iconProps,
+    rootClassName = _ref.rootClassName,
+    fullscreen = _ref.fullscreen,
+    drawerProps = _ref.drawerProps,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useStyles = useStyles(headerHeight),
+  var _useStyles = useStyles({
+      fullscreen: fullscreen,
+      headerHeight: headerHeight
+    }),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
   return /*#__PURE__*/_jsxs(Center, _objectSpread(_objectSpread({
@@ -38,12 +43,14 @@ var Burger = /*#__PURE__*/memo(function (_ref) {
     children: [/*#__PURE__*/_jsx(ActionIcon, _objectSpread({
       icon: opened ? X : MenuIcon,
       size: "site"
-    }, icon)), /*#__PURE__*/_jsxs(Drawer, {
-      className: styles.drawer,
+    }, iconProps)), /*#__PURE__*/_jsxs(Drawer, _objectSpread(_objectSpread({
       closeIcon: undefined,
       open: opened,
       placement: 'left',
-      rootClassName: styles.drawerRoot,
+      width: '100vw'
+    }, drawerProps), {}, {
+      className: styles.drawer,
+      rootClassName: cx(styles.drawerRoot, rootClassName),
       styles: {
         body: {
           padding: 0
@@ -52,7 +59,6 @@ var Burger = /*#__PURE__*/memo(function (_ref) {
           display: 'none'
         }
       },
-      width: '100vw',
       children: [/*#__PURE__*/_jsx(Menu, {
         className: styles.menu,
         items: items,
@@ -63,7 +69,7 @@ var Burger = /*#__PURE__*/memo(function (_ref) {
       }), /*#__PURE__*/_jsx("div", {
         className: styles.fillRect
       })]
-    })]
+    }))]
   }));
 });
 export default Burger;

package/es/Burger/style.d.ts

@@ -1,4 +1,7 @@
-export declare const useStyles: (props?: number | undefined) => import("antd-style").ReturnStyles<{
+export declare const useStyles: (props?: {
+    fullscreen?: boolean | undefined;
+    headerHeight: number;
+} | undefined) => import("antd-style").ReturnStyles<{
     container: import("antd-style").SerializedStyles;
     drawer: import("antd-style").SerializedStyles;
     drawerRoot: import("antd-style").SerializedStyles;

package/es/Burger/style.js

@@ -2,16 +2,18 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 import { createStyles } from 'antd-style';
 import { rgba } from 'polished';
-export var useStyles = createStyles(function (_ref, headerHeight) {
+export var useStyles = createStyles(function (_ref, _ref2) {
   var token = _ref.token,
     css = _ref.css,
     stylish = _ref.stylish,
     prefixCls = _ref.prefixCls;
+  var fullscreen = _ref2.fullscreen,
+    headerHeight = _ref2.headerHeight;
   return {
     container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        cursor: pointer;\n        width: ", "px;\n        height: ", "px;\n        border-radius: ", "px;\n      "])), token.controlHeight, token.controlHeight, token.borderRadius),
     drawer: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        &.", "-drawer-content {\n          background: transparent;\n        }\n\n        .", "-drawer-body {\n          display: flex;\n          flex-direction: column;\n        }\n      "])), prefixCls, prefixCls),
-    drawerRoot: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        inset-block-start: ", "px;\n\n        :focus-visible {\n          outline: none;\n        }\n\n        .", "-drawer {\n          &-mask {\n            ", ";\n            background-color: ", ";\n          }\n\n          &-content-wrapper {\n            box-shadow: none;\n          }\n        }\n      "])), headerHeight + 1, prefixCls, stylish.blur, rgba(token.colorBgLayout, 0.5)),
+    drawerRoot: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        inset-block-start: ", "px;\n\n        :focus-visible {\n          outline: none;\n        }\n\n        .", "-drawer {\n          &-mask {\n            ", ";\n            background-color: ", ";\n          }\n\n          &-content-wrapper {\n            box-shadow: none;\n          }\n        }\n      "])), fullscreen ? 0 : headerHeight + 1, prefixCls, stylish.blur, rgba(token.colorBgLayout, 0.5)),
     fillRect: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        flex: 1;\n        width: 100%;\n        border-block-start: none;\n      "]))),
-    menu: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        background: transparent;\n        border-inline-end: transparent !important;\n\n        > .", "-menu-item-only-child, .", "-menu-submenu-title {\n          width: 100%;\n          margin: 0 !important;\n          border-block-start: none;\n          border-radius: 0;\n\n          &:active {\n            color: ", ";\n            background-color: ", ";\n          }\n        }\n\n        .", "-menu-item-only-child:first-child {\n          border-block-start: none;\n        }\n\n        .", "-menu-submenu-title[aria-expanded='true'] {\n          a {\n            font-weight: 600;\n            color: ", " !important;\n          }\n        }\n\n        .", "-menu-item-group-title {\n          padding-block: 8px;\n\n          font-size: 12px;\n          font-weight: 500;\n          line-height: 1;\n          text-overflow: ellipsis;\n          text-transform: uppercase;\n          white-space: nowrap;\n\n          background: ", ";\n        }\n\n        .", "-menu-item {\n          width: calc(100% - 16px) !important;\n          margin: 8px !important;\n          border-radius: ", "px;\n\n          &:hover,\n          &:active {\n            color: ", " !important;\n            background: ", " !important;\n          }\n        }\n\n        .", "-menu-item-active {\n          width: calc(100% - 16px) !important;\n          margin: 8px !important;\n          background: ", ";\n          border-radius: ", "px;\n        }\n\n        .", "-menu-item-selected {\n          font-weight: 600;\n          color: ", ";\n          background: ", ";\n\n          &:hover,\n          &:active {\n            color: ", " !important;\n            background: ", " !important;\n          }\n        }\n      "])), prefixCls, prefixCls, token.colorText, token.colorFill, prefixCls, prefixCls, token.colorText, prefixCls, token.colorFillSecondary, prefixCls, token.borderRadius, token.colorText, token.colorFillSecondary, prefixCls, token.colorFillSecondary, token.borderRadius, prefixCls, token.colorBgLayout, token.colorText, token.colorBgLayout, token.colorText)
+    menu: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        padding-block-start: ", "px;\n        background: transparent;\n        border-inline-end: transparent !important;\n\n        > .", "-menu-item-only-child, .", "-menu-submenu-title {\n          width: 100%;\n          margin: 0 !important;\n          border-block-start: none;\n          border-radius: 0;\n\n          &:active {\n            color: ", ";\n            background-color: ", ";\n          }\n        }\n\n        .", "-menu-item-only-child:first-child {\n          border-block-start: none;\n        }\n\n        .", "-menu-submenu-title[aria-expanded='true'] {\n          a {\n            font-weight: 600;\n            color: ", " !important;\n          }\n        }\n\n        .", "-menu-item-group-title {\n          padding-block: 8px;\n\n          font-size: 12px;\n          font-weight: 500;\n          line-height: 1;\n          text-overflow: ellipsis;\n          text-transform: uppercase;\n          white-space: nowrap;\n\n          background: ", ";\n        }\n\n        .", "-menu-item {\n          width: calc(100% - 16px) !important;\n          margin: 8px !important;\n          border-radius: ", "px;\n\n          &:hover,\n          &:active {\n            color: ", " !important;\n            background: ", " !important;\n          }\n        }\n\n        .", "-menu-item-active {\n          width: calc(100% - 16px) !important;\n          margin: 8px !important;\n          background: ", ";\n          border-radius: ", "px;\n        }\n\n        .", "-menu-item-selected {\n          font-weight: 600;\n          color: ", ";\n          background: ", ";\n\n          &:hover,\n          &:active {\n            color: ", " !important;\n            background: ", " !important;\n          }\n        }\n      "])), fullscreen ? headerHeight : 0, prefixCls, prefixCls, token.colorText, token.colorFill, prefixCls, prefixCls, token.colorText, prefixCls, token.colorFillSecondary, prefixCls, token.borderRadius, token.colorText, token.colorFillSecondary, prefixCls, token.colorFillSecondary, token.borderRadius, prefixCls, token.colorBgLayout, token.colorText, token.colorBgLayout, token.colorText)
   };
 });

package/es/DraggablePanel/index.d.ts

@@ -83,11 +83,12 @@ export interface DraggablePanelProps extends DivProps {
      * @default true
      */
     resize?: RndProps['enableResizing'];
+    showHandlerWhenUnexpand?: boolean;
     /**
      * @description Whether the panel handler should be shown when unexpanded or not
      * @default true
      */
-    showHandlerWhenUnexpand?: boolean;
+    showHandlerWideArea?: boolean;
     /**
      * @description The size of the panel
      */

package/es/DraggablePanel/index.js

@@ -31,6 +31,8 @@ var DraggablePanel = /*#__PURE__*/memo(function (_ref) {
     placement = _ref$placement === void 0 ? 'right' : _ref$placement,
     resize = _ref.resize,
     style = _ref.style,
+    _ref$showHandlerWideA = _ref.showHandlerWideArea,
+    showHandlerWideArea = _ref$showHandlerWideA === void 0 ? true : _ref$showHandlerWideA,
     size = _ref.size,
     customizeDefaultSize = _ref.defaultSize,
     minWidth = _ref.minWidth,
@@ -64,7 +66,10 @@ var DraggablePanel = /*#__PURE__*/memo(function (_ref) {
   if (direction === 'rtl' && ['left', 'right'].includes(placement)) {
     internalPlacement = internalPlacement === 'left' ? 'right' : 'left';
   }
-  var _useStyles = useStyles(headerHeight),
+  var _useStyles = useStyles({
+      headerHeight: headerHeight,
+      showHandlerWideArea: showHandlerWideArea
+    }),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
   var _useControlledState = useControlledState(defaultExpand, {

package/es/DraggablePanel/style.d.ts

@@ -1,4 +1,7 @@
-export declare const useStyles: (props?: number | undefined) => import("antd-style").ReturnStyles<{
+export declare const useStyles: (props?: {
+    headerHeight: number;
+    showHandlerWideArea: boolean;
+} | undefined) => import("antd-style").ReturnStyles<{
     bottomFloat: string;
     bottomHandle: string;
     container: string;

package/es/DraggablePanel/style.js

@@ -5,28 +5,30 @@ var offset = 16;
 var toggleLength = 40;
 var toggleShort = 16;
 var prefix = 'draggable-panel';
-export var useStyles = createStyles(function (_ref, headerHeight) {
+export var useStyles = createStyles(function (_ref, _ref2) {
   var token = _ref.token;
-  var commonHandle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n\n    &::before {\n      content: '';\n      position: absolute;\n      z-index: 50;\n      transition: all 0.2s ", ";\n    }\n\n    &:hover,\n    &:active {\n      &::before {\n        background: ", " !important;\n      }\n    }\n  "])), token.motionEaseOut, token.colorPrimary);
-  var commonToggle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    pointer-events: none;\n\n    position: absolute;\n    z-index: 101;\n\n    opacity: 0;\n\n    transition: all 0.2s ", ";\n\n    &:hover {\n      opacity: 1 !important;\n    }\n\n    &:active {\n      opacity: 1 !important;\n    }\n\n    > div {\n      pointer-events: all;\n      cursor: pointer;\n\n      position: absolute;\n\n      color: ", ";\n\n      background: ", ";\n      border-color: ", ";\n      border-style: solid;\n      border-width: 1px;\n      border-radius: 4px;\n\n      transition: all 0.2s ", ";\n\n      &:hover {\n        color: ", ";\n        background: ", ";\n      }\n\n      &:active {\n        color: ", ";\n        background: ", ";\n      }\n    }\n  "])), token.motionEaseOut, token.colorTextTertiary, token.colorFillTertiary, token.colorBorderSecondary, token.motionEaseOut, token.colorTextSecondary, token.colorFillSecondary, token.colorText, token.colorFill);
-  var float = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: absolute;\n    z-index: 200;\n  "])));
+  var headerHeight = _ref2.headerHeight,
+    showHandlerWideArea = _ref2.showHandlerWideArea;
+  var commonHandle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: relative;\n\n      &::before {\n        content: '';\n        position: absolute;\n        z-index: 50;\n        transition: all 0.2s ", ";\n      }\n\n      &:hover,\n      &:active {\n        &::before {\n          background: ", " !important;\n        }\n      }\n    "])), token.motionEaseOut, token.colorPrimary);
+  var commonToggle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      pointer-events: ", ";\n\n      position: absolute;\n      z-index: 101;\n\n      opacity: 0;\n\n      transition: all 0.2s ", ";\n\n      &:hover {\n        opacity: 1 !important;\n      }\n\n      &:active {\n        opacity: 1 !important;\n      }\n\n      > div {\n        pointer-events: all;\n        cursor: pointer;\n\n        position: absolute;\n\n        color: ", ";\n\n        background: ", ";\n        border-color: ", ";\n        border-style: solid;\n        border-width: 1px;\n        border-radius: 4px;\n\n        transition: all 0.2s ", ";\n\n        &:hover {\n          color: ", ";\n          background: ", ";\n        }\n\n        &:active {\n          color: ", ";\n          background: ", ";\n        }\n      }\n    "])), showHandlerWideArea ? 'all' : 'none', token.motionEaseOut, token.colorTextTertiary, token.colorFillTertiary, token.colorBorderSecondary, token.motionEaseOut, token.colorTextSecondary, token.colorFillSecondary, token.colorText, token.colorFill);
+  var float = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: absolute;\n      z-index: 200;\n    "])));
   return {
-    bottomFloat: cx(float, css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        inset-block-end: 0;\n        inset-inline: 0 0;\n        width: 100%;\n      "])))),
-    bottomHandle: cx("".concat(prefix, "-bottom-handle"), css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        ", ";\n\n        &::before {\n          inset-block-end: 50%;\n          width: 100%;\n          height: 2px;\n        }\n      "])), commonHandle)),
-    container: cx(prefix, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        flex-shrink: 0;\n        border: 0 solid ", ";\n\n        &:hover {\n          .", "-toggle {\n            opacity: 1;\n          }\n        }\n      "])), token.colorBorderSecondary, prefix)),
-    fixed: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      position: relative;\n    "]))),
-    fullscreen: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      position: absolute;\n      inset-block: ", "px 0;\n      inset-inline: 0;\n\n      width: 100%;\n      height: calc(100% - ", "px);\n\n      background: ", ";\n    "])), headerHeight, headerHeight, token.colorBgLayout),
-    handlerIcon: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.2s ", ";\n    "])), token.motionEaseOut),
-    leftFloat: cx(float, css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        inset-block: ", "px 0;\n        inset-inline-start: 0;\n        height: calc(100% - ", "px);\n      "])), headerHeight, headerHeight)),
-    leftHandle: cx(css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        ", ";\n\n        &::before {\n          inset-inline-start: 50%;\n          width: 2px;\n          height: 100%;\n        }\n      "])), commonHandle), "".concat(prefix, "-left-handle")),
-    panel: cx("".concat(prefix, "-fixed"), css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n        overflow: hidden;\n        transition: all 0.2s ", ";\n      "])), token.motionEaseOut)),
-    rightFloat: cx(float, css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n        inset-block: ", "px 0;\n        inset-inline-end: 0;\n        height: calc(100% - ", "px);\n      "])), headerHeight, headerHeight)),
-    rightHandle: cx(css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n        ", ";\n        &::before {\n          inset-inline-end: 50%;\n          width: 2px;\n          height: 100%;\n        }\n      "])), commonHandle), "".concat(prefix, "-right-handle")),
-    toggleBottom: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-bottom"), commonToggle, css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n        inset-block-end: -", "px;\n        width: 100%;\n        height: ", "px;\n\n        > div {\n          inset-inline-start: 50%;\n\n          width: ", "px;\n          height: 16px;\n          margin-inline-start: -20px;\n\n          border-radius: 0 0 4px 4px;\n        }\n      "])), offset, toggleShort, toggleLength)),
-    toggleLeft: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-left"), commonToggle, css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n        inset-inline-start: -", "px;\n        width: ", "px;\n        height: 100%;\n\n        > div {\n          inset-block-start: 50%;\n\n          width: ", "px;\n          height: ", "px;\n          margin-block-start: -20px;\n\n          border-radius: 4px 0 0 4px;\n        }\n      "])), offset, toggleShort, toggleShort, toggleLength)),
-    toggleRight: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-right"), commonToggle, css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n        inset-inline-end: -", "px;\n        width: ", "px;\n        height: 100%;\n\n        > div {\n          inset-block-start: 50%;\n\n          width: ", "px;\n          height: ", "px;\n          margin-block-start: -20px;\n\n          border-radius: 0 4px 4px 0;\n        }\n      "])), offset, toggleShort, toggleShort, toggleLength)),
-    toggleTop: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-top"), commonToggle, css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n        inset-block-start: -", "px;\n        width: 100%;\n        height: ", "px;\n\n        > div {\n          inset-inline-start: 50%;\n\n          width: ", "px;\n          height: ", "px;\n          margin-inline-start: -20px;\n\n          border-radius: 4px 4px 0 0;\n        }\n      "])), offset, toggleShort, toggleLength, toggleShort)),
-    topFloat: cx(float, css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n        inset-block-start: ", "px;\n        inset-inline: 0 0;\n        width: 100%;\n      "])), headerHeight)),
-    topHandle: cx("".concat(prefix, "-top-handle"), css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n        ", ";\n\n        &::before {\n          inset-block-start: 50%;\n          width: 100%;\n          height: 2px;\n        }\n      "])), commonHandle))
+    bottomFloat: cx(float, css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          inset-block-end: 0;\n          inset-inline: 0 0;\n          width: 100%;\n        "])))),
+    bottomHandle: cx("".concat(prefix, "-bottom-handle"), css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          ", ";\n\n          &::before {\n            inset-block-end: 50%;\n            width: 100%;\n            height: 2px;\n          }\n        "])), commonHandle)),
+    container: cx(prefix, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n          flex-shrink: 0;\n          border: 0 solid ", ";\n\n          &:hover {\n            .", "-toggle {\n              opacity: 1;\n            }\n          }\n        "])), token.colorBorderSecondary, prefix)),
+    fixed: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        position: relative;\n      "]))),
+    fullscreen: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        position: absolute;\n        inset-block: ", "px 0;\n        inset-inline: 0;\n\n        width: 100%;\n        height: calc(100% - ", "px);\n\n        background: ", ";\n      "])), headerHeight, headerHeight, token.colorBgLayout),
+    handlerIcon: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.2s ", ";\n      "])), token.motionEaseOut),
+    leftFloat: cx(float, css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n          inset-block: ", "px 0;\n          inset-inline-start: 0;\n          height: calc(100% - ", "px);\n        "])), headerHeight, headerHeight)),
+    leftHandle: cx(css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n          ", ";\n\n          &::before {\n            inset-inline-start: 50%;\n            width: 2px;\n            height: 100%;\n          }\n        "])), commonHandle), "".concat(prefix, "-left-handle")),
+    panel: cx("".concat(prefix, "-fixed"), css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n          overflow: hidden;\n          transition: all 0.2s ", ";\n        "])), token.motionEaseOut)),
+    rightFloat: cx(float, css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n          inset-block: ", "px 0;\n          inset-inline-end: 0;\n          height: calc(100% - ", "px);\n        "])), headerHeight, headerHeight)),
+    rightHandle: cx(css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n          ", ";\n          &::before {\n            inset-inline-end: 50%;\n            width: 2px;\n            height: 100%;\n          }\n        "])), commonHandle), "".concat(prefix, "-right-handle")),
+    toggleBottom: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-bottom"), commonToggle, css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n          inset-block-end: -", "px;\n          width: 100%;\n          height: ", "px;\n\n          > div {\n            inset-inline-start: 50%;\n\n            width: ", "px;\n            height: 16px;\n            margin-inline-start: -20px;\n\n            border-radius: 0 0 4px 4px;\n          }\n        "])), offset, toggleShort, toggleLength)),
+    toggleLeft: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-left"), commonToggle, css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n          inset-inline-start: -", "px;\n          width: ", "px;\n          height: 100%;\n\n          > div {\n            inset-block-start: 50%;\n\n            width: ", "px;\n            height: ", "px;\n            margin-block-start: -20px;\n\n            border-radius: 4px 0 0 4px;\n          }\n        "])), offset, toggleShort, toggleShort, toggleLength)),
+    toggleRight: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-right"), commonToggle, css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n          inset-inline-end: -", "px;\n          width: ", "px;\n          height: 100%;\n\n          > div {\n            inset-block-start: 50%;\n\n            width: ", "px;\n            height: ", "px;\n            margin-block-start: -20px;\n\n            border-radius: 0 4px 4px 0;\n          }\n        "])), offset, toggleShort, toggleShort, toggleLength)),
+    toggleTop: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-top"), commonToggle, css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n          inset-block-start: -", "px;\n          width: 100%;\n          height: ", "px;\n\n          > div {\n            inset-inline-start: 50%;\n\n            width: ", "px;\n            height: ", "px;\n            margin-inline-start: -20px;\n\n            border-radius: 4px 4px 0 0;\n          }\n        "])), offset, toggleShort, toggleLength, toggleShort)),
+    topFloat: cx(float, css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n          inset-block-start: ", "px;\n          inset-inline: 0 0;\n          width: 100%;\n        "])), headerHeight)),
+    topHandle: cx("".concat(prefix, "-top-handle"), css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n          ", ";\n\n          &::before {\n            inset-block-start: 50%;\n            width: 100%;\n            height: 2px;\n          }\n        "])), commonHandle))
   };
 });

package/es/FluentEmoji/index.d.ts

@@ -15,6 +15,7 @@ export interface FluentEmojiProps extends DivProps {
      * @default '3d'
      */
     type?: 'modern' | 'flat' | 'high-contrast' | 'anim' | '3d' | 'pure';
+    unoptimized?: boolean;
 }
 declare const FluentEmoji: import("react").NamedExoticComponent<FluentEmojiProps>;
 export default FluentEmoji;

package/es/FluentEmoji/index.js

@@ -18,7 +18,9 @@ var FluentEmoji = /*#__PURE__*/memo(function (_ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? '3d' : _ref$type,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 40 : _ref$size;
+    size = _ref$size === void 0 ? 40 : _ref$size,
+    _ref$unoptimized = _ref.unoptimized,
+    unoptimized = _ref$unoptimized === void 0 ? false : _ref$unoptimized;
   var genCdnUrl = useCdnFn();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -82,6 +84,7 @@ var FluentEmoji = /*#__PURE__*/memo(function (_ref) {
         return setLoadingFail(true);
       },
       src: emojiUrl,
+      unoptimized: unoptimized,
       width: size
     })
   });

package/es/Img/index.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { ImageProps } from 'antd';
 import { ImgProps } from "../types";
-declare const Img: import("react").ForwardRefExoticComponent<ImgProps & ImageProps & import("react").RefAttributes<any>>;
+declare const Img: import("react").ForwardRefExoticComponent<ImgProps & ImageProps & {
+    unoptimized?: boolean | undefined;
+} & import("react").RefAttributes<any>>;
 export default Img;

package/es/TokenTag/index.d.ts

@@ -15,6 +15,7 @@ export interface TokenTagProps extends DivProps {
         remained?: string;
         used?: string;
     };
+    unoptimized?: boolean;
     /**
      * @description Current value of the token
      */

package/es/TokenTag/index.js

@@ -2,7 +2,7 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "displayMode", "maxValue", "value", "text", "shape"];
+var _excluded = ["className", "displayMode", "maxValue", "value", "text", "shape", "unoptimized"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { useResponsive } from 'antd-style';
@@ -21,6 +21,8 @@ var TokenTag = /*#__PURE__*/forwardRef(function (_ref, ref) {
     text = _ref.text,
     _ref$shape = _ref.shape,
     shape = _ref$shape === void 0 ? 'round' : _ref$shape,
+    _ref$unoptimized = _ref.unoptimized,
+    unoptimized = _ref$unoptimized === void 0 ? false : _ref$unoptimized,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
@@ -54,7 +56,8 @@ var TokenTag = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, rest), {}, {
     children: [/*#__PURE__*/_jsx(FluentEmoji, {
       emoji: emoji,
-      size: ICON_SIZE
+      size: ICON_SIZE,
+      unoptimized: unoptimized
     }), valueLeft > 0 ? [mobile ? '' : displayMode === 'remained' ? (text === null || text === void 0 ? void 0 : text.remained) || 'Remained' : (text === null || text === void 0 ? void 0 : text.used) || 'Used', displayMode === 'remained' ? valueLeft : value].join(' ') : (text === null || text === void 0 ? void 0 : text.overload) || 'Overload']
   }));
 });

package/es/hooks/useHighlight.d.ts

@@ -1,5 +1,5 @@
 export declare const FALLBACK_LANG = "txt";
-export declare const useHighlight: (text: string, lang: string, isDarkMode: boolean) => import("swr").SWRResponse<string, any, {
+export declare const useHighlight: (text: string, lang: string, isDarkMode: boolean) => import("swr/dist/_internal").SWRResponse<string, any, {
     revalidateOnFocus: false;
 }>;
 export { default as languageMap } from './languageMap';

package/package.json

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