vap1 0.3.7 → 0.3.8

package/deps/editor/support/index.js

@@ -0,0 +1,89 @@
+"use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.supportAdvance = exports.Leaf = exports.Element = void 0;
+var utils_1 = require("../../../utils");
+var ImageButton_1 = require("./buttons/ImageButton");
+var _Element_1 = require("./element/_Element");
+Object.defineProperty(exports, "Element", { enumerable: true, get: function () { return _Element_1.Element; } });
+var _Leaf_1 = require("./element/_Leaf");
+Object.defineProperty(exports, "Leaf", { enumerable: true, get: function () { return _Leaf_1.Leaf; } });
+// 后端代码可以先给我下，
+var VOID_SET = new Set(['image', 'video', 'audio']);
+var supportAdvance = function (editor) {
+    var insertData = editor.insertData, isVoid = editor.isVoid;
+    editor.isVoid = function (element) {
+        // console.log(element.type, VOID_SET.has(element.type))
+        if (VOID_SET.has(element.type))
+            return true;
+        return isVoid(element);
+    };
+    editor.insertData = function (data) {
+        var text = data.getData('text/plain');
+        var files = data.files;
+        if (files && files.length > 0) {
+            var _loop_1 = function (i, _i) {
+                var file = files.item(i);
+                var reader = new FileReader();
+                var _a = __read(file.type.split('/'), 1), mime = _a[0];
+                if (mime === 'image') {
+                    reader.addEventListener('load', function () {
+                        var url = reader.result;
+                        (0, ImageButton_1.insertImage)(editor, url);
+                    });
+                    reader.readAsDataURL(file);
+                }
+            };
+            for (var i = 0, _i = files.length; i < _i; i++) {
+                _loop_1(i, _i);
+            }
+        }
+        else if (utils_1.StringUtil.isURL(text)) {
+            (0, ImageButton_1.insertImage)(editor, text);
+        }
+        else {
+            insertData(data);
+        }
+    };
+    return editor;
+    // editor.insertData = data => {
+    //     const text = data.getData('text/plain')
+    //     console.log('insert', data);
+    //     console.log('text', text);
+    //     const { files } = data
+    //     if (files && files.length > 0) {
+    //         for (const file of files) {
+    //             const reader = new FileReader()
+    //             const [mime] = file.type.split('/')
+    //             if (mime === 'image') {
+    //                 reader.addEventListener('load', () => {
+    //                     const url = reader.result
+    //                     insertImage(editor, url)
+    //                 })
+    //                 reader.readAsDataURL(file)
+    //             }
+    //         }
+    //     } else if (isImageUrl(text)) {
+    //         insertImage(editor, text)
+    //     } else {
+    //         insertData(data)
+    //     }
+    // }
+    return editor;
+};
+exports.supportAdvance = supportAdvance;

