amis-rev-ui 6.13.0

package/lib/components/CodeMirror.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type CodeMirror from 'codemirror';
+export interface CodeMirrorEditorProps {
+    className?: string;
+    style?: any;
+    value?: string;
+    readOnly?: boolean;
+    onChange?: (value: string) => void;
+    onFocus?: (e: any) => void;
+    onBlur?: (e: any) => void;
+    editorFactory?: (dom: HTMLElement, cm: typeof CodeMirror, props?: any) => CodeMirror.Editor;
+    editorDidMount?: (cm: typeof CodeMirror, editor: CodeMirror.Editor) => void;
+    editorWillUnMount?: (cm: typeof CodeMirror, editor: CodeMirror.Editor) => void;
+}
+export declare class CodeMirrorEditor extends React.Component<CodeMirrorEditorProps> {
+    dom: React.RefObject<HTMLDivElement>;
+    editor?: CodeMirror.Editor;
+    toDispose: Array<() => void>;
+    unmounted: boolean;
+    componentDidMount(): Promise<void>;
+    componentDidUpdate(prevProps: CodeMirrorEditorProps): void;
+    componentWillUnmount(): void;
+    handleChange(editor: any): void;
+    handleBlur(editor: any): void;
+    handleFocus(editor: any): void;
+    setValue(value?: string): void;
+    render(): React.JSX.Element;
+}
+export default CodeMirrorEditor;

package/lib/components/ColorPicker.js

