@lobehub/editor 1.0.0

package/es/react/ChatInputActions/ChatInputActions.js

@@ -0,0 +1,187 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["gap", "disabled", "items", "onActionClick", "className"],
+  _excluded2 = ["wrapper", "icon", "key", "label", "onClick", "danger", "loading"];
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { ActionIcon, Dropdown } from '@lobehub/ui';
+import { useSize } from 'ahooks';
+import { Divider } from 'antd';
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import ChatInputActionsCollapse from "./components/ChatInputActionsCollapse";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ChatInputActions = /*#__PURE__*/memo(function (_ref) {
+  var _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? 2 : _ref$gap,
+    disabled = _ref.disabled,
+    _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    onActionClick = _ref.onActionClick,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  var _useState = useState(items.length),
+    _useState2 = _slicedToArray(_useState, 2),
+    maxCount = _useState2[0],
+    setMaxCount = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    collapsed = _useState4[0],
+    setCollapsed = _useState4[1];
+  var ref = useRef(null);
+  var size = useSize(ref);
+  var flatItems = useMemo(function () {
+    return items.flatMap(function (item) {
+      if (item.type === 'collapse' && item.children) {
+        return item.children;
+      }
+      return item;
+    }).filter(function (item) {
+      return item.type !== 'divider';
+    });
+  }, [items]);
+  useEffect(function () {
+    if (!(size !== null && size !== void 0 && size.width)) return;
+    var length = flatItems.length + 1;
+    var calcMaxCount = Math.floor(size.width / 48);
+    setMaxCount(calcMaxCount);
+    if (calcMaxCount < length) {
+      setCollapsed(true);
+    } else {
+      setCollapsed(false);
+    }
+  }, [size, flatItems.length]);
+  var calcItem = useMemo(function () {
+    if (!collapsed) return items;
+    var alwaysDisplayItems = items.filter(function (item) {
+      return item.alwaysDisplay;
+    });
+    var normalItems = items.filter(function (item) {
+      return item.type !== 'collapse' && !item.alwaysDisplay;
+    });
+    var collapseItems = items.find(function (item) {
+      return item.type === 'collapse' && item.children;
+    }) || {
+      children: [],
+      type: 'collapse'
+    };
+    var sliceCount = maxCount - alwaysDisplayItems.length - 1;
+    return [].concat(_toConsumableArray(normalItems.slice(0, sliceCount)), [_objectSpread(_objectSpread({}, collapseItems), {}, {
+      children: [].concat(_toConsumableArray(normalItems.filter(function (item) {
+        return item.type !== 'divider';
+      }).slice(sliceCount)), _toConsumableArray(collapseItems.children))
+    })], _toConsumableArray(alwaysDisplayItems)).filter(Boolean);
+  }, [collapsed, items, flatItems, maxCount]);
+  var mapActions = useCallback(function (item, i) {
+    if (item.type === 'divider') {
+      return /*#__PURE__*/_jsx(Divider, {
+        className: styles.divider,
+        style: {
+          height: 20
+        },
+        type: 'vertical'
+      }, i);
+    }
+    var wrapper = item.wrapper,
+      icon = item.icon,
+      key = item.key,
+      label = item.label,
+      _onClick = item.onClick,
+      danger = item.danger,
+      loading = item.loading,
+      itemRest = _objectWithoutProperties(item, _excluded2);
+    var node = item.children || /*#__PURE__*/_jsx(ActionIcon, {
+      active: item.active,
+      danger: danger,
+      disabled: disabled || loading || (itemRest === null || itemRest === void 0 ? void 0 : itemRest.disabled),
+      icon: icon,
+      loading: loading,
+      onClick: function onClick(e) {
+        onActionClick === null || onActionClick === void 0 || onActionClick({
+          domEvent: e,
+          key: String(key),
+          keyPath: [String(key)]
+        });
+        _onClick === null || _onClick === void 0 || _onClick(e);
+      },
+      size: {
+        blockSize: 36,
+        size: 20
+      },
+      title: label,
+      tooltipProps: {
+        placement: 'top'
+      }
+    }, key);
+    if (!wrapper) return node;
+    return wrapper(node, String(key));
+  }, [disabled, onActionClick, styles.divider]);
+  return /*#__PURE__*/_jsx(Flexbox, _objectSpread(_objectSpread({
+    align: 'center',
+    className: cx(styles.container, className),
+    flex: 'none',
+    gap: gap,
+    horizontal: true,
+    ref: ref
+  }, rest), {}, {
+    children: calcItem.map(function (item, index) {
+      if (item.type === 'collapse') {
+        return /*#__PURE__*/_jsx(ChatInputActionsCollapse, {
+          defaultExpand: item.defaultExpand,
+          expand: item.expand,
+          gap: gap,
+          mode: collapsed ? 'popup' : 'default',
+          onChange: item.onChange,
+          children: item.children.map(function (child, childIndex) {
+            return mapActions(child, childIndex);
+          })
+        }, index);
+      }
+      if (item.type === 'dropdown') {
+        return /*#__PURE__*/_jsx(Dropdown, {
+          menu: {
+            items: item.children
+          },
+          children: /*#__PURE__*/_jsx(ActionIcon, {
+            active: item.active,
+            danger: item.danger,
+            disabled: disabled || item.loading || (item === null || item === void 0 ? void 0 : item.disabled),
+            icon: item.icon,
+            loading: item.loading,
+            size: {
+              blockSize: 36,
+              size: 20
+            },
+            title: item.label,
+            tooltipProps: {
+              placement: 'top'
+            }
+          })
+        }, item.key);
+      }
+      return mapActions(item, index);
+    })
+  }));
+});
+ChatInputActions.displayName = 'ChatInputActions';
+export default ChatInputActions;

