@lobehub/ui 1.29.2 → 1.31.0

package/es/CodeEditor/index.d.ts

@@ -0,0 +1,36 @@
+import { InputRef } from 'antd';
+import { type CSSProperties, type FocusEventHandler, type KeyboardEventHandler, type MouseEventHandler, type Ref } from 'react';
+import { SyntaxHighlighterProps } from "../Highlighter/SyntaxHighlighter";
+export interface CodeEditorProps {
+    autoFocus?: boolean;
+    className?: string;
+    disabled?: boolean;
+    form?: string;
+    ignoreTabKey?: boolean;
+    insertSpaces?: boolean;
+    language: SyntaxHighlighterProps['language'];
+    maxLength?: number;
+    minLength?: number;
+    name?: string;
+    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    onClick?: MouseEventHandler<HTMLTextAreaElement>;
+    onFocus?: FocusEventHandler<HTMLTextAreaElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
+    onKeyUp?: KeyboardEventHandler<HTMLTextAreaElement>;
+    onValueChange: (value: string) => void;
+    placeholder?: string;
+    preClassName?: string;
+    readOnly?: boolean;
+    ref?: Ref<InputRef>;
+    required?: boolean;
+    resize?: boolean;
+    style?: CSSProperties;
+    tabSize?: number;
+    textareaClassName?: string;
+    textareaId?: string;
+    theme?: SyntaxHighlighterProps['theme'];
+    type?: 'ghost' | 'block' | 'pure';
+    value: string;
+}
+declare const CodeEditor: import("react").NamedExoticComponent<CodeEditorProps>;
+export default CodeEditor;

package/es/CodeEditor/index.js

@@ -0,0 +1,50 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["style", "language", "theme", "value", "onValueChange", "resize", "className", "textareaClassName", "type"];
+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 { forwardRef, memo } from 'react';
+import Editor from 'react-simple-code-editor';
+import SyntaxHighlighter from "../Highlighter/SyntaxHighlighter";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var CodeEditor = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, reference) {
+  var style = _ref.style,
+    language = _ref.language,
+    theme = _ref.theme,
+    value = _ref.value,
+    onValueChange = _ref.onValueChange,
+    _ref$resize = _ref.resize,
+    resize = _ref$resize === void 0 ? true : _ref$resize,
+    className = _ref.className,
+    textareaClassName = _ref.textareaClassName,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'ghost' : _ref$type,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles({
+      resize: resize,
+      type: type
+    }),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/_jsx("div", {
+    className: cx(styles.container, className),
+    style: style,
+    children: /*#__PURE__*/_jsx(Editor, _objectSpread({
+      className: styles.editor,
+      highlight: function highlight(code) {
+        return /*#__PURE__*/_jsx(SyntaxHighlighter, {
+          language: language,
+          theme: theme,
+          children: code
+        });
+      },
+      onValueChange: onValueChange,
+      padding: 0,
+      ref: reference,
+      textareaClassName: cx(styles.textarea, textareaClassName),
+      value: value
+    }, props))
+  });
+}));
+export default CodeEditor;

package/es/CodeEditor/style.d.ts

@@ -0,0 +1,8 @@
+export declare const useStyles: (props?: {
+    resize: boolean;
+    type: 'ghost' | 'block' | 'pure';
+} | undefined) => import("antd-style").ReturnStyles<{
+    container: string;
+    editor: import("antd-style").SerializedStyles;
+    textarea: import("antd-style").SerializedStyles;
+}>;

package/es/CodeEditor/style.js

