@yuntijs/ui 1.0.0-beta.9 → 1.0.0-beta.90

package/es/Mentions/plugins/mention-picker/utils.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { MenuOption } from '@lexical/react/LexicalTypeaheadMenuPlugin';
+export interface MentionMenuOptionInitParams {
+    label: string;
+    value: string;
+    data?: any;
+    icon?: JSX.Element;
+    extraElement?: JSX.Element;
+    keywords?: Array<string>;
+    keyboardShortcut?: string;
+    disabled?: boolean;
+    onSelect: (queryString: string) => void;
+    isChild?: boolean;
+    children?: MentionMenuOptionInitParams[];
+}
+export declare class MentionMenuOption extends MenuOption {
+    label: string;
+    value: string;
+    title: string;
+    key: string;
+    icon?: JSX.Element;
+    extraElement?: JSX.Element;
+    keywords: Array<string>;
+    keyboardShortcut?: string;
+    onSelect: (queryString: string) => void;
+    disabled?: boolean;
+    data?: any;
+    children?: MentionMenuOption[];
+    isChild?: boolean;
+    constructor({ label, value, data, icon, extraElement, keywords, keyboardShortcut, disabled, onSelect, children, isChild, }: MentionMenuOptionInitParams);
+}

package/es/Mentions/plugins/mention-picker/utils.js

@@ -0,0 +1,66 @@
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+import { MenuOption } from '@lexical/react/LexicalTypeaheadMenuPlugin';
+export var MentionMenuOption = /*#__PURE__*/function (_MenuOption) {
+  _inherits(MentionMenuOption, _MenuOption);
+  var _super = _createSuper(MentionMenuOption);
+  function MentionMenuOption(_ref) {
+    var _this;
+    var label = _ref.label,
+      value = _ref.value,
+      data = _ref.data,
+      icon = _ref.icon,
+      extraElement = _ref.extraElement,
+      keywords = _ref.keywords,
+      keyboardShortcut = _ref.keyboardShortcut,
+      disabled = _ref.disabled,
+      onSelect = _ref.onSelect,
+      children = _ref.children,
+      isChild = _ref.isChild;
+    _classCallCheck(this, MentionMenuOption);
+    _this = _super.call(this, value);
+    _defineProperty(_assertThisInitialized(_this), "label", void 0);
+    _defineProperty(_assertThisInitialized(_this), "value", void 0);
+    // for Tree, the same as label
+    _defineProperty(_assertThisInitialized(_this), "title", void 0);
+    // for Tree, the same as value
+    _defineProperty(_assertThisInitialized(_this), "key", void 0);
+    _defineProperty(_assertThisInitialized(_this), "icon", void 0);
+    _defineProperty(_assertThisInitialized(_this), "extraElement", void 0);
+    _defineProperty(_assertThisInitialized(_this), "keywords", void 0);
+    _defineProperty(_assertThisInitialized(_this), "keyboardShortcut", void 0);
+    _defineProperty(_assertThisInitialized(_this), "onSelect", void 0);
+    _defineProperty(_assertThisInitialized(_this), "disabled", void 0);
+    _defineProperty(_assertThisInitialized(_this), "data", void 0);
+    _defineProperty(_assertThisInitialized(_this), "children", void 0);
+    _defineProperty(_assertThisInitialized(_this), "isChild", void 0);
+    _this.value = value;
+    _this.label = label;
+    _this.title = label;
+    _this.key = value;
+    _this.keywords = keywords || [];
+    _this.icon = icon;
+    _this.extraElement = extraElement;
+    _this.keyboardShortcut = keyboardShortcut;
+    _this.onSelect = onSelect.bind(_assertThisInitialized(_this));
+    _this.disabled = disabled;
+    _this.data = data;
+    _this.isChild = isChild !== null && isChild !== void 0 ? isChild : false;
+    _this.children = children === null || children === void 0 ? void 0 : children.map(function (m) {
+      return new MentionMenuOption(_objectSpread(_objectSpread({}, m), {}, {
+        isChild: true
+      }));
+    });
+    return _this;
+  }
+  return _createClass(MentionMenuOption);
+}(MenuOption);

package/es/Mentions/provider.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { MentionsOptionsMap } from './types';
+interface Value {
+    optionsMap: MentionsOptionsMap;
+}
+export declare const MentionsConfigContext: import("react").Context<Value | null>;
+export declare const MentionsConfigProvider: import("react").NamedExoticComponent<{
+    children: ReactNode;
+    value: Value;
+}>;
+export declare const useOptionsMap: () => MentionsOptionsMap | undefined;
+export {};