@@ -0,0 +1,267 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+'use strict';
+
+/**
+ * @file ColorPicker
+ * @description 颜色选择器组件
+ * @author fex
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorControl = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var amis_rev_core_1 = require("amis-rev-core");
+var react_color_1 = require("react-color");
+var icons_1 = require("./icons");
+var amis_rev_core_2 = require("amis-rev-core");
+var amis_rev_core_3 = require("amis-rev-core");
+var amis_rev_core_4 = require("amis-rev-core");
+var PopUp_1 = tslib_1.__importDefault(require("./PopUp"));
+var amis_rev_core_5 = require("amis-rev-core");
+var amis_rev_core_6 = require("amis-rev-core");
+var amis_rev_core_7 = require("amis-rev-core");
+var ColorControl = /** @class */ (function (_super) {
+    tslib_1.__extends(ColorControl, _super);
+    function ColorControl(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            isOpened: false,
+            isFocused: false,
+            inputValue: _this.props.value || '',
+            tempValue: _this.props.value || ''
+        };
+        _this.open = _this.open.bind(_this);
+        _this.close = _this.close.bind(_this);
+        _this.focus = _this.focus.bind(_this);
+        _this.blur = _this.blur.bind(_this);
+        _this.handleChange = _this.handleChange.bind(_this);
+        _this.handleTempChange = _this.handleTempChange.bind(_this);
+        _this.handleConfirm = _this.handleConfirm.bind(_this);
+        _this.handleFocus = _this.handleFocus.bind(_this);
+        _this.handleBlur = _this.handleBlur.bind(_this);
+        _this.clearValue = _this.clearValue.bind(_this);
+        _this.handleInputChange = _this.handleInputChange.bind(_this);
+        _this.handleClick = _this.handleClick.bind(_this);
+        _this.preview = react_1.default.createRef();
+        _this.input = react_1.default.createRef();
+        return _this;
+    }
+    ColorControl.prototype.componentDidUpdate = function (prevProps) {
+        var props = this.props;
+        if (prevProps.value !== props.value) {
+            this.setState({
+                inputValue: props.value || ''
+            });
+        }
+    };
+    ColorControl.prototype.handleFocus = function () {
+        this.setState({
+            isFocused: true
+        });
+    };
+    ColorControl.prototype.handleBlur = function () {
+        this.setState({
+            isFocused: false,
+            inputValue: this.props.value
+        });
+    };
+    ColorControl.prototype.focus = function () {
+        this.input.current && this.input.current.focus();
+    };
+    ColorControl.prototype.blur = function () {
+        this.input.current && this.input.current.blur();
+    };
+    ColorControl.prototype.open = function (fn) {
+        if (this.props.disabled) {
+            return;
+        }
+        this.setState({
+            isOpened: true
+        }, fn);
+    };
+    ColorControl.prototype.close = function () {
+        this.setState({
+            isOpened: false
+        });
+    };
+    ColorControl.prototype.clearValue = function () {
+        var _a = this.props, onChange = _a.onChange, resetValue = _a.resetValue;
+        onChange(resetValue || '');
+    };
+    ColorControl.prototype.handleClick = function () {
+        this.state.isOpened ? this.close() : this.open(this.focus);
+    };
+    ColorControl.prototype.handleInputChange = function (e) {
+        var _this = this;
+        if (!this.props.allowCustomColor) {
+            return;
+        }
+        var onChange = this.props.onChange;
+        this.setState({
+            inputValue: e.currentTarget.value
+        }, function () {
+            var isValidated = _this.validateColor(_this.state.inputValue);
+            if (isValidated) {
+                onChange(_this.state.inputValue);
+            }
+        });
+    };
+    ColorControl.prototype.validateColor = function (value) {
+        if (value === '') {
+            return false;
+        }
+        if (value === 'inherit') {
+            return false;
+        }
+        if (value === 'transparent') {
+            return false;
+        }
+        var image = document.createElement('img');
+        image.style.color = 'rgb(0, 0, 0)';
+        image.style.color = value;
+        if (image.style.color !== 'rgb(0, 0, 0)') {
+            return true;
+        }
+        image.style.color = 'rgb(255, 255, 255)';
+        image.style.color = value;
+        return image.style.color !== 'rgb(255, 255, 255)';
+    };
+    ColorControl.prototype.handleChange = function (color) {
+        var _a = this.props, onChange = _a.onChange, format = _a.format
+        // closeOnSelect
+        ;
+        if (format === 'rgba') {
+            onChange("rgba(".concat(color.rgb.r, ", ").concat(color.rgb.g, ", ").concat(color.rgb.b, ", ").concat(color.rgb.a, ")"));
+        }
+        else if (format === 'rgb') {
+            onChange("rgb(".concat(color.rgb.r, ", ").concat(color.rgb.g, ", ").concat(color.rgb.b, ")"));
+        }
+        else if (format === 'hexa') {
+            onChange(this.rgbaToHex(color.rgb.r, color.rgb.g, color.rgb.b, color.rgb.a));
+        }
+        else if (format === 'hsl') {
+            onChange("hsl(".concat(Math.round(color.hsl.h), ", ").concat(Math.round(color.hsl.s * 100), "%, ").concat(Math.round(color.hsl.l * 100), "%)"));
+        }
+        else {
+            onChange(color.hex);
+        }
+        // closeOnSelect && this.close();
+    };
+    ColorControl.prototype.handleTempChange = function (color) {
+        var tempValue = this.state.tempValue;
+        var format = this.props.format;
+        if (format === 'rgba') {
+            tempValue = "rgba(".concat(color.rgb.r, ", ").concat(color.rgb.g, ", ").concat(color.rgb.b, ", ").concat(color.rgb.a, ")");
+        }
+        else if (format === 'rgb') {
+            tempValue = "rgb(".concat(color.rgb.r, ", ").concat(color.rgb.g, ", ").concat(color.rgb.b, ")");
+        }
+        else if (format === 'hexa') {
+            tempValue = this.rgbaToHex(color.rgb.r, color.rgb.g, color.rgb.b, color.rgb.a);
+        }
+        else if (format === 'hsl') {
+            tempValue = "hsl(".concat(Math.round(color.hsl.h), ", ").concat(Math.round(color.hsl.s * 100), "%, ").concat(Math.round(color.hsl.l * 100), "%)");
+        }
+        else {
+            tempValue = color.hex;
+        }
+        this.setState({ tempValue: tempValue });
+    };
+    ColorControl.prototype.handleConfirm = function () {
+        var onChange = this.props.onChange;
+        var tempValue = this.state.tempValue;
+        onChange(tempValue);
+        this.close();
+    };
+    /**
+     * Converts an RGBA color to an 8-digit hex color.
+     *
+     * @param r - Red component (0-255)
+     * @param g - Green component (0-255)
+     * @param b - Blue component (0-255)
+     * @param a - Alpha component (1-100)
+     * @returns The hex color string in the format #RRGGBBAA
+     */
+    ColorControl.prototype.rgbaToHex = function (r, g, b, a) {
+        if (r < 0 || r > 255 || g < 0 || g > 255 || b < 0 || b > 255) {
+            return "#00000000";
+        }
+        if (typeof a === 'undefined' || a > 1) {
+            a = 1;
+        }
+        if (a < 0.01) {
+            a = 0;
+        }
+        var toHex = function (n) { return n.toString(16).padStart(2, '0').toUpperCase(); };
+        var alphaHex = toHex(Math.round(a * 255));
+        var redHex = toHex(r);
+        var greenHex = toHex(g);
+        var blueHex = toHex(b);
+        return "#".concat(redHex).concat(greenHex).concat(blueHex).concat(alphaHex);
+    };
+    ColorControl.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, ns = _a.classPrefix, className = _a.className, popoverClassName = _a.popoverClassName, value = _a.value, placeholder = _a.placeholder, disabled = _a.disabled, popOverContainer = _a.popOverContainer, popOverContainerSelector = _a.popOverContainerSelector, format = _a.format, clearable = _a.clearable, placement = _a.placement, cx = _a.classnames, presetColors = _a.presetColors, allowCustomColor = _a.allowCustomColor, mobileUI = _a.mobileUI;
+        var __ = this.props.translate;
+        var isOpened = this.state.isOpened;
+        var isFocused = this.state.isFocused;
+        var tempValue = this.state.tempValue;
+        return (react_1.default.createElement("div", { className: cx("ColorPicker", {
+                'is-disabled': disabled,
+                'is-focused': isFocused,
+                'is-opened': isOpened
+            }, className) },
+            react_1.default.createElement("span", { onClick: this.handleClick, className: cx('ColorPicker-preview') },
+                react_1.default.createElement("i", { ref: this.preview, className: "".concat(ns, "ColorPicker-previewIcon"), style: { background: this.state.inputValue || '#ccc' } })),
+            react_1.default.createElement("input", { ref: this.input, type: "text", autoComplete: "off", size: 10, className: cx('ColorPicker-input'), value: this.state.inputValue || '', placeholder: __(placeholder), disabled: disabled, onChange: this.handleInputChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick, readOnly: mobileUI }),
+            clearable && !disabled && value ? (react_1.default.createElement("a", { onClick: this.clearValue, className: cx('ColorPicker-clear') },
+                react_1.default.createElement(icons_1.Icon, { icon: "input-clear", className: "icon" }))) : null,
+            react_1.default.createElement("span", { className: cx('ColorPicker-arrow') },
+                react_1.default.createElement(icons_1.Icon, { icon: "right-arrow-bold", className: "icon", onClick: this.handleClick })),
+            !mobileUI && isOpened ? (react_1.default.createElement(amis_rev_core_2.Overlay, { placement: placement || 'auto', target: function () { return (0, amis_rev_core_1.findDomCompat)(_this); }, onHide: this.close, container: popOverContainer || (function () { return (0, amis_rev_core_1.findDomCompat)(_this); }), containerSelector: popOverContainerSelector, rootClose: false, show: true },
+                react_1.default.createElement(amis_rev_core_4.PopOver, { classPrefix: ns, className: cx('ColorPicker-popover', popoverClassName), onHide: this.close, overlay: true }, allowCustomColor ? (react_1.default.createElement(react_color_1.SketchPicker, { styles: {}, disableAlpha: !!~['rgb', 'hex'].indexOf(format), color: value, presetColors: presetColors, onChangeComplete: this.handleChange })) : (react_1.default.createElement(react_color_1.GithubPicker, { color: value, colors: Array.isArray(presetColors)
+                        ? presetColors
+                            .filter(function (item) { return typeof item === 'string' || (0, amis_rev_core_6.isObject)(item); })
+                            .map(function (item) {
+                            return typeof item === 'string'
+                                ? item
+                                : (0, amis_rev_core_6.isObject)(item)
+                                    ? item === null || item === void 0 ? void 0 : item.color
+                                    : item;
+                        })
+                        : undefined, onChangeComplete: this.handleChange }))))) : null,
+            mobileUI && (react_1.default.createElement(PopUp_1.default, { className: cx("".concat(ns, "ColorPicker-popup")), container: popOverContainer, isShow: isOpened, onHide: this.handleClick, showConfirm: true, onConfirm: this.handleConfirm }, allowCustomColor ? (react_1.default.createElement(react_color_1.SketchPicker, { styles: {}, disableAlpha: !!~['rgb', 'hex'].indexOf(format), color: tempValue, presetColors: presetColors, onChangeComplete: this.handleTempChange })) : (react_1.default.createElement(react_color_1.GithubPicker, { color: tempValue, colors: Array.isArray(presetColors)
+                    ? presetColors
+                        .filter(function (item) { return typeof item === 'string' || (0, amis_rev_core_6.isObject)(item); })
+                        .map(function (item) {
+                        return typeof item === 'string'
+                            ? item
+                            : (0, amis_rev_core_6.isObject)(item)
+                                ? item === null || item === void 0 ? void 0 : item.color
+                                : item;
+                    })
+                    : undefined, onChangeComplete: this.handleTempChange }))))));
+    };
+    ColorControl.defaultProps = {
+        format: 'hex',
+        clearable: true,
+        placeholder: 'ColorPicker.placeholder',
+        allowCustomColor: true
+        // closeOnSelect: true
+    };
+    tslib_1.__decorate([
+        amis_rev_core_6.autobind,
+        tslib_1.__metadata("design:type", Function),
+        tslib_1.__metadata("design:paramtypes", [String]),
+        tslib_1.__metadata("design:returntype", void 0)
+    ], ColorControl.prototype, "validateColor", null);
+    return ColorControl;
+}(react_1.default.PureComponent));
+exports.ColorControl = ColorControl;
+exports.default = (0, amis_rev_core_5.themeable)((0, amis_rev_core_7.localeable)((0, amis_rev_core_3.uncontrollable)(ColorControl, {
+    value: 'onChange'
+})));