@@ -0,0 +1,17 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref, _ref2) {
+  var cx = _ref.cx,
+    css = _ref.css,
+    token = _ref.token,
+    isDarkMode = _ref.isDarkMode;
+  var type = _ref2.type,
+    resize = _ref2.resize;
+  var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      padding: 8px 12px;\n\n      background-color: ", ";\n      border: 1px solid ", ";\n      border-radius: ", "px;\n\n      transition: background-color 100ms ", ",\n        border-color 200ms ", ";\n\n      &:hover {\n        background-color: ", ";\n        border-color: ", ";\n      }\n    "])), type === 'block' ? token.colorFillTertiary : 'transparent', type === 'block' ? 'transparent' : token.colorBorderSecondary, token.borderRadius, token.motionEaseOut, token.motionEaseOut, type === 'block' ? token.colorFillSecondary : token.colorFillQuaternary, token.colorBorder);
+  return {
+    container: cx(type !== 'pure' && typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          overflow-x: hidden;\n          overflow-y: auto;\n          height: fit-content;\n        "])))),
+    editor: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        resize: ", ";\n        height: fit-content;\n        font-family: ", " !important;\n\n        pre {\n          word-wrap: break-word;\n          white-space: pre-wrap;\n\n          &.shiki {\n            margin: 0;\n          }\n        }\n      "])), resize ? 'vertical' : 'none', token.fontFamilyCode),
+    textarea: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        overflow-x: hidden;\n        overflow-y: auto;\n        height: 100% !important;\n\n        &::placeholder {\n          color: ", ";\n        }\n\n        &::selection {\n          color: #000;\n          background: ", ";\n        }\n\n        &:focus {\n          border: none !important;\n          outline: none !important;\n          box-shadow: none !important;\n        }\n      "])), token.colorTextQuaternary, isDarkMode ? token.yellow3A : token.yellow6A)
+  };
+});

package/es/DraggablePanel/components/DraggablePanelBody.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type DivProps } from "../../types";
+export declare type DraggablePanelBodyProps = DivProps;
+declare const DraggablePanelBody: import("react").NamedExoticComponent<DivProps>;
+export default DraggablePanelBody;

package/es/DraggablePanel/components/DraggablePanelBody.js

@@ -0,0 +1,22 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "children"];
+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 { memo } from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var DraggablePanelBody = /*#__PURE__*/memo(function (_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: cx(styles.body, className)
+  }, props), {}, {
+    children: children
+  }));
+});
+export default DraggablePanelBody;

package/es/DraggablePanel/components/DraggablePanelContainer.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type DivProps } from "../../types";
+export declare type DraggablePanelContainerProps = DivProps;
+declare const DraggablePanelContainer: import("react").NamedExoticComponent<DivProps>;
+export default DraggablePanelContainer;

package/es/DraggablePanel/components/DraggablePanelContainer.js

@@ -0,0 +1,22 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "children"];
+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 { memo } from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var DraggablePanelContainer = /*#__PURE__*/memo(function (_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: cx(styles.container, className)
+  }, props), {}, {
+    children: children
+  }));
+});
+export default DraggablePanelContainer;

package/es/DraggablePanel/components/DraggablePanelFooter.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type DivProps } from "../../types";
+export declare type DraggablePanelFooterProps = DivProps;
+declare const DraggablePanelFooter: import("react").NamedExoticComponent<DivProps>;
+export default DraggablePanelFooter;

package/es/DraggablePanel/components/DraggablePanelFooter.js

@@ -0,0 +1,22 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "children"];
+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 { memo } from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var DraggablePanelFooter = /*#__PURE__*/memo(function (_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: cx(styles.footer, className)
+  }, props), {}, {
+    children: children
+  }));
+});
+export default DraggablePanelFooter;

package/es/DraggablePanel/components/DraggablePanelHeader.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { type DivProps } from "../../types";
+export interface DraggablePanelHeaderProps extends DivProps {
+    pin: boolean;
+    position?: 'left' | 'right';
+    setExpand: (expand: boolean) => void;
+    setPin: (pin: boolean) => void;
+    title: string;
+}
+declare const DraggablePanelHeader: import("react").NamedExoticComponent<DraggablePanelHeaderProps>;
+export default DraggablePanelHeader;

package/es/DraggablePanel/components/DraggablePanelHeader.js

@@ -0,0 +1,51 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["pin", "setPin", "className", "setExpand", "title", "position"];
+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 } from "../..";
+import { PanelLeft, Pin, PinOff } from 'lucide-react';
+import { memo } from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var DraggablePanelHeader = /*#__PURE__*/memo(function (_ref) {
+  var pin = _ref.pin,
+    setPin = _ref.setPin,
+    className = _ref.className,
+    setExpand = _ref.setExpand,
+    title = _ref.title,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'left' : _ref$position,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  var panelIcon = /*#__PURE__*/_jsx(ActionIcon, {
+    icon: PanelLeft,
+    onClick: function onClick() {
+      return setExpand(false);
+    },
+    size: {
+      blockSize: 24,
+      fontSize: 14
+    }
+  });
+  var pinIcon = /*#__PURE__*/_jsx(ActionIcon, {
+    active: pin,
+    icon: pin ? Pin : PinOff,
+    onClick: function onClick() {
+      return setPin(!pin);
+    },
+    size: {
+      blockSize: 24,
+      fontSize: 14
+    }
+  });
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+    className: cx(styles.header, className)
+  }, props), {}, {
+    children: [position === 'left' ? panelIcon : pinIcon, title, position === 'left' ? pinIcon : panelIcon]
+  }));
+});
+export default DraggablePanelHeader;