package/es/Mentions/provider.js

@@ -0,0 +1,15 @@
+import { createContext, memo, useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var MentionsConfigContext = /*#__PURE__*/createContext(null);
+export var MentionsConfigProvider = /*#__PURE__*/memo(function (_ref) {
+  var children = _ref.children,
+    value = _ref.value;
+  return /*#__PURE__*/_jsx(MentionsConfigContext.Provider, {
+    value: value,
+    children: children
+  });
+});
+export var useOptionsMap = function useOptionsMap() {
+  var config = useContext(MentionsConfigContext);
+  return config === null || config === void 0 ? void 0 : config.optionsMap;
+};

package/es/Mentions/style.d.ts

@@ -0,0 +1,11 @@
+import { AutoSize } from './types';
+export declare const useStyles: (props?: {
+    autoSize?: AutoSize | undefined;
+} | undefined) => import("antd-style").ReturnStyles<{
+    wrapper: import("antd-style").SerializedStyles;
+    placeholder: import("antd-style").SerializedStyles;
+    root: import("antd-style").SerializedStyles;
+    filled: import("antd-style").SerializedStyles;
+    borderless: import("antd-style").SerializedStyles;
+    disabled: import("antd-style").SerializedStyles;
+}>;

package/es/Mentions/style.js

@@ -0,0 +1,22 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+import { createStyles } from 'antd-style';
+var inputHeight = 32;
+var lineHeight = 22;
+var calculateHeight = function calculateHeight(rows) {
+  return inputHeight + Math.max(rows - 1, 0) * lineHeight;
+};
+export var useStyles = createStyles(function (_ref, _ref2) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  var autoSize = _ref2.autoSize;
+  return {
+    wrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        position: relative;\n        display: inline-block;\n        width: 100%;\n        min-width: 0;\n      "]))),
+    placeholder: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        pointer-events: none;\n        user-select: none;\n\n        position: absolute;\n        top: 0;\n        left: 13px;\n\n        height: ", "px;\n\n        font-size: ", "px;\n        line-height: ", "px;\n        color: ", ";\n      "])), inputHeight, token.fontSize, inputHeight, token.colorTextPlaceholder),
+    root: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        outline: none;\n        border: 1px solid ", ";\n        border-radius: ", "px;\n\n        margin: 0;\n        padding: 4px 11px;\n\n        color: ", ";\n        font-size: ", "px;\n        font-family: ", ";\n\n        display: inline-block;\n\n        width: 100%;\n        min-width: 0;\n\n        ", "\n        ", "\n        overflow: auto;\n\n        transition: all ", ";\n        &:focus {\n          border-color: ", ";\n        }\n        p {\n          margin-bottom: 0;\n          margin-block: 0 0;\n          line-height: ", "px;\n        }\n      "])), token.colorBorder, token.borderRadius, token.colorText, token.fontSize, token.fontFamily, (autoSize === null || autoSize === void 0 ? void 0 : autoSize.minRows) && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          min-height: ", "px;\n        "])), calculateHeight(autoSize.minRows)), (autoSize === null || autoSize === void 0 ? void 0 : autoSize.maxRows) && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          max-height: ", "px;\n        "])), calculateHeight(autoSize.maxRows)), token.motionDurationMid, token.colorPrimaryBorder, lineHeight),
+    filled: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        background: ", ";\n        border-color: transparent;\n        &:hover {\n          background: ", ";\n        }\n        &:focus {\n          background: ", ";\n        }\n      "])), token.colorFillTertiary, token.colorFillSecondary, token.colorBgBase),
+    borderless: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        background: transparent;\n        border: none;\n      "]))),
+    disabled: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        cursor: not-allowed;\n        color: ", ";\n        background: ", ";\n      "])), token.colorTextDisabled, token.colorBgContainerDisabled)
+  };
+});

package/es/Mentions/types.d.ts

@@ -0,0 +1,12 @@
+import { MentionMenuOptionInitParams } from './plugins/mention-picker/utils';
+export interface MentionOption extends Omit<MentionMenuOptionInitParams, 'onSelect' | 'children'> {
+    /** 选中后展示的 label 名称，不指定则直接使用 label */
+    selectedLabel?: string;
+    error?: string;
+    children?: MentionOption[];
+}
+export type MentionsOptionsMap = Record<string, MentionOption>;
+export interface AutoSize {
+    minRows?: number;
+    maxRows?: number;
+}

package/es/Mentions/types.js

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

package/es/Mentions/utils.d.ts