package/lib/components/ConditionBuilder.d.ts

@@ -0,0 +1,2 @@
+import ConditionBuilder from './condition-builder/index';
+export default ConditionBuilder;

package/lib/components/DiffEditor.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { EditorBaseProps } from './Editor';
+export interface DiffEditorProps extends EditorBaseProps {
+    originValue?: string;
+}
+export default class DiffEditor extends React.Component<DiffEditorProps> {
+    editor: any;
+    monaco: any;
+    originalEditor: any;
+    modifiedEditor: any;
+    toDispose: Array<Function>;
+    domRef: React.RefObject<any>;
+    componentDidUpdate(prevProps: any): void;
+    componentWillUnmount(): void;
+    prevHeight: number;
+    updateContainerSize(editor: any, monaco: any): void;
+    editorFactory(containerElement: any, monaco: any, options: any): any;
+    handleModifiedEditorChange(e: any): void;
+    editorDidMount(editor: any, monaco: any): void;
+    render(): React.JSX.Element;
+}

package/lib/components/Form.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @file 给组件用的，渲染器里面不要用这个
+ */
+import React from 'react';
+import { ThemeProps } from 'amis-rev-core';
+import { UseFormReturn } from 'react-hook-form';
+import { LocaleProps } from 'amis-rev-core';
+export type FormRef = React.MutableRefObject<{
+    submit: () => void;
+} | undefined>;
+export interface FormProps extends ThemeProps, LocaleProps {
+    defaultValue?: any;
+    value?: any;
+    autoSubmit?: boolean;
+    onValidate?: (errors: any, values: any) => Promise<void>;
+    onChange?: (value: any) => void;
+    onSubmit?: (value: any) => void;
+    forwardRef?: FormRef;
+    children?: (methods: UseFormReturn & {
+        onSubmit: (value: any) => void;
+    }) => JSX.Element | null;
+    className?: string;
+}
+export declare function Form(props: FormProps): React.JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<Omit<FormProps, keyof LocaleProps> & {
+    locale?: string;
+    translate?: (str: string, ...args: any[]) => string;
+}, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps, "children"> & Pick<FormProps, "children"> & React.RefAttributes<{
+    submit: () => void;
+} | undefined>>;
+export default _default;