package/es/react/ChatInputActions/components/ChatInputActionsCollapse.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { ChatInputActionsCollapseProps } from '../type';
+declare const ChatInputActionsCollapse: import("react").NamedExoticComponent<ChatInputActionsCollapseProps>;
+export default ChatInputActionsCollapse;

package/es/react/ChatInputActions/components/ChatInputActionsCollapse.js

@@ -0,0 +1,97 @@
+'use client';
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { ActionIcon } from '@lobehub/ui';
+import { Popover } from 'antd';
+import { motion } from 'framer-motion';
+import { CircleChevronLeftIcon, CircleChevronRightIcon, CircleChevronUpIcon } from 'lucide-react';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import useMergeState from 'use-merge-value';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ChatInputActionsCollapse = /*#__PURE__*/memo(function (_ref) {
+  var children = _ref.children,
+    expand = _ref.expand,
+    _ref$defaultExpand = _ref.defaultExpand,
+    defaultExpand = _ref$defaultExpand === void 0 ? true : _ref$defaultExpand,
+    onChange = _ref.onChange,
+    gap = _ref.gap,
+    mode = _ref.mode;
+  var _useMergeState = useMergeState(defaultExpand, {
+      defaultValue: defaultExpand,
+      onChange: onChange,
+      value: expand
+    }),
+    _useMergeState2 = _slicedToArray(_useMergeState, 2),
+    expanded = _useMergeState2[0],
+    setExpaned = _useMergeState2[1];
+  if (mode === 'popup') {
+    return /*#__PURE__*/_jsx(Popover, {
+      arrow: false,
+      content: /*#__PURE__*/_jsx(Flexbox, {
+        align: 'center',
+        gap: gap,
+        horizontal: true,
+        children: children
+      }),
+      styles: {
+        body: {
+          padding: 4
+        }
+      },
+      children: /*#__PURE__*/_jsx(ActionIcon, {
+        icon: CircleChevronUpIcon,
+        size: {
+          blockSize: 36,
+          size: 20
+        }
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(Flexbox, {
+    align: 'center',
+    flex: 'none',
+    gap: gap,
+    horizontal: true,
+    children: [/*#__PURE__*/_jsx(motion.div, {
+      animate: expanded ? 'open' : 'closed',
+      style: {
+        alignItems: 'center',
+        display: 'flex',
+        gap: gap,
+        overflow: 'hidden'
+      },
+      transition: {
+        duration: 0.2
+      },
+      variants: {
+        closed: {
+          opacity: 0,
+          width: 0
+        },
+        open: {
+          opacity: 1,
+          width: 'auto'
+        }
+      },
+      children: children
+    }), /*#__PURE__*/_jsx(ActionIcon, {
+      icon: expanded ? CircleChevronLeftIcon : CircleChevronRightIcon,
+      onClick: function onClick() {
+        return setExpaned(!expanded);
+      },
+      size: {
+        blockSize: 36,
+        size: 20
+      }
+    })]
+  });
+});
+ChatInputActionsCollapse.displayName = 'ChatInputActionsCollapse';
+export default ChatInputActionsCollapse;

package/es/react/ChatInputActions/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ChatInputActions';
+export type * from './type';

package/es/react/ChatInputActions/index.js

@@ -0,0 +1 @@
+export { default } from "./ChatInputActions";

package/es/react/ChatInputActions/style.d.ts

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

package/es/react/ChatInputActions/style.js

@@ -0,0 +1,10 @@
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n    overflow: hidden;\n    flex: 1;\n  "]))),
+    divider: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    margin-inline: 4px;\n  "])))
+  };
+});

package/es/react/ChatInputActions/type.d.ts

@@ -0,0 +1,38 @@
+import type { MenuInfo, MenuItemType } from '@lobehub/ui';
+import type { ReactNode } from 'react';
+import type { FlexboxProps } from 'react-layout-kit';
+export type ChatInputActionEvent = Pick<MenuInfo, 'key' | 'keyPath' | 'domEvent'>;
+export type ActionItem = MenuItemType & {
+    active?: boolean;
+    alwaysDisplay?: boolean;
+    children?: ReactNode;
+    wrapper?: (dom: ReactNode, key: string) => ReactNode;
+};
+export type DividerItem = {
+    type: 'divider';
+};
+export type CollapseItem = {
+    children: (ActionItem | DividerItem)[];
+    defaultExpand?: boolean;
+    expand?: boolean;
+    onChange?: (expand: boolean) => void;
+    type: 'collapse';
+};
+export type DropdownItem = Omit<ActionItem, 'children' | 'type'> & {
+    children: MenuItemType[];
+    type: 'dropdown';
+};
+export type ChatInputActionItem = ActionItem | DividerItem | CollapseItem | DropdownItem;
+export interface ChatInputActionsProps extends Omit<FlexboxProps, 'children'> {
+    disabled?: boolean;
+    items?: ChatInputActionItem[];
+    onActionClick?: (action: ChatInputActionEvent) => void;
+}
+export interface ChatInputActionsCollapseProps {
+    children?: ReactNode;
+    defaultExpand?: boolean;
+    expand?: boolean;
+    gap?: FlexboxProps['gap'];
+    mode?: 'default' | 'popup';
+    onChange?: (expand: boolean) => void;
+}

package/es/react/ChatInputActions/type.js

@@ -0,0 +1 @@
+export {};

package/es/react/CodeLanguageSelect/CodeLanguageSelect.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { CodeLanguageSelectProps } from './type';
+declare const CodeLanguageSelect: import("react").NamedExoticComponent<CodeLanguageSelectProps>;
+export default CodeLanguageSelect;

package/es/react/CodeLanguageSelect/CodeLanguageSelect.js

@@ -0,0 +1,96 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["className"];
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { MaterialFileTypeIcon, Select, Text } from '@lobehub/ui';
+import { memo, useMemo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import { bundledLanguagesInfo } from 'shiki';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var CodeLanguageSelect = /*#__PURE__*/memo(function (_ref) {
+  var className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  var options = useMemo(function () {
+    return [{
+      aliases: ['text', 'txt'],
+      label: /*#__PURE__*/_jsxs(Flexbox, {
+        align: 'center',
+        gap: 4,
+        horizontal: true,
+        children: [/*#__PURE__*/_jsx(MaterialFileTypeIcon, {
+          fallbackUnknownType: false,
+          filename: "*.txt",
+          size: 18,
+          type: 'file',
+          variant: 'raw'
+        }), /*#__PURE__*/_jsx(Text, {
+          ellipsis: true,
+          fontSize: 13,
+          children: "Plaintext"
+        })]
+      }),
+      value: 'plaintext'
+    }].concat(_toConsumableArray(bundledLanguagesInfo.map(function (item) {
+      var _item$aliases;
+      return {
+        aliases: item.aliases,
+        label: /*#__PURE__*/_jsxs(Flexbox, {
+          align: 'center',
+          gap: 4,
+          horizontal: true,
+          children: [/*#__PURE__*/_jsx(MaterialFileTypeIcon, {
+            fallbackUnknownType: false,
+            filename: "*.".concat((item === null || item === void 0 || (_item$aliases = item.aliases) === null || _item$aliases === void 0 ? void 0 : _item$aliases[0]) || item.id),
+            size: 18,
+            type: 'file',
+            variant: 'raw'
+          }), /*#__PURE__*/_jsx(Text, {
+            ellipsis: true,
+            fontSize: 13,
+            children: item.name
+          })]
+        }),
+        title: (item.aliases || [item.id]).filter(Boolean).map(function (item) {
+          return "*.".concat(item);
+        }).join(','),
+        value: item.id
+      };
+    })));
+  }, []);
+  return /*#__PURE__*/_jsx(Select, _objectSpread({
+    className: cx(styles.container, className),
+    defaultValue: 'plaintext',
+    filterOption: function filterOption(input, option) {
+      var _option$value, _option$aliases;
+      var lang = input.toLowerCase();
+      if (option !== null && option !== void 0 && (_option$value = option.value) !== null && _option$value !== void 0 && _option$value.startsWith(lang)) return true;
+      if (option !== null && option !== void 0 && (_option$aliases = option.aliases) !== null && _option$aliases !== void 0 && _option$aliases.some(function (item) {
+        return item.startsWith(lang);
+      })) return true;
+      return false;
+    },
+    options: options,
+    showSearch: true,
+    variant: 'filled'
+  }, rest));
+});
+CodeLanguageSelect.displayName = 'CodeLanguageSelect';
+export default CodeLanguageSelect;

package/es/react/CodeLanguageSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './CodeLanguageSelect';
+export * from './type';

package/es/react/CodeLanguageSelect/index.js

@@ -0,0 +1,2 @@
+export { default } from "./CodeLanguageSelect";
+export * from "./type";

package/es/react/CodeLanguageSelect/style.d.ts

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

package/es/react/CodeLanguageSelect/style.js

@@ -0,0 +1,9 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: 160px;\n  "])))
+  };
+});