@@ -0,0 +1,9 @@
+import type { EntityMatch } from '@lexical/text';
+import type { LexicalNode, TextNode } from 'lexical';
+import { CustomTextNode } from './plugins/custom-text/node';
+export declare const INSERT_MENTION_COMMAND: import("lexical").LexicalCommand<unknown>;
+export declare const DELETE_MENTION_COMMAND: import("lexical").LexicalCommand<unknown>;
+export declare const CLEAR_HIDE_MENU_TIMEOUT: import("lexical").LexicalCommand<unknown>;
+export declare const UPDATE_MENTIONS_OPTIONS: import("lexical").LexicalCommand<unknown>;
+export declare const decoratorTransform: (node: CustomTextNode, getMatch: (text: string) => null | EntityMatch, createNode: (textNode: TextNode) => LexicalNode) => void;
+export declare function textToEditorState(text: string): string;

package/es/Mentions/utils.js

@@ -0,0 +1,95 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { $isTextNode, createCommand } from 'lexical';
+export var INSERT_MENTION_COMMAND = createCommand('INSERT_MENTION_COMMAND');
+export var DELETE_MENTION_COMMAND = createCommand('DELETE_MENTION_COMMAND');
+export var CLEAR_HIDE_MENU_TIMEOUT = createCommand('CLEAR_HIDE_MENU_TIMEOUT');
+export var UPDATE_MENTIONS_OPTIONS = createCommand('UPDATE_MENTIONS_OPTIONS');
+export var decoratorTransform = function decoratorTransform(node, getMatch, createNode) {
+  if (!node.isSimpleText()) {
+    return;
+  }
+  var prevSibling = node.getPreviousSibling();
+  var text = node.getTextContent();
+  var currentNode = node;
+  var match;
+
+  // eslint-disable-next-line no-constant-condition
+  while (true) {
+    match = getMatch(text);
+    var nextText = match === null ? '' : text.slice(match.end);
+    text = nextText;
+    if (nextText === '') {
+      var nextSibling = currentNode.getNextSibling();
+      if ($isTextNode(nextSibling)) {
+        nextText = currentNode.getTextContent() + nextSibling.getTextContent();
+        var nextMatch = getMatch(nextText);
+        if (nextMatch === null) {
+          nextSibling.markDirty();
+          return;
+        } else if (nextMatch.start !== 0) {
+          return;
+        }
+      }
+    } else {
+      var _nextMatch = getMatch(nextText);
+      if (_nextMatch !== null && _nextMatch.start === 0) {
+        return;
+      }
+    }
+    if (match === null) {
+      return;
+    }
+    if (match.start === 0 && $isTextNode(prevSibling) && prevSibling.isTextEntity()) {
+      continue;
+    }
+    var nodeToReplace = void 0;
+    if (match.start === 0) {
+      var _currentNode$splitTex = currentNode.splitText(match.end);
+      var _currentNode$splitTex2 = _slicedToArray(_currentNode$splitTex, 2);
+      nodeToReplace = _currentNode$splitTex2[0];
+      currentNode = _currentNode$splitTex2[1];
+    } else {
+      var _currentNode$splitTex3 = currentNode.splitText(match.start, match.end);
+      var _currentNode$splitTex4 = _slicedToArray(_currentNode$splitTex3, 3);
+      nodeToReplace = _currentNode$splitTex4[1];
+      currentNode = _currentNode$splitTex4[2];
+    }
+    var replacementNode = createNode(nodeToReplace);
+    nodeToReplace.replace(replacementNode);
+
+    // eslint-disable-next-line eqeqeq
+    if (currentNode == null) {
+      return;
+    }
+  }
+};
+export function textToEditorState(text) {
+  var paragraph = text.split('\n');
+  return JSON.stringify({
+    root: {
+      children: paragraph.map(function (p) {
+        return {
+          children: [{
+            detail: 0,
+            format: 0,
+            mode: 'normal',
+            style: '',
+            text: p,
+            type: 'custom-text',
+            version: 1
+          }],
+          direction: 'ltr',
+          format: '',
+          indent: 0,
+          type: 'paragraph',
+          version: 1
+        };
+      }),
+      direction: 'ltr',
+      format: '',
+      indent: 0,
+      type: 'root',
+      version: 1
+    }
+  });
+}

package/es/Modal/index.d.ts