package/lib/components/FormulaPicker.d.ts

@@ -0,0 +1,2 @@
+import FormulaPicker from './formula/Picker';
+export default FormulaPicker;

package/lib/components/GridNav.d.ts

@@ -0,0 +1,53 @@
+/**
+ * @file GridNav
+ * @description 金刚位宫格导航 参考react-vant
+ */
+import React from 'react';
+import { ClassName, ClassNamesFn } from 'amis-rev-core';
+import { BadgeProps } from './Badge';
+export type GridNavDirection = 'horizontal' | 'vertical';
+export interface GridNavProps {
+    /** 是否将格子固定为正方形	 */
+    square?: boolean;
+    /** 是否将格子内容居中显示	 */
+    center?: boolean;
+    /** 是否显示边框	 */
+    border?: boolean;
+    /** 格子之间的间距，默认单位为`px` */
+    gutter?: number;
+    /** 是否调换图标和文本的位置	 */
+    reverse?: boolean;
+    /** 图标占比，默认单位为`%` */
+    iconRatio?: number;
+    /** 格子内容排列的方向，可选值为 `horizontal`	 */
+    direction?: GridNavDirection;
+    /** 列数	 */
+    columnNum?: number;
+    className?: string;
+    itemClassName?: ClassName;
+    classnames: ClassNamesFn;
+    style?: React.CSSProperties;
+    children?: React.ReactNode | Array<React.ReactNode>;
+}
+export interface GridNavItemProps {
+    /**  图标右上角徽标	 */
+    badge?: BadgeProps;
+    /** 文字 */
+    text?: string | React.ReactNode;
+    /** 图标名称或图片链接	 */
+    icon?: string | React.ReactNode;
+    className?: ClassName;
+    style?: React.CSSProperties;
+    contentClassName?: ClassName;
+    contentStyle?: React.CSSProperties;
+    children?: React.ReactNode;
+    classnames: ClassNamesFn;
+    onClick?: (event: React.MouseEvent) => void;
+}
+type InternalProps = {
+    parent?: GridNavProps;
+    index?: number;
+};
+export declare const GridNavItem: React.FC<GridNavItemProps & InternalProps>;
+declare const GridNav: React.FC<GridNavProps>;
+export default GridNav;

