@lobehub/ui 1.82.1 → 1.84.0

package/es/Form/components/FormTitle.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { DivProps } from "../../types";
 export interface FormTitleProps extends DivProps {
     avatar?: ReactNode;
-    desc?: string;
+    desc?: ReactNode;
     tag?: string;
     title: string;
 }

package/es/Form/index.d.ts

@@ -1,7 +1,7 @@
 import { FormProps as AntFormProps, type FormInstance } from 'antd';
-import { type ReactNode } from 'react';
-import { type FormGroupProps } from './components/FormGroup';
-import { type FormItemProps } from './components/FormItem';
+import { type ReactNode, RefAttributes } from 'react';
+import FormGroup, { type FormGroupProps } from './components/FormGroup';
+import FormItem, { type FormItemProps } from './components/FormItem';
 export interface ItemGroup {
     children: FormItemProps[];
     extra?: FormGroupProps['extra'];
@@ -14,5 +14,10 @@ export interface FormProps extends AntFormProps {
     itemMinWidth?: FormItemProps['minWidth'];
     items?: ItemGroup[];
 }
-declare const Form: import("react").ForwardRefExoticComponent<FormProps & import("react").RefAttributes<FormInstance<any>>>;
+export interface IForm {
+    (props: FormProps & RefAttributes<FormInstance>): ReactNode;
+    Group: typeof FormGroup;
+    Item: typeof FormItem;
+}
+declare const Form: IForm;
 export default Form;

package/es/Form/index.js

@@ -11,7 +11,7 @@ import FormItem from "./components/FormItem";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Form = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var FormParent = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     itemMinWidth = _ref.itemMinWidth,
     footer = _ref.footer,
@@ -46,4 +46,7 @@ var Form = /*#__PURE__*/forwardRef(function (_ref, ref) {
     })]
   }));
 });
+var Form = FormParent;
+Form.Item = FormItem;
+Form.Group = FormGroup;
 export default Form;

package/es/Highlighter/SyntaxHighlighter/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { HighlighterOptions } from 'shiki-es';
+import { type HighlighterCoreOptions } from 'shikiji';
 export interface SyntaxHighlighterProps {
     children: string;
     language: string;
-    options?: HighlighterOptions;
+    options?: HighlighterCoreOptions;
 }
 declare const SyntaxHighlighter: import("react").NamedExoticComponent<SyntaxHighlighterProps>;
 export default SyntaxHighlighter;

package/es/Markdown/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["children", "className", "style"];
 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 { Collapse, Divider, Typography } from 'antd';
+import { Collapse, Divider, Image, Typography } from 'antd';
 import { memo } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import ReactMarkdown from 'react-markdown';
@@ -32,6 +32,7 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
         }
       });
     },
+    img: Image,
     pre: CodeBlock
   };
   return /*#__PURE__*/_jsx(Typography, {

package/es/hooks/useHighlight.d.ts

@@ -1,4 +1,4 @@
-import { type Highlighter, type HighlighterOptions } from 'shiki-es';
+import { type Highlighter, type HighlighterCoreOptions } from 'shikiji';
 export declare const languageMap: readonly ["javascript", "js", "jsx", "json", "markdown", "md", "less", "css", "typescript", "ts", "tsx", "diff", "bash"];
 /**
  * @title 代码高亮的存储对象
@@ -20,7 +20,7 @@ interface Store {
      * @title Initialize the highlighter object
      * @returns Initialization promise object
      */
-    initHighlighter: (options?: HighlighterOptions) => Promise<void>;
+    initHighlighter: (options?: HighlighterCoreOptions) => Promise<void>;
 }
 export declare const useHighlight: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand/vanilla").StoreApi<Store>>;
 export {};

package/es/hooks/useHighlight.js

@@ -1,6 +1,6 @@
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { getHighlighter } from 'shiki-es';
+import { getHighlighter } from 'shikiji';
 import { shallow } from 'zustand/shallow';
 import { createWithEqualityFn } from 'zustand/traditional';
 import { themeConfig } from "../Highlighter/theme";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.82.1",
+  "version": "1.84.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -102,7 +102,7 @@
     "react-simple-code-editor": "^0",
     "rehype-raw": "^6",
     "remark-gfm": "^3",
-    "shiki-es": "^0",
+    "shikiji": "^0",
     "styled-components": "^6",
     "three": "^0.150",
     "ts-md5": "^1",