package/es/DraggablePanel/components/style.d.ts

@@ -0,0 +1,6 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    body: import("antd-style").SerializedStyles;
+    container: import("antd-style").SerializedStyles;
+    footer: import("antd-style").SerializedStyles;
+    header: import("antd-style").SerializedStyles;
+}>;

package/es/DraggablePanel/components/style.js

@@ -0,0 +1,13 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    body: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    overflow-x: hidden;\n    overflow-y: auto;\n    flex: 1;\n    padding: 16px;\n  "]))),
+    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n  "]))),
+    footer: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: flex;\n    flex: 0;\n    gap: 8px;\n    align-items: center;\n    justify-content: flex-start;\n\n    padding: 8px 16px;\n\n    border-top: 1px solid ", ";\n  "])), token.colorBorderSecondary),
+    header: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    display: flex;\n    flex: 0;\n    gap: 8px;\n    align-items: center;\n    justify-content: space-between;\n\n    padding: 8px 16px;\n\n    font-weight: 500;\n\n    border-bottom: 1px solid ", ";\n  "])), token.colorBorderSecondary)
+  };
+});

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { DividerProps } from 'antd';
+export declare type FormDividerProps = DividerProps;
+declare const Divider: import("react").NamedExoticComponent<DividerProps>;
+export default Divider;

package/es/Form/components/FormDivider.js

@@ -0,0 +1,18 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["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 { Divider as AntDivider } from 'antd';
+import { memo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var Divider = /*#__PURE__*/memo(function (_ref) {
+  var style = _ref.style,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(AntDivider, _objectSpread({
+    style: _objectSpread({
+      margin: 0
+    }, style)
+  }, props));
+});
+export default Divider;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { DivProps } from "../../types";
+export declare type FormFooterProps = DivProps;
+declare const FormFooter: import("react").NamedExoticComponent<DivProps>;
+export default FormFooter;

package/es/Form/components/FormFooter.js

@@ -0,0 +1,22 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "children"];
+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 { memo } from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var FormFooter = /*#__PURE__*/memo(function (_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: cx(styles.footer, className)
+  }, props), {}, {
+    children: children
+  }));
+});
+export default FormFooter;

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

@@ -0,0 +1,10 @@
+import { type IconProps } from "../..";
+import { type CollapseProps } from 'antd';
+import { type ReactNode } from 'react';
+export interface FormGroupProps extends CollapseProps {
+    children: ReactNode;
+    icon: IconProps['icon'];
+    title: string;
+}
+declare const FormGroup: import("react").NamedExoticComponent<FormGroupProps>;
+export default FormGroup;

package/es/Form/components/FormGroup.js

@@ -0,0 +1,36 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "icon", "title", "children"];
+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 { Icon } from "../..";
+import { Collapse } from 'antd';
+import { memo } from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var FormGroup = /*#__PURE__*/memo(function (_ref) {
+  var className = _ref.className,
+    icon = _ref.icon,
+    title = _ref.title,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx(Collapse, _objectSpread({
+    className: cx(styles.group, className),
+    defaultActiveKey: [1],
+    items: [{
+      children: children,
+      key: 1,
+      label: /*#__PURE__*/_jsxs("div", {
+        className: styles.title,
+        children: [/*#__PURE__*/_jsx(Icon, {
+          icon: icon
+        }), title]
+      })
+    }]
+  }, props), 1);
+});
+export default FormGroup;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FormItemProps as AntdFormItemProps } from 'antd';
+export interface FormItemProps extends AntdFormItemProps {
+    desc?: string;
+    divider?: boolean;
+}
+declare const FormItem: import("react").NamedExoticComponent<FormItemProps>;
+export default FormItem;

package/es/Form/components/FormItem.js