package/lib/components/GridNavItem.d.ts

@@ -0,0 +1,2 @@
+import { GridNavItem } from './GridNav';
+export default GridNavItem;

package/lib/components/HeadCellDropDown.d.ts

@@ -0,0 +1,2 @@
+import HeadCellDropDown from './table/HeadCellDropDown';
+export default HeadCellDropDown;

package/lib/components/HorizontalScroll.d.ts

@@ -0,0 +1,74 @@
+import { TestIdBuilder, ThemeProps } from 'amis-rev-core';
+import React, { ReactNode } from 'react';
+type ChildrenType = React.ReactNode | ((showSelect: () => void) => React.ReactNode);
+export interface HorizontalScrollProps extends ThemeProps {
+    /**
+     * 左右按钮图标
+     */
+    icons?: ReactNode | ReactNode[];
+    /**
+     * 外层容器类名
+     */
+    className?: string;
+    /**
+     * 左右图标类名
+     */
+    iconsClassName?: string | string[];
+    /**
+     * 测试ID生成器
+     */
+    testIdBuilder?: TestIdBuilder;
+    children: ChildrenType;
+    /**
+     * 子元素滚动容器，用于计算当前点击。默认为当前滚动容器最内层
+     */
+    getScrollParentElement?: () => HTMLElement;
+    /**
+     * 激活的子元素类名，如果设置，那么每次页面缩放的时候，都会让对应的位置滚动到可视区域。如果命中多个元素，则只会滚动第一个
+     * 支持传入多个类名，按照传入数组中元素的顺序作为优先级顺序。[p0, p1, p2...]，优先级高的类名命中元素则会停止寻找
+     */
+    activeChildClassName?: string | string[];
+}
+interface HorizontalScrollState {
+    isOverflow: boolean;
+    arrowLeftDisabled: boolean;
+    arrowRightDisabled: boolean;
+    scroll: boolean;
+}
+export declare class HorizontalScroll extends React.Component<HorizontalScrollProps, HorizontalScrollState> {
+    innerWrapper: React.RefObject<HTMLDivElement>;
+    resizeDom: React.RefObject<HTMLDivElement>;
+    toDispose: Array<() => void>;
+    constructor(props: HorizontalScrollProps);
+    /**
+     * 处理箭头点击事件
+     * @param type 箭头方向，'left' 表示向左，'right' 表示向右
+     */
+    handleArrow(type: 'left' | 'right'): void;
+    /**
+     * 根据滚动条位置更新左右箭头的禁用状态
+     */
+    checkArrowStatus: any;
+    /**
+     * 保证选中的yua始终显示在可视区域
+     */
+    showSelected(isOverflow?: boolean): void;
+    /**
+     * 处理内容与容器之间的位置关系
+     */
+    checkIsOverflow(): void;
+    /**
+     * 渲染箭头图标
+     * @param type 箭头类型，'left' 表示左箭头，'right' 表示右箭头
+     * @returns 返回渲染的箭头图标组件或 null
+     */
+    renderArrow(type: 'left' | 'right'): React.JSX.Element | null;
+    /**
+     * 监听导航上的滚动事件
+     */
+    handleWheel(e: WheelEvent): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): ReactNode;
+}
+export {};