package/deps/{_editor → editor}/tools/Button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { CommandType } from '../base/types';
+import type { CommandType } from '../types';
 export declare const Button: React.FC<{
     type: CommandType;
     disabled: boolean;

package/deps/{_editor → editor}/tools/Button.js

@@ -22,6 +22,7 @@ var utils_1 = require("../../../utils");
 var _BlockButton_1 = require("./_BlockButton");
 var _MarkButton_1 = require("./_MarkButton");
 var _InsertButton_1 = require("./_InsertButton");
+var ImageButton_1 = require("../support/buttons/ImageButton");
 var _TxtButton_1 = require("./_TxtButton");
 var BUTTONS = {
     bold: { type: 'mark', icon: 'bold', ik: i18n_1.EDITOR.BOLD },
@@ -54,7 +55,7 @@ var BUTTONS = {
 var Button = function (_a) {
     var type = _a.type, disabled = _a.disabled;
     if (type == null) {
-        return react_1.default.createElement("span", { className: 'editor-toolbar-split' });
+        return react_1.default.createElement("span", { className: 'se-toolbar-split' });
     }
     if (!lodash_1.default.has(BUTTONS, type)) {
         return utils_1.Const.NONE;
@@ -78,15 +79,18 @@ var Button = function (_a) {
                 return react_1.default.createElement(_TxtButton_1.FontSize, __assign({}, define, { cmd: type, disabled: disabled }));
             case 'fontFamily':
                 return react_1.default.createElement(_TxtButton_1.FontFamily, __assign({}, define, { cmd: type, disabled: disabled }));
+            // 只要有点学习能力，学习一两个月时间后，弄点玩具级别的模型是不成问题的，
+            // 解释权在自己手上，后面逐步优化
         }
         return utils_1.Const.NONE;
     }
     else if (define.type == 'action') {
+        // console.log(type)
         switch (type) {
             case 'hr':
                 return react_1.default.createElement(_InsertButton_1.HR, __assign({}, define, { cmd: type, disabled: disabled }));
-            // case 'image':
-            // return <Picture {...define} cmd={type} disabled={disabled} />
+            case 'image':
+                return react_1.default.createElement(ImageButton_1.ImageButton, __assign({}, define, { cmd: type, disabled: disabled }));
             // case 'audio':
             //     return <Audio {...define} cmd={type} disabled={disabled}/>
             // case 'video':

package/deps/{_editor → editor}/tools/ToolBar.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CommandType } from '../base/types';
+import type { CommandType } from '../types';
 type ToolbarProps = {
     buttons: CommandType[][];
     disabled?: boolean;

package/deps/{_editor → editor}/tools/ToolBar.js

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toolbar = void 0;
 var react_1 = __importDefault(require("react"));
 var Button_1 = require("./Button");
-var Toolbar = function (props) { return react_1.default.createElement("div", { className: "editor-toolbar" }, props.buttons.map(function (lineGroup) { return react_1.default.createElement("div", { className: "editor-toolbar-line" }, lineGroup.map(function (type) { return react_1.default.createElement(Button_1.Button, { type: type, disabled: props.disabled }); })); })); };
+var Toolbar = function (props) { return react_1.default.createElement("div", { className: "se-toolbar" }, props.buttons.map(function (lineGroup, i) { return react_1.default.createElement("div", { key: i, className: "se-toolbar-line" }, lineGroup.map(function (type, j) { return react_1.default.createElement(Button_1.Button, { key: type + j, type: type, disabled: props.disabled }); })); })); };
 exports.Toolbar = Toolbar;

package/deps/{_editor → editor}/tools/_BlockButton.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import type { ButtonProps } from '../base/types';
+import type { ButtonProps } from '../types';
 export declare const TEXT_ALIGN_TYPES: string[];
 export declare const BlockButton: React.FC<ButtonProps>;

package/deps/{_editor → editor}/tools/_BlockButton.js

@@ -74,13 +74,13 @@ var isBlockActive = function (editor, format, blockType) {
 var BlockButton = function (_a) {
     var icon = _a.icon, ik = _a.ik, cmd = _a.cmd, disabled = _a.disabled;
     var editor = (0, slate_react_1.useSlate)();
-    var clazz = ['editor-icon', 'editor-icon-block'];
+    var clazz = ['se-icon', 'se-icon-block'];
     var isActive = isBlockActive(editor, cmd, exports.TEXT_ALIGN_TYPES.includes(cmd) ? 'align' : 'type');
     if (isActive) {
-        clazz.push('editor-icon-marked');
+        clazz.push('se-icon-marked');
     }
     if (disabled) {
-        clazz.push('editor-icon-disabled');
+        clazz.push('se-icon-disabled');
     }
     return react_1.default.createElement(Icon_1.Icon, { className: clazz.join(' '), type: icon, title: utils_1.i18n.txt(ik), onClick: function () { return toggleBlock(editor, cmd); } });
     // return (

package/deps/{_editor → editor}/tools/_InsertButton.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import type { ButtonProps } from '../base/types';
+import type { ButtonProps } from '../types';
 export declare const HR: React.FC<ButtonProps>;
 export declare const Audio: React.FC<ButtonProps>;
 export declare const Video: React.FC<ButtonProps>;
-export declare const Picture: React.FC<ButtonProps>;

package/deps/editor/tools/_InsertButton.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Video = exports.Audio = exports.HR = void 0;
+var react_1 = __importDefault(require("react"));
+var slate_react_1 = require("slate-react");
+// import { UploadImage } from '../../../components/Upload/UploadImage';
+// import { UFormModal } from '../../../components/UForm';
+var Icon_1 = require("../../../components/_adapt/Icon");
+var utils_1 = require("../../../utils");
+var slate_1 = require("slate");
+var insertImage = function (editor, url) {
+    var text = { text: '' };
+    var image = { type: 'image', url: url, children: [text] };
+    slate_1.Transforms.insertNodes(editor, image);
+};
+var HR = function (_a) {
+    var icon = _a.icon, ik = _a.ik, cmd = _a.cmd, disabled = _a.disabled;
+    var editor = (0, slate_react_1.useSlate)();
+    return react_1.default.createElement(Icon_1.Icon, { className: 'se-icon', type: icon, title: utils_1.i18n.txt(ik), onClick: function () { return slate_1.Transforms.insertNodes(editor, { type: 'hr', children: [{ text: '' }] }); } });
+};
+exports.HR = HR;
+var Audio = function (_a) {
+    var icon = _a.icon, ik = _a.ik, cmd = _a.cmd;
+    var clazz = ['se-icon'];
+    return react_1.default.createElement(Icon_1.Icon, { className: clazz.join(' '), type: icon, title: utils_1.i18n.txt(ik) });
+};
+exports.Audio = Audio;
+var Video = function (_a) {
+    var icon = _a.icon, ik = _a.ik, cmd = _a.cmd;
+    var clazz = ['se-icon'];
+    return react_1.default.createElement(Icon_1.Icon, { className: clazz.join(' '), type: icon, title: utils_1.i18n.txt(ik) });
+};
+exports.Video = Video;

package/deps/{_editor → editor}/tools/_MarkButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { CommandType, ButtonDefine } from '../base/types';
+import type { CommandType, ButtonDefine } from '../types';
 export declare const MarkButton: React.FC<ButtonDefine & {
     cmd: CommandType;
     disabled: boolean;

package/deps/{_editor → editor}/tools/_MarkButton.js

@@ -29,16 +29,16 @@ var MarkButton = function (_a) {
     var _b, _c;
     var icon = _a.icon, ik = _a.ik, cmd = _a.cmd, disabled = _a.disabled;
     var editor = (0, slate_react_1.useSlate)();
-    var clazz = ['editor-icon', 'editor-icon-mark'];
+    var clazz = ['se-icon', 'se-icon-mark'];
     if (disabled) {
-        clazz.push('editor-icon-disabled');
+        clazz.push('se-icon-disabled');
     }
     else {
         if (isMarkActive(editor, cmd)) {
-            clazz.push('editor-icon-marked');
+            clazz.push('se-icon-marked');
         }
         else if (((_b = editor.selection) === null || _b === void 0 ? void 0 : _b.focus.offset) == ((_c = editor.selection) === null || _c === void 0 ? void 0 : _c.anchor.offset)) {
-            clazz.push('editor-icon-disabled');
+            clazz.push('se-icon-disabled');
         }
     }
     return react_1.default.createElement(Icon_1.Icon, { className: clazz.join(' '), type: icon, title: utils_1.i18n.txt(ik), onClick: function () { return toggleMark(editor, cmd); } });

package/deps/{_editor → editor}/tools/_TxtButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ButtonProps } from '../base/types';
+import type { ButtonProps } from '../types';
 export declare const Link: React.FC<ButtonProps>;
 export declare const FontFamily: React.FC<ButtonProps>;
 export declare const FontSize: React.FC<ButtonProps>;

package/deps/{_editor → editor}/tools/_TxtButton.js

@@ -34,16 +34,12 @@ exports.BgColor = exports.Color = exports.FontSize = exports.FontFamily = export
 var react_1 = __importDefault(require("react"));
 var slate_1 = require("slate");
 var slate_react_1 = require("slate-react");
-var types_1 = require("../base/types");
-var utils_1 = require("../../../utils");
-var Popover_1 = require("../../../components/_adapt/Popover");
-var Slider_1 = require("../../../components/_adapt/Slider");
-var Button_1 = require("../../../components/_adapt/Button");
-var Select_1 = require("../../../components/_adapt/Select");
-var ColorPicker_1 = require("../../../components/_adapt/ColorPicker");
-var UForm_1 = require("../../../components/UForm");
+var utils_1 = require("../utils");
+var utils_2 = require("../../../utils");
+var index_1 = require("../../../index");
+// import { UFormModal } from '../../../components/UForm';
 var Icon_1 = require("../../../components/_adapt/Icon");
-var hooks_1 = require("../../../hooks");
+var useToggle_1 = require("../../../hooks/useToggle");
 var markValue = function (editor, cmd) {
     var marks = slate_1.Editor.marks(editor);
     if (marks && marks[cmd]) {
@@ -71,29 +67,22 @@ var Link = function (_a) {
     var _b, _c;
     var icon = _a.icon, ik = _a.ik, cmd = _a.cmd, disabled = _a.disabled;
     var editor = (0, slate_react_1.useSlate)();
-    var _d = __read((0, hooks_1.useToggle)(), 2), openModal = _d[0], showModal = _d[1];
+    var _d = __read((0, useToggle_1.useToggle)(), 2), openModal = _d[0], showModal = _d[1];
     var value = markValue(editor, cmd);
-    var clazz = ['editor-icon', 'editor-icon-mark'];
+    var clazz = ['se-icon', 'se-icon-mark'];
     if (value)
-        clazz.push('editor-icon-marked');
+        clazz.push('se-icon-marked');
     if (disabled || (value == null && ((_b = editor.selection) === null || _b === void 0 ? void 0 : _b.focus.offset) == ((_c = editor.selection) === null || _c === void 0 ? void 0 : _c.anchor.offset))) {
-        clazz.push('editor-icon-disabled');
+        clazz.push('se-icon-disabled');
     }
-    return react_1.default.createElement(react_1.default.Fragment, null,
-        value ? react_1.default.createElement(Popover_1.Popover, { placement: "bottomLeft", content: react_1.default.createElement("div", { style: { width: 320 } },
-                react_1.default.createElement("p", null,
-                    "\u94FE\u63A5\u5230 : ",
-                    react_1.default.createElement("a", { href: value, target: '_blank' }, value)),
-                react_1.default.createElement("p", null,
-                    react_1.default.createElement(Button_1.Button, { type: 'primary', style: { marginRight: 6 }, onClick: function () { return showModal(); } }, "\u4FEE\u6539\u5730\u5740"),
-                    react_1.default.createElement(Button_1.Button, { danger: true, onClick: function () { return setValue(editor, cmd, null); } }, "\u5220\u9664\u94FE\u63A5"))) },
-            react_1.default.createElement("span", { className: 'vicon vicon-link editor-icon editor-icon-mark editor-icon-marked vicon-clickable', title: utils_1.i18n.txt(ik), onClick: function () { return showModal(); } })) : react_1.default.createElement(Icon_1.Icon, { className: clazz.join(' '), type: icon, title: utils_1.i18n.txt(ik), onClick: showModal }),
-        react_1.default.createElement(UForm_1.UFormModal, { title: '添加链接', open: openModal, onCancel: showModal, data: { url: value }, fields: [
-                { field: 'url', type: 'url', title: '链接地址' },
-            ], onOk: function (data) {
-                showModal();
-                setValue(editor, cmd, data.url);
-            } }));
+    return react_1.default.createElement(react_1.default.Fragment, null, value ? react_1.default.createElement(index_1.Popover, { placement: "bottomLeft", content: react_1.default.createElement("div", { style: { width: 320 } },
+            react_1.default.createElement("p", null,
+                "\u94FE\u63A5\u5230 : ",
+                react_1.default.createElement("a", { href: value, target: '_blank' }, value)),
+            react_1.default.createElement("p", null,
+                react_1.default.createElement(index_1.Button, { type: 'primary', style: { marginRight: 6 }, onClick: function () { return showModal(); } }, "\u4FEE\u6539\u5730\u5740"),
+                react_1.default.createElement(index_1.Button, { danger: true, onClick: function () { return setValue(editor, cmd, null); } }, "\u5220\u9664\u94FE\u63A5"))) },
+        react_1.default.createElement("span", { className: 'vicon vicon-link se-icon se-icon-mark se-icon-marked vicon-clickable', title: utils_2.i18n.txt(ik), onClick: function () { return showModal(); } })) : react_1.default.createElement(Icon_1.Icon, { className: clazz.join(' '), type: icon, title: utils_2.i18n.txt(ik), onClick: showModal }));
 };
 exports.Link = Link;
 var FontFamily = function (_a) {
@@ -102,9 +91,7 @@ var FontFamily = function (_a) {
     var editor = (0, slate_react_1.useSlate)();
     var value = markValue(editor, cmd) || undefined;
     var notSelected = ((_b = editor.selection) === null || _b === void 0 ? void 0 : _b.focus.offset) == ((_c = editor.selection) === null || _c === void 0 ? void 0 : _c.anchor.offset);
-    return react_1.default.createElement(Select_1.Select, { size: 'small', value: value, disabled: value === undefined && notSelected, style: { width: 72, marginRight: 6 }, placeholder: "\u5B57\u4F53", 
-        // onSelect={()=>{
-        // }}
+    return react_1.default.createElement(index_1.Select, { size: 'small', value: value, disabled: value === undefined && notSelected, style: { width: 72, marginRight: 6 }, placeholder: "\u5B57\u4F53", 
         // onClick={(evt) => PageUtil.stopEvent(evt)}
         onChange: function (val) {
             if (val == 0) {
@@ -114,15 +101,15 @@ var FontFamily = function (_a) {
                 setValue(editor, cmd, val);
             }
         } },
-        react_1.default.createElement(Select_1.Select.Option, { value: 1 },
-            react_1.default.createElement("span", { style: { fontFamily: types_1.FontFamilyTexts[1] } }, "\u9ED1\u4F53")),
-        react_1.default.createElement(Select_1.Select.Option, { value: 2 },
-            react_1.default.createElement("span", { style: { fontFamily: types_1.FontFamilyTexts[2] } }, "\u5B8B\u4F53")),
-        react_1.default.createElement(Select_1.Select.Option, { value: 3 },
-            react_1.default.createElement("span", { style: { fontFamily: types_1.FontFamilyTexts[3] } }, "\u6977\u4F53")),
-        react_1.default.createElement(Select_1.Select.Option, { value: 4 },
-            react_1.default.createElement("span", { style: { fontFamily: types_1.FontFamilyTexts[4] } }, "\u82F1\u6587")),
-        react_1.default.createElement(Select_1.Select.Option, { value: 0 }, "\u6E05\u9664"));
+        react_1.default.createElement(index_1.Select.Option, { value: 1 },
+            react_1.default.createElement("span", { style: { fontFamily: utils_1.FontFamilyTexts[1] } }, "\u9ED1\u4F53")),
+        react_1.default.createElement(index_1.Select.Option, { value: 2 },
+            react_1.default.createElement("span", { style: { fontFamily: utils_1.FontFamilyTexts[2] } }, "\u5B8B\u4F53")),
+        react_1.default.createElement(index_1.Select.Option, { value: 3 },
+            react_1.default.createElement("span", { style: { fontFamily: utils_1.FontFamilyTexts[3] } }, "\u6977\u4F53")),
+        react_1.default.createElement(index_1.Select.Option, { value: 4 },
+            react_1.default.createElement("span", { style: { fontFamily: utils_1.FontFamilyTexts[4] } }, "\u82F1\u6587")),
+        react_1.default.createElement(index_1.Select.Option, { value: 0 }, "\u6E05\u9664"));
 };
 exports.FontFamily = FontFamily;
 var FontSize = function (_a) {
@@ -130,12 +117,12 @@ var FontSize = function (_a) {
     var icon = _a.icon, ik = _a.ik, cmd = _a.cmd, disabled = _a.disabled;
     var editor = (0, slate_react_1.useSlate)();
     var value = markValue(editor, cmd) || 12;
-    var clazz = ['editor-tool-font'];
+    var clazz = ['se-tool-font'];
     if (disabled || (((_b = editor.selection) === null || _b === void 0 ? void 0 : _b.focus.offset) == ((_c = editor.selection) === null || _c === void 0 ? void 0 : _c.anchor.offset))) {
-        clazz.push('editor-icon-disabled');
+        clazz.push('se-icon-disabled');
     }
-    return react_1.default.createElement(Popover_1.Popover, { placement: "bottomLeft", content: react_1.default.createElement("div", { style: { width: 240, }, onClick: utils_1.PageUtil.stopEvent },
-            react_1.default.createElement(Slider_1.Slider, { value: value, min: 12, max: 60, onChange: function (val) { return setValue(editor, cmd, val); } })) },
+    return react_1.default.createElement(index_1.Popover, { placement: "bottomLeft", content: react_1.default.createElement("div", { style: { width: 240, }, onClick: utils_2.PageUtil.stopEvent },
+            react_1.default.createElement(index_1.Slider, { value: value, min: 12, max: 60, onChange: function (val) { return setValue(editor, cmd, val); } })) },
         react_1.default.createElement("span", { className: clazz.join(' ') },
             "\u5B57\u53F7 : ",
             react_1.default.createElement("b", { className: 'vapfont' },
@@ -188,16 +175,16 @@ var Color = function (_a) {
     var icon = _a.icon, ik = _a.ik, cmd = _a.cmd, disabled = _a.disabled;
     var editor = (0, slate_react_1.useSlate)();
     var value = markValue(editor, cmd);
-    var clazz = ['editor-icon', 'editor-icon-mark', 'vicon', 'vicon-' + icon];
+    var clazz = ['se-icon', 'se-icon-mark', 'vicon', 'vicon-' + icon];
     if (disabled || (((_b = editor.selection) === null || _b === void 0 ? void 0 : _b.focus.offset) == ((_c = editor.selection) === null || _c === void 0 ? void 0 : _c.anchor.offset))) {
-        clazz.push('editor-icon-disabled');
+        clazz.push('se-icon-disabled');
     }
     var style = {};
     if (value) {
         style.color = value;
         style.fontWeight = 'bold';
     }
-    return react_1.default.createElement(ColorPicker_1.ColorPicker, __assign({}, colorProps, { onChange: function (val, hex) { return setValue(editor, cmd, hex); } }),
+    return react_1.default.createElement(index_1.ColorPicker, __assign({}, colorProps, { onChange: function (val, hex) { return setValue(editor, cmd, hex); } }),
         react_1.default.createElement("span", { className: clazz.join(' '), style: style }));
 };
 exports.Color = Color;
@@ -206,15 +193,15 @@ var BgColor = function (_a) {
     var icon = _a.icon, ik = _a.ik, cmd = _a.cmd, disabled = _a.disabled;
     var editor = (0, slate_react_1.useSlate)();
     var value = markValue(editor, cmd);
-    var clazz = ['editor-icon', 'editor-icon-mark', 'vicon', 'vicon-' + icon];
+    var clazz = ['se-icon', 'se-icon-mark', 'vicon', 'vicon-' + icon];
     if (disabled || (((_b = editor.selection) === null || _b === void 0 ? void 0 : _b.focus.offset) == ((_c = editor.selection) === null || _c === void 0 ? void 0 : _c.anchor.offset))) {
-        clazz.push('editor-icon-disabled');
+        clazz.push('se-icon-disabled');
     }
     var style = {};
     if (value) {
         style.backgroundColor = value;
     }
-    return react_1.default.createElement(ColorPicker_1.ColorPicker, __assign({}, colorProps, { onChange: function (val, hex) { return setValue(editor, cmd, hex); } }),
+    return react_1.default.createElement(index_1.ColorPicker, __assign({}, colorProps, { onChange: function (val, hex) { return setValue(editor, cmd, hex); } }),
         react_1.default.createElement("span", { className: clazz.join(' '), style: style }));
 };
 exports.BgColor = BgColor;

package/deps/{_editor/base → editor}/types.d.ts

@@ -1,9 +1,8 @@
+import React from 'react';
+import type { BaseElement } from 'slate';
 import type { ReactEditor } from 'slate-react';
 import type { BaseEditor, Descendant } from 'slate';
 export type CommandType = 'bold' | 'italic' | 'underline' | 'code' | 'strikethrough' | 'color' | 'bgColor' | 'fontSize' | 'fontFamily' | 'link' | 'h1' | 'h2' | 'h3' | 'h4' | 'hr' | 'image' | 'video' | 'audio' | 'blockQuote' | 'numberedList' | 'bulletedList' | 'left' | 'center' | 'right' | 'justify';
-export type EmptyText = {
-    text: string;
-};
 export type CustomText = {
     bold?: boolean;
     italic?: boolean;
@@ -27,114 +26,89 @@ export type ButtonProps = ButtonDefine & {
     cmd: CommandType;
     disabled: boolean;
 };
-export declare const FontFamilyTexts: string[];
+export type EditorElement = BaseElement & {
+    type: string;
+    align?: 'left' | 'center' | 'right';
+};
 type TableRow = any;
 type TableCell = any;
-type BlockQuoteElement = {
+type BlockQuoteElement = EditorElement & {
     type: 'blockQuote';
-    align?: string;
-    children: Descendant[];
 };
-type BulletedListElement = {
+type BulletedListElement = EditorElement & {
     type: 'bulletedList';
-    align?: string;
-    children: Descendant[];
 };
-type NumberedListElement = {
+type NumberedListElement = EditorElement & {
     type: 'numberedList';
-    align?: string;
-    children: Descendant[];
 };
-type CheckListItemElement = {
+type CheckListItemElement = EditorElement & {
     type: 'checkListItem';
     checked: boolean;
-    children: Descendant[];
 };
-type EditableVoidElement = {
+type EditableVoidElement = EditorElement & {
     type: 'editableVoid';
-    children: EmptyText[];
 };
-type HeadingElement = {
+type HeadingElement = EditorElement & {
     type: 'h1';
-    align?: string;
-    children: Descendant[];
 };
-type HeadingTwoElement = {
+type HeadingTwoElement = EditorElement & {
     type: 'h2';
-    align?: string;
-    children: Descendant[];
 };
-type HeadingThreeElement = {
+type HeadingThreeElement = EditorElement & {
     type: 'h3';
-    align?: string;
-    children: Descendant[];
 };
-type HeadingFourElement = {
+type HeadingFourElement = EditorElement & {
     type: 'h4';
-    align?: string;
-    children: Descendant[];
 };
-type LinkElement = {
+type LinkElement = EditorElement & {
     type: 'link';
     url: string;
-    children: Descendant[];
 };
-type ButtonElement = {
+type ButtonElement = EditorElement & {
     type: 'button';
-    children: Descendant[];
 };
-type BadgeElement = {
+type BadgeElement = EditorElement & {
     type: 'badge';
-    children: Descendant[];
 };
-type ListItemElement = {
+type ListItemElement = EditorElement & {
     type: 'listItem';
-    children: Descendant[];
 };
-type MentionElement = {
+type MentionElement = EditorElement & {
     type: 'mention';
     character: string;
-    children: CustomText[];
 };
-type ParagraphElement = {
+type ParagraphElement = EditorElement & {
     type: 'paragraph';
-    align?: string;
-    children: Descendant[];
 };
-type TableElement = {
+type TableElement = EditorElement & {
     type: 'table';
     children: TableRow[];
 };
-type TableCellElement = {
+type TableCellElement = EditorElement & {
     type: 'table-cell';
     children: CustomText[];
 };
-type TableRowElement = {
+type TableRowElement = EditorElement & {
     type: 'table-row';
     children: TableCell[];
 };
-type TitleElement = {
+type TitleElement = EditorElement & {
     type: 'title';
-    children: Descendant[];
 };
-export type ImageElement = {
+export type ImageElement = EditorElement & {
     type: 'image';
     url: string;
-    children?: EmptyText[];
 };
-export type VideoElement = {
+export type VideoElement = EditorElement & {
     type: 'video';
     url: string;
-    children?: EmptyText[];
 };
-export type AudioElement = {
+export type AudioElement = EditorElement & {
     type: 'audio';
     url: string;
-    children?: EmptyText[];
 };
-export type HRElement = {
+export type HRElement = EditorElement & {
     type: 'hr';
-    children: EmptyText[];
 };
 type CodeBlockElement = {
     type: 'codeBlock';
@@ -150,7 +124,24 @@ declare module 'slate' {
     interface CustomTypes {
         Editor: BaseEditor & ReactEditor;
         Element: CustomElement;
-        Text: CustomText | EmptyText;
+        Text: CustomText;
     }
 }
+/**
+ * 富文本框
+*/
+export type ArticleProps = {
+    /**
+     * 值，传JSON串，或是 JSON
+    */
+    value: string | Descendant[];
+    /**
+     * 样式名称
+    */
+    className?: string;
+    /**
+     * 自定义样式
+    */
+    sytle?: React.CSSProperties;
+};
 export {};

package/deps/editor/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/deps/editor/utils/index.d.ts

@@ -0,0 +1,7 @@
+import type { Descendant } from 'slate';
+import type { CommandType, ArticleProps } from '../types';
+export declare const FontFamilyTexts: string[];
+export declare const FULL_TOOLS: CommandType[][];
+export declare const SIMPLE_TOOLS: CommandType[][];
+export declare const DEFAULT_VALUE: Descendant[];
+export declare const initValue: (props: Partial<ArticleProps>) => any[];