@lobehub/ui 2.16.1 → 2.16.3

package/es/DraggableSideNav/style.js

@@ -26,8 +26,8 @@ export var useStyles = createStyles(function (_ref, _ref2) {
     resizeHandleHighlight: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      &:hover {\n        &::after {\n          width: 3px;\n          background: ", ";\n          box-shadow: 0 0 8px ", "40;\n        }\n      }\n\n      &:active {\n        &::after {\n          background: ", ";\n        }\n      }\n    "])), token.colorPrimary, token.colorPrimary, token.colorPrimaryActive),
     resizeHandleLeft: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      inset-inline-end: -4px;\n    "]))),
     resizeHandleRight: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      inset-inline-start: -4px;\n    "]))),
-    toggleLeft: css(_templateObject12 || (_templateObject12 = _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: -", "px;\n        border-inline-start-width: 0;\n        border-radius: 0 ", "px ", "px 0;\n      }\n    "])), LAYOUT.offset, LAYOUT.toggleShort, LAYOUT.toggleShort, LAYOUT.toggleLength, LAYOUT.toggleLength / 2, token.borderRadiusLG, token.borderRadiusLG),
-    toggleRight: css(_templateObject13 || (_templateObject13 = _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: -", "px;\n        border-inline-end-width: 0;\n        border-radius: ", "px 0 0 ", "px; /* \u53F3\u4FA7\u9762\u677F\uFF0Chandle \u5728\u5DE6\u8FB9\uFF0C\u5DE6\u4FA7\u5706\u89D2 */\n      }\n    "])), LAYOUT.offset, LAYOUT.toggleShort, LAYOUT.toggleShort, LAYOUT.toggleLength, LAYOUT.toggleLength / 2, token.borderRadiusLG, token.borderRadiusLG),
+    toggleLeft: css(_templateObject12 || (_templateObject12 = _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: -", "px;\n        margin-inline-start: -1px;\n        border-inline-start-width: 0;\n        border-radius: 0 ", "px ", "px 0;\n      }\n    "])), LAYOUT.offset, LAYOUT.toggleShort, LAYOUT.toggleShort, LAYOUT.toggleLength, LAYOUT.toggleLength / 2, token.borderRadiusLG, token.borderRadiusLG),
+    toggleRight: css(_templateObject13 || (_templateObject13 = _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: -", "px;\n        margin-inline-end: -1px;\n        border-inline-end-width: 0;\n        border-radius: ", "px 0 0 ", "px; /* \u53F3\u4FA7\u9762\u677F\uFF0Chandle \u5728\u5DE6\u8FB9\uFF0C\u5DE6\u4FA7\u5706\u89D2 */\n      }\n    "])), LAYOUT.offset, LAYOUT.toggleShort, LAYOUT.toggleShort, LAYOUT.toggleLength, LAYOUT.toggleLength / 2, token.borderRadiusLG, token.borderRadiusLG),
     toggleRoot: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      pointer-events: none;\n      position: absolute;\n      z-index: 50;\n\n      /* Smooth transitions for all states */\n      transition: opacity 0.25s cubic-bezier(0.22, 1, 0.36, 1);\n\n      &:has(> div) {\n        pointer-events: all;\n      }\n\n      > div {\n        pointer-events: all;\n        cursor: pointer;\n\n        position: absolute;\n\n        border: 1px solid ", ";\n\n        color: ", ";\n\n        background: ", ";\n        backdrop-filter: blur(8px);\n\n        /* Enhanced transitions with backdrop blur */\n        transition:\n          color 0.2s ", ",\n          transform 0.2s ", ",\n          box-shadow 0.2s ", ";\n\n        &:hover {\n          color: ", ";\n        }\n\n        &:active {\n          transform: scale(0.95);\n          color: ", ";\n        }\n      }\n    "])), token.colorBorder, token.colorTextTertiary, backgroundColor || token.colorBgLayout, token.motionEaseOut, token.motionEaseOut, token.motionEaseOut, token.colorTextSecondary, token.colorText)
   };
 });

package/es/DraggableSideNav/type.d.ts

@@ -2,44 +2,12 @@ import type { NumberSize } from 're-resizable';
 import type { CSSProperties, ReactNode } from 'react';
 import type { DivProps } from "../types";
 export interface DraggableSideNavProps extends Omit<DivProps, 'children' | 'onSelect'> {
-    /**
-     * Animation configuration for content transitions
-     * Set to false to disable all animations
-     * @default undefined
-     */
-    animation?: false | {
-        /**
-         * Enable blur effect during transitions
-         * @default false
-         */
-        blur?: boolean;
-        /**
-         * Enable animation for body section
-         * @default false
-         */
-        body?: boolean;
-        /**
-         * Enable fade effect during transitions
-         * @default true
-         */
-        fade?: boolean;
-        /**
-         * Enable animation for footer section
-         * @default false
-         */
-        footer?: boolean;
-        /**
-         * Enable animation for header section
-         * @default false
-         */
-        header?: boolean;
-    };
     backgroundColor?: string;
     /**
      * Body content (main content area)
-     * Can be a static element or a function that receives expand state
+     * Function that receives expand state
      */
-    children: ReactNode | ((expand: boolean) => ReactNode);
+    body: (expand: boolean) => ReactNode;
     /**
      * Classnames for internal components
      */
@@ -84,7 +52,8 @@ export interface DraggableSideNavProps extends Omit<DivProps, 'children' | 'onSe
      */
     maxWidth?: number;
     /**
-     * Minimum width (also the collapsed width)
+     * Minimum width when expanded (does not affect collapsed width which is always 64px)
+     * Only applies when the panel is in expanded state
      * @default 64
      */
     minWidth?: number;

package/es/hooks/useMarkdown/latex.d.ts

@@ -45,18 +45,6 @@ export declare function escapeTextUnderscores(text: string): string;
  * @returns The string with currency dollar signs escaped
  */
 export declare function escapeCurrencyDollars(text: string): string;
-/**
- * Preprocesses LaTeX content by performing multiple operations:
- * 1. Protects code blocks from processing
- * 2. Protects existing LaTeX expressions
- * 3. Escapes dollar signs that likely represent currency
- * 4. Converts LaTeX delimiters
- * 5. Escapes mhchem commands and pipes
- *
- * @param content The input string containing LaTeX expressions
- * @returns The processed string with proper LaTeX formatting
- */
-export declare function preprocessLaTeX(str: string): string;
 /**
  * Checks if the last LaTeX formula in the text is renderable.
  * Only validates the formula after the last $$ if there's an odd number of $$.
@@ -65,3 +53,127 @@ export declare function preprocessLaTeX(str: string): string;
  * @returns True if the last formula is renderable or if there's no incomplete formula
  */
 export declare const isLastFormulaRenderable: (text: string) => boolean;
+/**
+ * Fixes common LaTeX syntax errors automatically
+ * - Balances unmatched braces
+ * - Balances \left and \right delimiters
+ *
+ * @param text The input string containing LaTeX expressions
+ * @returns The string with fixed LaTeX expressions
+ */
+export declare function fixCommonLaTeXErrors(text: string): string;
+/**
+ * Normalizes whitespace in LaTeX expressions
+ * - Removes extra spaces around $ delimiters
+ * - Normalizes multiple spaces to single space inside formulas
+ *
+ * @param text The input string containing LaTeX expressions
+ * @returns The string with normalized whitespace
+ */
+export declare function normalizeLatexSpacing(text: string): string;
+/**
+ * Validates all LaTeX expressions in the text
+ * Returns detailed information about validation results
+ *
+ * @param text The input string containing LaTeX expressions
+ * @returns Validation results with errors if any
+ */
+export declare function validateLatexExpressions(text: string): {
+    errors: Array<{
+        formula: string;
+        message: string;
+        position: number;
+        type: 'display' | 'inline';
+    }>;
+    totalExpressions: number;
+    valid: boolean;
+};
+/**
+ * Handles CJK (Chinese, Japanese, Korean) characters mixed with LaTeX
+ * Optionally adds spaces between CJK characters and LaTeX expressions for better rendering
+ *
+ * @param text The input string
+ * @param addSpaces Whether to add spaces between CJK and LaTeX (default: false)
+ * @returns The processed string
+ */
+export declare function handleCJKWithLatex(text: string, addSpaces?: boolean): string;
+export interface AdvancedPreprocessOptions {
+    /** Add spaces between CJK and LaTeX (default: false, requires handleCJK: true) */
+    addCJKSpaces?: boolean;
+    /** Convert bracket notation \[...\] to $$...$$ (default: true) */
+    convertBrackets?: boolean;
+    /** Enable currency escaping (default: true) */
+    escapeCurrency?: boolean;
+    /** Escape mhchem commands (default: true) */
+    escapeMhchem?: boolean;
+    /** Escape pipe symbols in LaTeX (default: true) */
+    escapePipes?: boolean;
+    /** Escape underscores in \text{} (default: true) */
+    escapeUnderscores?: boolean;
+    /** Automatically fix common LaTeX errors (default: false) */
+    fixErrors?: boolean;
+    /** Handle CJK characters (default: false) */
+    handleCJK?: boolean;
+    /** Normalize whitespace (default: false) */
+    normalizeSpacing?: boolean;
+    /** Throw error on validation failure (default: false, requires validate: true) */
+    throwOnValidationError?: boolean;
+    /** Validate LaTeX syntax (default: false) */
+    validate?: boolean;
+}
+/**
+ * Comprehensive LaTeX preprocessing with configurable options
+ *
+ * This is the main preprocessing function that handles:
+ * - Currency symbol escaping (e.g., $20 → \$20)
+ * - LaTeX delimiter conversion (\[...\] → $$...$$)
+ * - Special character escaping (pipes, underscores, mhchem)
+ * - Optional error fixing and validation
+ * - Optional CJK character handling
+ *
+ * @param text The input string containing LaTeX and Markdown
+ * @param options Configuration options for fine-grained control
+ * @returns The preprocessed string
+ *
+ * @example
+ * ```ts
+ * // Default behavior (same as old preprocessLaTeX)
+ * preprocessLaTeX('向量$90^\\circ$，非 $0^\\circ$ 和 $180^\\circ$')
+ *
+ * // With custom options
+ * preprocessLaTeX(text, {
+ *   fixErrors: true,
+ *   validate: true,
+ *   handleCJK: true
+ * })
+ * ```
+ */
+export declare function preprocessLaTeX(text: string, options?: AdvancedPreprocessOptions): string;
+/**
+ * Strict preprocessing mode - enables all safety features and validations
+ * Use this when you want maximum correctness and are willing to accept the performance cost
+ *
+ * @param text The input string
+ * @returns The preprocessed string with all features enabled
+ *
+ * @example
+ * ```ts
+ * const processed = preprocessLaTeXStrict(userInput)
+ * // Enables: error fixing, validation, CJK handling, space normalization
+ * ```
+ */
+export declare function preprocessLaTeXStrict(text: string): string;
+/**
+ * Minimal preprocessing mode - only essential operations
+ * Use this for better performance when you control the input
+ *
+ * @param text The input string
+ * @returns The preprocessed string with minimal processing
+ *
+ * @example
+ * ```ts
+ * const processed = preprocessLaTeXMinimal(trustedInput)
+ * // Only escapes currency and converts brackets
+ * ```
+ */
+export declare function preprocessLaTeXMinimal(text: string): string;