package/lib/components/Icon.d.ts

@@ -0,0 +1,2 @@
+import Icon from './icons';
+export default Icon;

package/lib/components/Input.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @file 这个 Input 与系统默认的 input 不同的地方在于，
+ * 中文输入过程中不会触发 onChange 事件。对于 autoComplete
+ * 功能很有必要。
+ */
+import React from 'react';
+import { TestIdBuilder } from 'amis-rev-core';
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    forwardedRef: React.Ref<HTMLInputElement>;
+    testIdBuilder?: TestIdBuilder;
+}
+export interface InputState {
+    value: any;
+}
+declare const _default: React.ComponentType<Omit<InputProps, "forwardedRef"> & React.InputHTMLAttributes<HTMLInputElement> & {
+    ref?: any;
+}>;
+export default _default;

package/lib/components/InputJSONSchema.d.ts

@@ -0,0 +1,2 @@
+import InputJSONSchema from './json-schema';
+export default InputJSONSchema;

package/lib/components/JSONSchemaEditor.d.ts

@@ -0,0 +1,2 @@
+import JSONSchemaEditor from './schema-editor';
+export default JSONSchemaEditor;

package/lib/components/Markdown.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+/**
+ * @file markdown 解析
+ */
+import markdownIt from 'markdown-it';
+export declare function markdown(content: string, options?: markdownIt.Options): any;
+interface MarkdownProps {
+    content: string;
+    options: object;
+}
+export default class Markdown extends React.Component<MarkdownProps> {
+    dom: any;
+    static defaultProps: {
+        content: string;
+        options: {
+            linkify: boolean;
+        };
+    };
+    constructor(props: MarkdownProps);
+    htmlRef(dom: any): void;
+    componentDidUpdate(nextProps: MarkdownProps): void;
+    _render(): Promise<void>;
+    render(): React.JSX.Element;
+}
+export {};