package/es/react/CodeLanguageSelect/type.d.ts

@@ -0,0 +1,2 @@
+import type { SelectProps } from '@lobehub/ui';
+export type CodeLanguageSelectProps = Omit<SelectProps, 'options'>;

package/es/react/CodeLanguageSelect/type.js

@@ -0,0 +1 @@
+export {};

package/es/react/Editor/Editor.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { EditorProps } from './type';
+declare const Editor: import("react").NamedExoticComponent<EditorProps>;
+export default Editor;

package/es/react/Editor/Editor.js

@@ -0,0 +1,78 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["markdownWriter"];
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { createElement, memo } from 'react';
+import { ReactEditor } from "../../editor-kernel/react/react-editor";
+import { ReactEditorContent, ReactPlainText } from "../../plugins/common";
+import { ReactMentionPlugin } from "../../plugins/mention";
+import { ReactSlashOption, ReactSlashPlugin } from "../../plugins/slash";
+import { useEditorContent } from "../EditorProvider";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Editor = /*#__PURE__*/memo(function (_ref) {
+  var content = _ref.content,
+    style = _ref.style,
+    className = _ref.className,
+    editorRef = _ref.editorRef,
+    onChange = _ref.onChange,
+    placeholder = _ref.placeholder,
+    _ref$plugins = _ref.plugins,
+    plugins = _ref$plugins === void 0 ? [] : _ref$plugins,
+    _ref$slashOption = _ref.slashOption,
+    slashOption = _ref$slashOption === void 0 ? {} : _ref$slashOption,
+    _ref$mentionOption = _ref.mentionOption,
+    mentionOption = _ref$mentionOption === void 0 ? {} : _ref$mentionOption,
+    variant = _ref.variant,
+    theme = _ref.theme,
+    children = _ref.children;
+  var _useEditorContent = useEditorContent(),
+    config = _useEditorContent.config;
+  var enableSlash = Boolean((slashOption === null || slashOption === void 0 ? void 0 : slashOption.items) && slashOption.items.length > 0);
+  var enableMention = Boolean((mentionOption === null || mentionOption === void 0 ? void 0 : mentionOption.items) && mentionOption.items.length > 0);
+  var markdownWriter = mentionOption.markdownWriter,
+    restMentionOption = _objectWithoutProperties(mentionOption, _excluded);
+  return /*#__PURE__*/_jsxs(ReactEditor, {
+    config: config,
+    editorRef: editorRef,
+    children: [/*#__PURE__*/_jsx(ReactPlainText, {
+      className: className,
+      onChange: onChange,
+      style: style,
+      theme: theme,
+      variant: variant,
+      children: /*#__PURE__*/_jsx(ReactEditorContent, {
+        content: content,
+        placeholder: placeholder,
+        type: "json"
+      })
+    }), plugins.map(function (plugin, index) {
+      var withNoProps = typeof plugin === 'function';
+      if (withNoProps) return /*#__PURE__*/createElement(plugin, {
+        key: index
+      });
+      return /*#__PURE__*/createElement(plugin[0], _objectSpread({
+        key: index
+      }, plugin[1]));
+    }), enableMention && /*#__PURE__*/_jsx(ReactMentionPlugin, {
+      markdownWriter: markdownWriter
+    }), (enableSlash || enableMention) && /*#__PURE__*/_jsxs(ReactSlashPlugin, {
+      children: [enableSlash ? /*#__PURE__*/_jsx(ReactSlashOption, _objectSpread({
+        maxLength: 1,
+        trigger: "/"
+      }, slashOption)) : undefined, enableMention ? /*#__PURE__*/_jsx(ReactSlashOption, _objectSpread({
+        maxLength: 6,
+        trigger: "@"
+      }, restMentionOption)) : undefined]
+    }), children]
+  });
+});
+Editor.displayName = 'Editor';
+export default Editor;