@@ -0,0 +1,37 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["desc", "className", "label", "children", "divider"];
+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 { Form } from 'antd';
+import { memo } from 'react';
+import FormDivider from "./FormDivider";
+import FormTitle from "./FormTitle";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Item = Form.Item;
+var FormItem = /*#__PURE__*/memo(function (_ref) {
+  var desc = _ref.desc,
+    className = _ref.className,
+    label = _ref.label,
+    children = _ref.children,
+    divider = _ref.divider,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [divider && /*#__PURE__*/_jsx(FormDivider, {}), /*#__PURE__*/_jsx(Item, _objectSpread(_objectSpread({
+      className: cx(styles.item, className),
+      label: desc ? /*#__PURE__*/_jsx(FormTitle, {
+        desc: desc,
+        title: String(label)
+      }) : label
+    }, props), {}, {
+      children: children
+    }))]
+  });
+});
+export default FormItem;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { DivProps } from "../../types";
+export interface FormTitleProps extends DivProps {
+    desc: string;
+    title: string;
+}
+declare const FormTitle: import("react").NamedExoticComponent<FormTitleProps>;
+export default FormTitle;

package/es/Form/components/FormTitle.js

@@ -0,0 +1,21 @@
+import { memo } from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var FormTitle = /*#__PURE__*/memo(function (_ref) {
+  var className = _ref.className,
+    title = _ref.title,
+    desc = _ref.desc;
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsxs("div", {
+    className: cx(styles.formTitle, className),
+    children: [/*#__PURE__*/_jsx("div", {
+      children: title
+    }), /*#__PURE__*/_jsx("small", {
+      children: desc
+    })]
+  });
+});
+export default FormTitle;

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

@@ -0,0 +1,7 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    footer: import("antd-style").SerializedStyles;
+    formTitle: import("antd-style").SerializedStyles;
+    group: import("antd-style").SerializedStyles;
+    item: import("antd-style").SerializedStyles;
+    title: import("antd-style").SerializedStyles;
+}>;

package/es/Form/components/style.js

@@ -0,0 +1,14 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    footer: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    gap: 8px;\n    justify-content: flex-end;\n  "]))),
+    formTitle: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n\n    text-align: left;\n\n    > div {\n      font-weight: 500;\n      line-height: 1;\n    }\n\n    > small {\n      display: block;\n\n      line-height: 1.1;\n      color: ", ";\n      word-wrap: break-word;\n      white-space: pre-wrap;\n    }\n  "])), token.colorTextDescription),
+    group: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    .ant-collapse-header {\n      background: ", ";\n      border-radius: 0 !important;\n    }\n\n    .ant-collapse-content {\n      background: transparent;\n    }\n\n    .ant-collapse-content-box {\n      padding-top: 0 !important;\n      padding-bottom: 0 !important;\n    }\n  "])), token.colorFillTertiary),
+    item: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    padding: 8px 0;\n\n    .ant-row {\n      justify-content: space-between;\n\n      > div {\n        flex: unset !important;\n        flex-grow: unset !important;\n      }\n    }\n  "]))),
+    title: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    display: flex;\n    gap: 8px;\n    align-items: center;\n\n    font-size: 16px;\n    font-weight: 600;\n\n    .anticon {\n      color: ", ";\n    }\n  "])), token.colorPrimary)
+  };
+});

package/es/Form/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { FormProps as AntFormProps } from 'antd';
+export declare type FormProps = AntFormProps;
+declare const Form: import("react").NamedExoticComponent<FormProps>;
+export default Form;

package/es/Form/index.js

@@ -0,0 +1,26 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className"];
+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 { Form as AntForm } from 'antd';
+import { memo } from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Form = /*#__PURE__*/memo(function (_ref) {
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return (
+    /*#__PURE__*/
+    // @ts-ignore
+    _jsx(AntForm, _objectSpread({
+      className: cx(styles.form, className),
+      colon: false,
+      layout: "horizontal"
+    }, props))
+  );
+});
+export default Form;

package/es/Form/style.d.ts

@@ -0,0 +1,4 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    footer: import("antd-style").SerializedStyles;
+    form: import("antd-style").SerializedStyles;
+}>;

package/es/Form/style.js