@@ -0,0 +1,19 @@
+import { type ModalFuncProps as AntdModalFuncProps, type ModalProps as AntdModalProps } from 'antd';
+import React from 'react';
+export type ModalFuncProps = AntdModalFuncProps;
+interface CustomModalProps {
+    /**
+     * @description Whether support border-bottom of header and border-top of footer.
+     * @default 'true'
+     */
+    borderd?: boolean;
+}
+export interface ModalProps extends AntdModalProps, CustomModalProps {
+}
+export declare const Modal: React.FC<AntdModalProps> & import("antd/es/modal/confirm").ModalStaticFunctions & {
+    useModal: typeof import("antd/es/modal/useModal").default;
+    destroyAll: () => void;
+    config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/modal/PurePanel").PurePanelProps) => React.JSX.Element;
+};
+export default Modal;

package/es/Modal/index.js

@@ -0,0 +1,36 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "borderd"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { Modal as AntdModal } from 'antd';
+import React from 'react';
+import { prefixCls } from "../utils/constants";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var OriginModal = function OriginModal(props) {
+  var className = props.className,
+    _props$borderd = props.borderd,
+    borderd = _props$borderd === void 0 ? true : _props$borderd,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useStyles = useStyles(_objectSpread({
+      borderd: borderd
+    }, otherProps)),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/_jsx(AntdModal, _objectSpread(_objectSpread({}, otherProps), {}, {
+    className: cx(styles.custom, "".concat(prefixCls, "-modal"), className)
+  }));
+};
+export var Modal = OriginModal;
+Modal.useModal = AntdModal.useModal;
+Modal.destroyAll = AntdModal.destroyAll;
+Modal.config = AntdModal.config;
+Modal._InternalPanelDoNotUseOrYouWillBeFired = AntdModal._InternalPanelDoNotUseOrYouWillBeFired;
+Modal.info = AntdModal.info;
+Modal.success = AntdModal.success;
+Modal.error = AntdModal.error;
+Modal.warning = AntdModal.warning;
+Modal.warn = AntdModal.warn;
+Modal.confirm = AntdModal.confirm;
+export default Modal;

package/es/Modal/style.d.ts

@@ -0,0 +1,4 @@
+import { ModalProps } from './index';
+export declare const useStyles: (props?: ModalProps | undefined) => import("antd-style").ReturnStyles<{
+    custom: import("antd-style").SerializedStyles;
+}>;

package/es/Modal/style.js

@@ -0,0 +1,17 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref, _ref2) {
+  var css = _ref.css,
+    prefixCls = _ref.prefixCls;
+  var _ref2$borderd = _ref2.borderd,
+    borderd = _ref2$borderd === void 0 ? true : _ref2$borderd,
+    footer = _ref2.footer;
+  var noFooter = footer === null || Array.isArray(footer) && footer.length === 0;
+  var borderdStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      .", "-modal-header::after {\n        content: ' ';\n\n        position: absolute;\n        top: 56px;\n        left: 0;\n\n        width: 100%;\n        height: 1px;\n\n        background: rgba(5, 5, 5, 0.06);\n      }\n      .", "-modal-body {\n        margin-top: 40px;\n        margin-bottom: ", ";\n      }\n      .", "-modal-body::after {\n        content: ' ';\n\n        position: absolute;\n        bottom: 72px;\n        left: 0;\n\n        width: 100%;\n        height: ", ";\n\n        background: rgba(5, 5, 5, 0.06);\n      }\n    "])), prefixCls, prefixCls, noFooter ? 0 : '40px', prefixCls, noFooter ? 0 : '1px');
+  return {
+    custom: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        ", "\n      "])), borderd && borderdStyle)
+  };
+}, {
+  hashPriority: 'low'
+});

package/es/MonacoEditor/base/controller.d.ts

@@ -0,0 +1,17 @@
+export interface EditorMeta {
+    singleton: boolean;
+    [key: string]: any;
+}
+export declare class Controller {
+    private methodMap;
+    private meta;
+    constructor();
+    registerMethod(name: string, fn: (...args: any[]) => void): void;
+    call(name: string, ...args: any[]): void;
+    updateMeta(obj: Partial<EditorMeta>): void;
+    getMeta(): Readonly<{
+        [x: string]: any;
+        singleton: boolean;
+    }>;
+}
+export declare const controller: Controller;

package/es/MonacoEditor/base/controller.js