package/lib/components/Markdown.js

@@ -0,0 +1,76 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.markdown = markdown;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+/**
+ * @file markdown 解析
+ */
+var markdown_it_1 = tslib_1.__importDefault(require("markdown-it"));
+// @ts-ignore
+var markdown_it_html5_media_1 = require("markdown-it-html5-media");
+var doMarkdown = (0, markdown_it_1.default)();
+doMarkdown.use(markdown_it_html5_media_1.html5Media);
+function markdown(content, options) {
+    if (options) {
+        doMarkdown.set(options);
+    }
+    return doMarkdown.render(content);
+}
+var Markdown = /** @class */ (function (_super) {
+    tslib_1.__extends(Markdown, _super);
+    function Markdown(props) {
+        var _this = _super.call(this, props) || this;
+        _this.htmlRef = _this.htmlRef.bind(_this);
+        return _this;
+    }
+    Markdown.prototype.htmlRef = function (dom) {
+        this.dom = dom;
+        if (!dom) {
+            return;
+        }
+        this._render();
+    };
+    Markdown.prototype.componentDidUpdate = function (nextProps) {
+        if (this.props.content !== nextProps.content) {
+            this._render();
+        }
+    };
+    Markdown.prototype._render = function () {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var _a, content, options;
+            return tslib_1.__generator(this, function (_b) {
+                _a = this.props, content = _a.content, options = _a.options;
+                this.dom.innerHTML = markdown(content, options);
+                // @ts-ignore 需要用户手动加载 katex
+                if (typeof renderMathInElement === 'function') {
+                    // @ts-ignore
+                    renderMathInElement(this.dom, {
+                        delimiters: [
+                            { left: '$$', right: '$$', display: true },
+                            { left: '$', right: '$', display: false }
+                        ]
+                    });
+                }
+                return [2 /*return*/];
+            });
+        });
+    };
+    Markdown.prototype.render = function () {
+        return (react_1.default.createElement("div", { "data-testid": "markdown-body", className: "markdown-body", ref: this.htmlRef }));
+    };
+    Markdown.defaultProps = {
+        content: '',
+        options: {
+            linkify: true
+        }
+    };
+    return Markdown;
+}(react_1.default.Component));
+exports.default = Markdown;

package/lib/components/Menu.d.ts

@@ -0,0 +1,2 @@
+import Menu from './menu/index';
+export default Menu;

package/lib/components/MobileDevTool.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare const dimensions: {
+    name: string;
+    width: number;
+    height: number;
+}[];
+export default function MobileDevTool(props: {
+    container: HTMLElement | null;
+    previewBody: HTMLElement | null;
+    border?: number;
+    onChangeScale?: (scale: number) => void;
+}): React.JSX.Element;

package/lib/components/ModalManager.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @file ModalManager
+ * @description
+ * @author fex
+ */
+interface ModalComponent extends React.Component<{
+    onHide: (e: any) => void;
+    disabled?: boolean;
+    closeOnEsc?: boolean;
+}> {
+}
+export declare function current(): number;
+export declare function currentModal(): ModalComponent | void;
+export declare function addModal(modal: ModalComponent): void;
+export declare function removeModal(modal: ModalComponent): void;
+export {};