@@ -0,0 +1,10 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    footer: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    gap: 8px;\n    justify-content: flex-end;\n  "]))),
+    form: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n\n    .ant-form-item {\n      margin: 0 !important;\n    }\n\n    .ant-form-item .ant-form-item-label > label {\n      height: unset;\n    }\n\n    .ant-row {\n      position: relative;\n      flex-wrap: nowrap;\n    }\n\n    .ant-form-item-label {\n      position: relative;\n      flex: 1;\n      max-width: 100%;\n    }\n\n    .ant-form-item-control {\n      position: relative;\n      flex: 0;\n      min-width: unset !important;\n    }\n  "])))
+  };
+});

package/es/Highlighter/theme.js

@@ -2,8 +2,8 @@ import { colorScales } from "../styles/colors";
 export var themeConfig = function themeConfig(isDarkMode) {
   var type = isDarkMode ? 'dark' : 'light';
   var colorText = colorScales.gray[type][11];
-  var colorTextSecondary = isDarkMode ? colorScales.gray[type][9] : colorScales.gray[type][10];
-  var colorTextTertiary = isDarkMode ? colorScales.gray[type][6] : colorScales.gray[type][7];
+  var colorTextSecondary = colorScales.gray[type][10];
+  var colorTextTertiary = colorScales.gray[type][7];
   var colorRed = isDarkMode ? colorScales.red[type][9] : colorScales.volcano[type][9];
   var colorOrange = isDarkMode ? colorScales.gold[type][9] : colorScales.orange[type][9];
   var colorGreen = isDarkMode ? colorScales.lime[type][9] : colorScales.green[type][9];

package/es/Markdown/index.js

@@ -1,3 +1,8 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "className"];
+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 pangu from 'pangu';
 import { memo } from 'react';
@@ -9,7 +14,8 @@ import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Markdown = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
-    className = _ref.className;
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
@@ -21,12 +27,13 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
     pre: CodeBlock
   };
   return /*#__PURE__*/_jsx(Typography, {
-    children: /*#__PURE__*/_jsx(ReactMarkdown, {
+    children: /*#__PURE__*/_jsx(ReactMarkdown, _objectSpread(_objectSpread({
       className: cx(styles.markdown, className),
       components: components,
-      remarkPlugins: [remarkGfm],
+      remarkPlugins: [remarkGfm]
+    }, props), {}, {
       children: pangu.spacing(children)
-    })
+    }))
   });
 });
 export default Markdown;

package/es/MessageInput/index.d.ts

@@ -1,7 +1,8 @@
-/// <reference types="react" />
 import { ButtonProps } from 'antd';
+import { type CSSProperties } from 'react';
 import { type TextAreaProps } from "../Input";
-export interface MessageInputProps {
+import { DivProps } from "../types";
+export interface MessageInputProps extends DivProps {
     /**
      * @description Additional className to apply to the component.
      */
@@ -10,10 +11,7 @@ export interface MessageInputProps {
      * @description The default value of the input box.
      */
     defaultValue?: string;
-    /**
-     * @description The height of the input box.
-     */
-    height?: number;
+    height?: number | string;
     /**
      * @description Callback function triggered when user clicks on the cancel button.
      */
@@ -28,6 +26,8 @@ export interface MessageInputProps {
      * @param text - The text input by the user.
      */
     renderButtons?: (text: string) => ButtonProps[];
+    textareaClassname?: string;
+    textareaStyle?: CSSProperties;
     /**
      * @description The type of the input box.
      */

package/es/MessageInput/index.js

@@ -1,38 +1,46 @@
 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 = ["type", "onCancel", "defaultValue", "onConfirm", "renderButtons", "textareaStyle", "textareaClassname", "height"];
 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 { Button } from 'antd';
-import { cx } from 'antd-style';
 import { memo, useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import { TextArea } from "../Input";
+import CodeEditor from "../CodeEditor";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var MessageInput = /*#__PURE__*/memo(function (_ref) {
-  var type = _ref.type,
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'ghost' : _ref$type,
     onCancel = _ref.onCancel,
     defaultValue = _ref.defaultValue,
     onConfirm = _ref.onConfirm,
     renderButtons = _ref.renderButtons,
-    height = _ref.height,
-    className = _ref.className;
+    textareaStyle = _ref.textareaStyle,
+    textareaClassname = _ref.textareaClassname,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 'fit-content' : _ref$height,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(defaultValue || ''),
     _useState2 = _slicedToArray(_useState, 2),
     temporarySystemRole = _useState2[0],
     setRole = _useState2[1];
-  return /*#__PURE__*/_jsxs(Flexbox, {
-    gap: 8,
-    children: [/*#__PURE__*/_jsx(TextArea, {
-      className: cx('nowheel', className),
-      onChange: function onChange(e) {
-        setRole(e.target.value);
+  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+    gap: 8
+  }, props), {}, {
+    children: [/*#__PURE__*/_jsx(CodeEditor, {
+      className: textareaClassname,
+      language: "md",
+      onValueChange: function onValueChange(value) {
+        setRole(value);
       },
       placeholder: '例如：你是一名擅长翻译的翻译官，请将用户所输入的英文都翻译为中文。',
-      style: {
-        height: height !== null && height !== void 0 ? height : 200
-      },
+      resize: false,
+      style: _objectSpread({
+        height: height
+      }, textareaStyle),
       type: type,
       value: temporarySystemRole
     }), /*#__PURE__*/_jsx(Flexbox, {
@@ -49,11 +57,10 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
           children: "Confirm"
         }), /*#__PURE__*/_jsx(Button, {
           onClick: onCancel,
-          type: "text",
           children: "Cancel"
         })]
       })
     })]
-  });
+  }));
 });
 export default MessageInput;