@@ -0,0 +1,49 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { isBrowser } from "../../utils/tools";
+export var Controller = /*#__PURE__*/function () {
+  function Controller() {
+    _classCallCheck(this, Controller);
+    _defineProperty(this, "methodMap", void 0);
+    _defineProperty(this, "meta", void 0);
+    this.methodMap = {};
+    this.meta = {
+      singleton: false
+    };
+  }
+  _createClass(Controller, [{
+    key: "registerMethod",
+    value: function registerMethod(name, fn) {
+      this.methodMap[name] = fn;
+    }
+  }, {
+    key: "call",
+    value: function call(name) {
+      var _this$methodMap$name, _this$methodMap;
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+      return (_this$methodMap$name = (_this$methodMap = this.methodMap)[name]) === null || _this$methodMap$name === void 0 ? void 0 : _this$methodMap$name.call.apply(_this$methodMap$name, [_this$methodMap].concat(args));
+    }
+  }, {
+    key: "updateMeta",
+    value: function updateMeta(obj) {
+      Object.assign(this.meta, obj);
+    }
+  }, {
+    key: "getMeta",
+    value: function getMeta() {
+      return Object.freeze(_objectSpread({}, this.meta));
+    }
+  }]);
+  return Controller;
+}();
+var CONFIGURE_KEY = '__base_monaco_editor_controller__';
+var fakeWindow = isBrowser && window;
+if (fakeWindow && !fakeWindow[CONFIGURE_KEY]) {
+  fakeWindow[CONFIGURE_KEY] = new Controller();
+}
+export var controller = fakeWindow[CONFIGURE_KEY];

package/es/MonacoEditor/base/helper.d.ts

@@ -0,0 +1,65 @@
+import { Monaco } from '@monaco-editor/loader';
+import type { editor as IEditor } from 'monaco-editor';
+import React, { CSSProperties } from 'react';
+/**
+ * @see https://microsoft.github.io/monaco-editor/api/index.html
+ */
+export type IEditorInstance = IEditor.IStandaloneCodeEditor | IEditor.IStandaloneDiffEditor;
+export type EditorEnhancer = (monaco: Monaco, editorIns: IEditorInstance) => any;
+export interface IGeneralManacoEditorProps {
+    /** [Monaco editor options](https://microsoft.github.io/monaco-editor/) */
+    options?: Record<string, any>;
+    /** callback after monaco's loaded and after editor's loaded */
+    editorDidMount?: (monaco: Monaco, editor: IEditorInstance) => void;
+    /** callback after monaco's loaded and before editor's loaded */
+    editorWillMount?: (monaco: Monaco) => void;
+    /** path of the current model, useful when creating a multi-model editor */
+    path?: string;
+    /** whether to save the models' view states between model changes or not */
+    saveViewState?: boolean;
+    /** language of the editor @see https://microsoft.github.io/monaco-editor/ for available languages */
+    language?: string;
+    /** theme of the editor, "light" | "vs-dark" */
+    theme?: string;
+    /** [config passing to require](https://github.com/suren-atoyan/monaco-react#loader-config), can be used to upgrade monaco-editor */
+    requireConfig?: Record<string, any>;
+    /** value, controlled */
+    value?: string;
+    /** defaultValue for creating model, uncontrolled */
+    defaultValue?: string;
+    /** className of wrapper */
+    className?: string;
+    /** width of wrapper */
+    width?: number | string;
+    /** height of wrapper */
+    height?: number | string;
+    /** whether to enable outline of wrapper or not */
+    enableOutline?: boolean;
+    /** style of wrapper */
+    style?: CSSProperties;
+    enhancers?: EditorEnhancer[];
+}
+export interface ISingleMonacoEditorProps extends IGeneralManacoEditorProps {
+    onChange?: (input: string, event: IEditor.IModelContentChangedEvent) => void;
+    supportFullScreen?: boolean;
+}
+export interface IDiffMonacoEditorProps extends IGeneralManacoEditorProps {
+    onChange?: (input: string, event: IEditor.IModelContentChangedEvent) => void;
+    supportFullScreen?: boolean;
+    original?: string;
+}
+export declare const WORD_EDITOR_INITIALIZING: string;
+export declare const INITIAL_OPTIONS: IEditor.IStandaloneEditorConstructionOptions;
+export declare const useEditor: <T = IEditorInstance>(type: 'single' | 'diff', props: IGeneralManacoEditorProps) => {
+    readonly isEditorReady: boolean;
+    readonly focused: boolean;
+    readonly loading: boolean;
+    readonly containerRef: React.MutableRefObject<HTMLDivElement | undefined>;
+    readonly monacoRef: React.MutableRefObject<typeof import("monaco-editor") | undefined>;
+    readonly editorRef: React.MutableRefObject<T>;
+    readonly valueRef: React.MutableRefObject<string | undefined>;
+};
+export declare const useFullScreen: (editor?: IEditor.IStandaloneCodeEditor) => {
+    isFullScreen: boolean;
+    fullScreen: () => void;
+};