package/es/react/Editor/index.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import type { EditorProps } from './type';
+import { useEditor } from './useEditor';
+import { withProps } from './utils';
+interface IEditor {
+    (props: EditorProps): ReactNode;
+    useEditor: typeof useEditor;
+    withProps: typeof withProps;
+}
+declare const Editor: IEditor;
+export default Editor;
+export * from './type';
+export { useEditor } from './useEditor';
+export * from './utils';

package/es/react/Editor/index.js

@@ -0,0 +1,10 @@
+import EditorParent from "./Editor";
+import { useEditor } from "./useEditor";
+import { withProps } from "./utils";
+var Editor = EditorParent;
+Editor.useEditor = useEditor;
+Editor.withProps = withProps;
+export default Editor;
+export * from "./type";
+export { useEditor } from "./useEditor";
+export * from "./utils";

package/es/react/Editor/type.d.ts

@@ -0,0 +1,24 @@
+import type { CSSProperties, FC, ReactNode, Ref } from 'react';
+import type { ReactEditorContentProps, ReactPlainTextProps } from "../../plugins/common/react";
+import type { ReactMentionPluginProps } from "../../plugins/mention/react";
+import type { ReactSlashOptionProps } from "../../plugins/slash/react";
+import type { IEditor } from "../../types";
+export type EditorPlugin = FC<any> | [FC<any>, Record<string, any>];
+interface MentionOption extends Partial<ReactSlashOptionProps> {
+    markdownWriter?: ReactMentionPluginProps['markdownWriter'];
+}
+export interface EditorProps {
+    children?: ReactNode;
+    className?: string;
+    content?: ReactEditorContentProps['content'];
+    editorRef?: Ref<IEditor>;
+    mentionOption?: MentionOption;
+    onChange?: (editor: IEditor) => void;
+    placeholder?: ReactNode;
+    plugins?: EditorPlugin[];
+    slashOption?: Partial<ReactSlashOptionProps>;
+    style?: CSSProperties;
+    theme?: ReactPlainTextProps['theme'];
+    variant?: ReactPlainTextProps['variant'];
+}
+export {};

package/es/react/Editor/type.js

@@ -0,0 +1 @@
+export {};

package/es/react/Editor/useEditor.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IEditor } from "../../types";
+export declare const useEditor: () => import("react").RefObject<IEditor | null>;

package/es/react/Editor/useEditor.js

@@ -0,0 +1,4 @@
+import { useRef } from 'react';
+export var useEditor = function useEditor() {
+  return useRef(null);
+};