package/es/MessageModal/index.js

@@ -38,7 +38,7 @@ var MessageModal = /*#__PURE__*/memo(function (_ref) {
     closeIcon: /*#__PURE__*/_jsx(Icon, {
       icon: X
     }),
-    footer: isEdit ? undefined : undefined,
+    footer: isEdit ? null : undefined,
     okText: 'Edit',
     onCancel: function onCancel() {
       return setExpand(false);
@@ -56,7 +56,7 @@ var MessageModal = /*#__PURE__*/memo(function (_ref) {
     width: 800,
     children: isEdit ? /*#__PURE__*/_jsx(MessageInput, {
       defaultValue: value,
-      height: 400,
+      height: "70vh",
       onCancel: function onCancel() {
         return setTyping(false);
       },

package/es/MessageModal/style.js

@@ -6,6 +6,6 @@ export var useStyles = createStyles(function (_ref) {
     prefixCls = _ref.prefixCls;
   return {
     body: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    overflow-x: hidden;\n    overflow-y: auto;\n    max-height: 70vh;\n  "]))),
-    modal: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    height: 70%;\n    .", "-modal-header {\n      margin-bottom: 24px;\n    }\n  "])), prefixCls)
+    modal: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    .", "-modal-header {\n      margin-bottom: 24px;\n    }\n  "])), prefixCls)
   };
 });

package/es/Swatches/style.js

@@ -5,7 +5,7 @@ export var useStyles = createStyles(function (_ref, size) {
   var css = _ref.css,
     token = _ref.token;
   return {
-    active: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      box-shadow: inset 0 0 0 2px ", ";\n    "])), token.colorPrimary),
+    active: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      box-shadow: inset 0 0 0 2px ", ";\n    "])), token.colorText),
     container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      cursor: pointer;\n\n      width: ", "px;\n      height: ", "px;\n\n      background: ", ";\n      border-radius: 50%;\n      box-shadow: inset 0 0 0 1px ", ";\n\n      transition: scale 400ms ", ";\n\n      &:active {\n        scale: 0.8;\n      }\n    "])), size, size, token.colorBgContainer, token.colorFill, token.motionEaseOut)
   };
 });

package/es/index.d.ts

@@ -6,10 +6,15 @@ export type { ChatMessage, MessageRoleType } from './Chat';
 export { default as ChatInputArea, type ChatInputAreaProps } from './ChatInputArea';
 export { default as ChatItem, type ChatItemProps } from './ChatItem';
 export { default as ChatList, type ChatListProps } from './ChatList';
+export { default as CodeEditor, type CodeEditorProps } from './CodeEditor';
 export { default as ColorScales, type ColorScalesProps } from './ColorScales';
 export { default as ContextMenu, type ContextMenuProps } from './ContextMenu';
 export { default as CopyButton, type CopyButtonProps } from './CopyButton';
 export { default as DraggablePanel, type DraggablePanelProps } from './DraggablePanel';
+export { default as DraggablePanelBody, type DraggablePanelBodyProps, } from './DraggablePanel/components/DraggablePanelBody';
+export { default as DraggablePanelContainer, type DraggablePanelContainerProps, } from './DraggablePanel/components/DraggablePanelContainer';
+export { default as DraggablePanelFooter, type DraggablePanelFooterProps, } from './DraggablePanel/components/DraggablePanelFooter';
+export { default as DraggablePanelHeader, type DraggablePanelHeaderProps, } from './DraggablePanel/components/DraggablePanelHeader';
 export { default as EditableMessage, type EditableMessageProps } from './EditableMessage';
 export { default as EditableMessageList, type EditableMessageListProps, } from './EditableMessageList';
 export { default as EditableText, type EditableTextProps } from './EditableText';
@@ -17,6 +22,12 @@ export { type FeatureItem, default as Features, type FeaturesProps } from './Fea
 export { default as FluentEmoji, type FluentEmojiProps } from './FluentEmoji';
 export { default as FontLoader, type FontLoaderProps } from './FontLoader';
 export { default as Footer, type FooterProps } from './Footer';
+export { default as Form, type FormProps } from './Form';
+export { default as FormDivider, type FormDividerProps } from './Form/components/FormDivider';
+export { default as FormFooter, type FormFooterProps } from './Form/components/FormFooter';
+export { default as FormGroup, type FormGroupProps } from './Form/components/FormGroup';
+export { default as FormItem, type FormItemProps } from './Form/components/FormItem';
+export { default as FormTitle, type FormTitleProps } from './Form/components/FormTitle';
 export { default as GradientButton, type GradientButtonProps } from './GradientButton';
 export { default as Header, type HeaderProps } from './Header';
 export { default as Hero, type HeroAction, type HeroProps } from './Hero';

package/es/index.js

@@ -5,10 +5,15 @@ export { default as Burger } from "./Burger";
 export { default as ChatInputArea } from "./ChatInputArea";
 export { default as ChatItem } from "./ChatItem";
 export { default as ChatList } from "./ChatList";
+export { default as CodeEditor } from "./CodeEditor";
 export { default as ColorScales } from "./ColorScales";
 export { default as ContextMenu } from "./ContextMenu";
 export { default as CopyButton } from "./CopyButton";
 export { default as DraggablePanel } from "./DraggablePanel";
+export { default as DraggablePanelBody } from "./DraggablePanel/components/DraggablePanelBody";
+export { default as DraggablePanelContainer } from "./DraggablePanel/components/DraggablePanelContainer";
+export { default as DraggablePanelFooter } from "./DraggablePanel/components/DraggablePanelFooter";
+export { default as DraggablePanelHeader } from "./DraggablePanel/components/DraggablePanelHeader";
 export { default as EditableMessage } from "./EditableMessage";
 export { default as EditableMessageList } from "./EditableMessageList";
 export { default as EditableText } from "./EditableText";
@@ -16,6 +21,12 @@ export { default as Features } from "./Features";
 export { default as FluentEmoji } from "./FluentEmoji";
 export { default as FontLoader } from "./FontLoader";
 export { default as Footer } from "./Footer";
+export { default as Form } from "./Form";
+export { default as FormDivider } from "./Form/components/FormDivider";
+export { default as FormFooter } from "./Form/components/FormFooter";
+export { default as FormGroup } from "./Form/components/FormGroup";
+export { default as FormItem } from "./Form/components/FormItem";
+export { default as FormTitle } from "./Form/components/FormTitle";
 export { default as GradientButton } from "./GradientButton";
 export { default as Header } from "./Header";
 export { default as Hero } from "./Hero";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.29.2",
+  "version": "1.31.0",
   "description": "Lobe UI is an open-source UI component library for building chatbot web apps",
   "keywords": [
     "lobehub",
@@ -95,6 +95,7 @@
     "react-layout-kit": "^1",
     "react-markdown": "^8",
     "react-rnd": "^10",
+    "react-simple-code-editor": "^0",
     "remark-gfm": "^3",
     "shiki-es": "^0",
     "styled-components": "latest",
@@ -114,6 +115,7 @@
     "@types/react-dom": "^18",
     "@vitest/coverage-v8": "latest",
     "antd-style": "^3",
+    "babel-plugin-antd-style": "^1.0.4",
     "commitlint": "^17",
     "concurrently": "^8",
     "cross-env": "^7",