vap1 0.3.7 → 0.3.8

package/components/SearchBar/ByField.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { SearchBarByFieldProps } from './index';
+import type { FC, RefAttributes, ForwardRefExoticComponent } from 'react';
 /**
  * 仅内容使用
 */
@@ -17,6 +17,9 @@ type InnerSearchBarByFieldProps = SearchBarByFieldProps & {
     */
     __innnerPopup?: boolean;
 };
-export declare const InnerSearchBarByField: React.FC<InnerSearchBarByFieldProps>;
-export declare const SearchBarByField: React.FC<SearchBarByFieldProps>;
+export type InnerSearchBarByFieldRef = {
+    clear: () => void;
+};
+export declare const InnerSearchBarByField: ForwardRefExoticComponent<InnerSearchBarByFieldProps & RefAttributes<InnerSearchBarByFieldRef>>;
+export declare const SearchBarByField: FC<SearchBarByFieldProps>;
 export {};

package/components/SearchBar/ByField.js

@@ -63,11 +63,11 @@ var utils_1 = require("../../utils");
 var _i18n_1 = require("../_i18n");
 var SearchField_1 = require("./SearchField");
 var _register_1 = require("./_register");
-var InnerSearchBarByField = function (props) {
+exports.InnerSearchBarByField = (0, react_1.forwardRef)(function (props, ref) {
     var isAwaysExpand = utils_1.GLOBAL.CONFIG.SEARCHBAR.AWAYS_EXPAND || props.__innerExpand;
     var _a = __read((0, react_1.useState)(props.default || {}), 2), data = _a[0], setData = _a[1];
     var _b = __read((0, react_1.useState)(isAwaysExpand), 2), isExpand = _b[0], _setIsExpand = _b[1];
-    var clear = function () { return setData(function (prev) {
+    var clear = (0, react_1.useCallback)(function () { return setData(function (prev) {
         var data = {};
         lodash_1.default.keys(prev).map(function (item) {
             data[item] = null;
@@ -76,7 +76,8 @@ var InnerSearchBarByField = function (props) {
             return lodash_1.default.extend({}, data, props.default);
         }
         return data;
-    }); };
+    }); }, []);
+    (0, react_1.useImperativeHandle)(ref, function () { return ({ clear: clear }); }, []);
     var search = function () { return props.onSearch(data); };
     var setIsExpand = function (isExpand) {
         if (isAwaysExpand)
@@ -240,7 +241,6 @@ var InnerSearchBarByField = function (props) {
             rowRender(layout.rows[0]),
             btnRender(layout.rows.length, isExpand)),
         isExpand && moreRender(layout)));
-};
-exports.InnerSearchBarByField = InnerSearchBarByField;
+});
 var SearchBarByField = function (props) { return react_1.default.createElement(exports.InnerSearchBarByField, __assign({}, props)); };
 exports.SearchBarByField = SearchBarByField;

package/components/SearchBar/ByKeyword.js

@@ -60,6 +60,7 @@ var _i18n_1 = require("../_i18n");
 var SearchBarByKeyword = function (props) {
     var _a = __read((0, react_1.useState)(false), 2), open = _a[0], setOpen = _a[1];
     var spanRef = (0, react_1.useRef)(null);
+    var barRef = (0, react_1.useRef)(null);
     var inputProps = (0, react_1.useMemo)(function () {
         var searchProps = {
             className: "c-searchbar-keyword",
@@ -73,6 +74,11 @@ var SearchBarByKeyword = function (props) {
         }
         return searchProps;
     }, []);
+    (0, react_1.useLayoutEffect)(function () {
+        if (open && barRef && barRef.current && utils_1.GLOBAL.CONFIG.SEARCHBAR.POPUP_CLEAR_ONOPEN) {
+            barRef.current.clear();
+        }
+    }, [open]);
     var suffixProps = {};
     if (props.fields && props.fields.length) {
         suffixProps.suffix = react_1.default.createElement(react_1.default.Fragment, null,
@@ -80,7 +86,7 @@ var SearchBarByKeyword = function (props) {
             react_1.default.createElement(Popover_1.Popover, { open: open, onOpenChange: setOpen, trigger: "click", placement: "bottom", content: react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement("h3", null, utils_1.i18n.txt(_i18n_1.V.INPUT_SEARCH_ADVANCE)),
                     react_1.default.createElement("div", { className: 'c-searchbar' },
-                        react_1.default.createElement(ByField_1.InnerSearchBarByField, __assign({}, props, { __innerExpand: true, __innerOutside: true, __innnerPopup: true, onSearch: function (param) {
+                        react_1.default.createElement(ByField_1.InnerSearchBarByField, __assign({}, props, { ref: barRef, __innerExpand: true, __innerOutside: true, __innnerPopup: true, onSearch: function (param) {
                                 props.onSearch(param);
                                 setOpen(false);
                             } })))), overlayClassName: 'c-searchbar-keyword-more', getPopupContainer: function (triggerNode) { return utils_1.PageUtil.getParentByClassName(triggerNode, 'c-searchbar'); } }));

package/components/Upload/UploadImage.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { BaseUploadProps } from './index';
 import type { PlainObject } from '../../basetype';
+export declare const getImageUrl: (uri: string) => string;
 export type UploadImageProps = BaseUploadProps & {
     /**
      * 宽度，默认：80

package/components/Upload/UploadImage.js

@@ -64,7 +64,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UploadImage = void 0;
+exports.UploadImage = exports.getImageUrl = void 0;
 var react_1 = __importStar(require("react"));
 var lodash_1 = __importDefault(require("lodash"));
 var antd_1 = require("antd");
@@ -81,6 +81,7 @@ var getImageUrl = function (uri) {
         return utils_1.PageUtil.resolveURL(uri);
     return utils_1.GLOBAL.CONFIG.UPLOAD.PREVIEW + uri;
 };
+exports.getImageUrl = getImageUrl;
 var ImagePreview = function (props) {
     var state = props.state, width = props.width, height = props.height, showPreview = props.showPreview;
     var _a = __read((0, hooks_1.useToggle)(), 2), open = _a[0], show = _a[1];
@@ -88,8 +89,8 @@ var ImagePreview = function (props) {
         if (lodash_1.default.isFunction(props.preview))
             return props.preview(state.info);
         if (lodash_1.default.isString(state.info))
-            return getImageUrl(state.info);
-        return getImageUrl(state.info.guid || state.info.fileId);
+            return (0, exports.getImageUrl)(state.info);
+        return (0, exports.getImageUrl)(state.info.guid || state.info.fileId);
     }, [state.info]);
     var divProps = (0, react_1.useMemo)(function () {
         var param = {
@@ -231,8 +232,8 @@ var UploadImage = function (props) {
     }
     if (state.info == null) {
         return react_1.default.createElement("div", { style: { height: height }, className: 'c-upload-img-root' },
-            react_1.default.createElement(antd_1.Upload, __assign({}, uploadProps, { onChange: onChange, style: { width: width, height: height }, disabled: state.uploading }),
-                react_1.default.createElement("div", { style: { width: width, height: height } },
+            react_1.default.createElement(antd_1.Upload, __assign({}, uploadProps, { onChange: onChange, style: { width: width, height: height, }, disabled: state.uploading }),
+                react_1.default.createElement("div", { style: { width: width, height: height, display: "flex", justifyContent: 'center', alignItems: 'center' } },
                     react_1.default.createElement("div", { className: 'c-upload-placehoder' },
                         react_1.default.createElement(Icon_1.Icon, { type: state.uploading ? 'loading' : 'plus' }),
                         react_1.default.createElement("span", { className: "c-upload-img-text" }, utils_1.i18n.getText(props.ik, props.label, _i18n_1.V.UPLOAD_PIC))))),

package/components/_adapt/Tabs.d.ts

@@ -7,7 +7,22 @@ export interface Tab extends Omit<AntdTabPaneProps, 'tab'> {
     label: React.ReactNode;
 }
 export type TabsProps = AntdTabsProps & {
+    /**
+     * antd5：建议直接使用 items 传入
+    */
     items?: Tab[];
+    /**
+     * 隐藏最左边的 Border
+    */
+    hideLeftBorder?: boolean;
+    /**
+     * 隐藏上边的 Border
+    */
+    hideTopBorder?: boolean;
+    /**
+     * 隐藏左边的间隙
+    */
+    hideLeftSpace?: boolean;
 };
 type TabComponent = ExoticComponent<PropsWithChildren<TabsProps>> & {
     TabPane: typeof AntdTabs.TabPane;

package/components/_adapt/Tabs.js

@@ -10,19 +10,54 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tabs = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var lodash_1 = __importDefault(require("lodash"));
 var antd_1 = require("antd");
 var _Tabs = function (props) {
+    var className = (0, react_1.useMemo)(function () {
+        var clazz = [];
+        if (props.className)
+            clazz.push(props.className);
+        if (props.hideLeftBorder)
+            clazz.push('tabs-hide-l');
+        if (props.hideTopBorder)
+            clazz.push('tabs-hide-t');
+        if (props.hideLeftSpace)
+            clazz.push('tabs-hide-ls');
+        return clazz.join(' ');
+    }, [props.className]);
     if (props.children == null && lodash_1.default.isArray(props.items) && props.items.length > 0) {
-        return react_1.default.createElement(antd_1.Tabs, __assign({}, props), props.items.map(function (item) { return react_1.default.createElement(antd_1.Tabs.TabPane, __assign({}, item, { tab: item.label })); }));
+        return react_1.default.createElement(antd_1.Tabs, __assign({}, props, { className: className }), props.items.map(function (item) { return react_1.default.createElement(antd_1.Tabs.TabPane, __assign({}, item, { tab: item.label })); }));
     }
-    return react_1.default.createElement(antd_1.Tabs, __assign({}, props));
+    return react_1.default.createElement(antd_1.Tabs, __assign({}, props, { className: className }));
 };
 exports.Tabs = _Tabs;
 exports.Tabs.TabPane = antd_1.Tabs.TabPane;

package/deps/app-data/Const.d.ts

@@ -0,0 +1,6 @@
+export declare const API_PREFIX = "/api-data";
+export declare const IMAGE_PREFIX = "/data/images";
+export declare enum SOURCE_TYPE {
+    ELASTIC = 1,
+    MYSQL = 2
+}

package/deps/app-data/Const.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SOURCE_TYPE = exports.IMAGE_PREFIX = exports.API_PREFIX = void 0;
+exports.API_PREFIX = '/api-data';
+exports.IMAGE_PREFIX = '/data/images';
+var SOURCE_TYPE;
+(function (SOURCE_TYPE) {
+    SOURCE_TYPE[SOURCE_TYPE["ELASTIC"] = 1] = "ELASTIC";
+    SOURCE_TYPE[SOURCE_TYPE["MYSQL"] = 2] = "MYSQL";
+})(SOURCE_TYPE || (exports.SOURCE_TYPE = SOURCE_TYPE = {}));

package/deps/app-data/SourceTable.js

@@ -0,0 +1,137 @@
+// import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
+// import _ from 'lodash';
+// import { VTable } from '../../index';
+// import { useDoLoad, useEffectFunction } from 'vap2/hooks';
+// import { Const, Renders } from '../../utils';
+// import { SOURCE_TYPE } from '../utils/Global';
+// import { getColumns, getFieldBySourceField, getSourceFieldsById } from '../utils/SourceUtil';
+// import { filtersToQuery, } from '../utils/ConvertUtil';
+// import { generate, search, orderBy } from 'utils/ContentUtil';
+// import type { BaseTableProps } from '../..//components/Tables';
+// import type { ListModel } from '../../hooks/_list';
+// import type { Dayjs } from 'dayjs';
+// import type { PlainObject } from '../../basetype';
+// export type SourceTableProps = Partial<Omit<BaseTableProps, 'searchBar' | 'selectBar'>> & {
+//     sourceId: number,
+//     startTime: Dayjs,
+//     endTime: Dayjs,
+//     searchFields?: string[]
+//     // columns?: []
+// };
+// const useSourceTable = (sourceId: number, startTime: Dayjs, endTime: Dayjs): ListModel => {
+//     const [state, setState] = useDoLoad({
+//         rowKey: '_id',
+//         list: [],
+//         isQuerying: false,
+//         cost: 0,
+//         pageNo: 1,
+//         pageSize: 15,
+//         total: 0,
+//         totalAcc: 0,
+//         param: {}
+//     });
+//     // source: number[], startTime: Dayjs, endTime: Dayjs, q: string, query: RequestQuery = {}, professor: boolean = false, agg: boolean = false, domain: string = null
+//     let lastQuery = useRef({
+//         sourceType: SOURCE_TYPE.ELASTIC,
+//         sourceId: [sourceId],
+//         startTime, endTime,
+//         segment: null, query: '',
+//         sort: null
+//     });
+//     const queryHook = useCallback(async (
+//         param: PlainObject,
+//     ) => {
+//         let filters: Filter[] = [];
+//         let fields = _.keys(param);
+//         for (let field of fields) {
+//             // getFieldBySourceField
+//             let value = _.trim(param[field]);
+//             if (value == null || value == '') continue;
+//             let col = await getFieldBySourceField(sourceId, field);
+//             if (col && col.type == 'keyword') {
+//                 let filter = { field } as Filter;
+//                 filter.oper = col.dict ? 'eq' : 'like';
+//                 filter.value = param[field];
+//                 filters.push(filter);
+//             }
+//         }
+//         let query = filtersToQuery(filters, sourceId);
+//         setState({ isQuerying: true })
+//         let resp = await generate(lastQuery.current.sourceId, lastQuery.current.startTime, lastQuery.current.endTime, '', query);
+//         lastQuery.current.sort = orderBy(lastQuery.current.sourceId[0]);
+//         lastQuery.current.query = resp.query;
+//         lastQuery.current.segment = resp.segment;
+//         // this.setState({ query: info.query, segment: info.segment, total: info.total, totalAcc: info.totalAcc }, () => {
+//         if (resp.total == 0) {
+//             setState({ isQuerying: false, list: [], total: 0, totalAcc: 0 })
+//         } else {
+//             setState({ isQuerying: false, total: resp.total, totalAcc: resp.totalAcc })
+//             pageTo(1)
+//             //         this.toPage(1);
+//         }
+//         // })
+//     }, [state])
+//     const changeTime = () => {
+//     }
+//     const query = async (param: PlainObject, clean?: boolean) => {
+//         queryHook(param)
+//     }
+//     const pageTo = useCallback(async (pageNo: number, size?: number) => {
+//         const { sourceType, segment, query, sort } = lastQuery.current;
+//         let pageSize = size || state.pageSize;
+//         setState({ isQuerying: true })
+//         const resp = await search({
+//             sourceType, segment, query,
+//             sort,
+//             start: pageSize * (pageNo - 1),
+//             count: pageSize
+//         });
+//         setState({ isQuerying: false, list: resp.list, pageNo, pageSize })
+//     }, [state.pageSize])
+//     const _orderBy = async (order: string, by: 'asc' | 'desc') => {
+//         let sort = null;
+//         if (order) {
+//             sort = orderBy(lastQuery.current.sort, order, by != 'asc')
+//         }
+//         pageTo(1)
+//     }
+//     return { ...state, query, pageTo, orderBy: _orderBy, changeTime } as ListModel
+// }
+// export default (props: SourceTableProps) => {
+//     const model = useSourceTable(props.sourceId, props.startTime, props.endTime);
+//     const [config, setConfig] = useState({ columns: [] });
+//     useEffectFunction(async () => {
+//         let tableProps: BaseTableProps = { columns: [] }
+//         if (_.isArray(props.columns) && props.columns.length) {
+//             tableProps.columns = props.columns;
+//         } else {
+//             [tableProps.columns] = await getColumns([props.sourceId])
+//         }
+//         if (_.has(props, 'searchFields') && _.isArray(props.searchFields) && props.searchFields.length > 0) {
+//             const fields = await getSourceFieldsById(props.sourceId)
+//             tableProps.searchBar = { fields: [] }
+//             props.searchFields.map(item => {
+//                 let field = _.find(fields, { field: item });
+//                 if (field) {
+//                     if (field.dict) {
+//                         tableProps.searchBar.fields.push({ label: field.name, field: field.field, type: 'select', options: Renders.DictRender(field.dict).options() })
+//                     } else if (field.type == 'keyword') {
+//                         tableProps.searchBar.fields.push({ label: field.name, field: field.field, config: { like: true } })
+//                     }
+//                 }
+//             });
+//         }
+//         setConfig(tableProps);
+//     }, [props.columns]);
+//     useLayoutEffect(() => {
+//         model.query({});
+//     }, [])
+//     if (config.columns.length == 0) return Const.NONE;
+//     return <VTable
+//         model={model}
+//         {...config}
+//         mode={props.mode}
+//         rowKey='_id'
+//         autoLoad={false}
+//     />
+// }

package/deps/{apis → app-data}/useSource.js

@@ -1,14 +1,25 @@
-// import React, { useEffect ,useCallback} from 'react';
+// import React, { useEffect } from 'react';
 // import _ from 'lodash';
 // import { Ajax, CacheUtil, } from "../../utils";
-// // import {  message, Icon } from '../../components'
+// import { message } from 'antd';
+// import { Icon } from '../../components/_adapt/Icon'
+// // import { BaseOption, message, Icon } from '../'
 // import { useApi, useSetState } from '../../hooks';
-// // import { API_PREFIX, SOURCE_TYPE } from '../../utils/Global'
-// // import {  } from 'react';
-// // import { sourceTypeRender } from '../utils/Renders';
+// import { API_PREFIX, SOURCE_TYPE } from '../../utils/Global'
+// import { useCallback } from 'react';
+// export const sourceTypeRender = (type: SOURCE_TYPE): React.ReactNode => {
+//     switch (type) {
+//         case 1:
+//             return <img src={`${IMAGE_PREFIX}/source-type/elastic-search.svg`} height={20} width={58} style={{ verticalAlign: 'middle' }} />
+//         case 2:
+//             return <img src={`${IMAGE_PREFIX}/source-type/mysql.svg`} height={20} width={30} style={{ verticalAlign: 'middle' }} />
+//         default:
+//             return <img src={`${IMAGE_PREFIX}/source-type/elastic-search.svg`} height={20} width={58} style={{ verticalAlign: 'middle' }} />
+//     }
+// }
 // const SOURCE_API = API_PREFIX + '/source'
 // Ajax.SESSION(SOURCE_API);
-// type UseDataSource = {
+// export type UseDataSource = {
 //     sourceLoading: boolean;
 //     all: Source[],
 //     sourceMap: Map<number, Source>,
@@ -44,6 +55,7 @@
 //             afterAll: (action, isSuccess) => {
 //                 if (isSuccess) {
 //                     Ajax.CLEAR(SOURCE_API);
+//                     location.reload();
 //                 }
 //             }
 //         }
@@ -59,8 +71,6 @@
 //             resp.data.map(item => {
 //                 all.push(item);
 //                 sourceMap.set(item.id, item);
-//                 // console.log(item.topicName, item.topicAlias)
-//                 // if (item.topicName) kafka.push(item)
 //                 if (item.type == 1) {
 //                     es.push(item);
 //                 } else if (item.type == 2) {

package/deps/editor/Article.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { Descendant } from 'slate';
+/**
+ * 富文本框
+*/
+export type ArticleProps = {
+    /**
+     * 值，传JSON串，或是 JSON
+    */
+    value: string | Descendant[];
+    /**
+     * 样式名称
+    */
+    className?: string;
+    /**
+     * 自定义样式
+    */
+    sytle?: React.CSSProperties;
+};
+export declare const Article: React.FC<ArticleProps>;

package/deps/editor/Article.js

@@ -0,0 +1,53 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Article = void 0;
+var react_1 = __importStar(require("react"));
+var utils_1 = require("./utils");
+var slate_1 = require("slate");
+var slate_react_1 = require("slate-react");
+var support_1 = require("./support");
+var utils_2 = require("../../utils");
+var Article = function (props) {
+    var renderElement = (0, react_1.useCallback)(function (props) { return react_1.default.createElement(support_1.Element, __assign({}, props)); }, []);
+    var renderLeaf = (0, react_1.useCallback)(function (props) { return react_1.default.createElement(support_1.Leaf, __assign({}, props)); }, []);
+    var editor = (0, react_1.useMemo)(function () { return (0, slate_react_1.withReact)((0, slate_1.createEditor)()); }, []);
+    var initialValue = (0, utils_1.initValue)(props);
+    return react_1.default.createElement("div", { className: utils_2.StringUtil.className(['sv', props.className]), style: props.sytle },
+        react_1.default.createElement(slate_react_1.Slate, { editor: editor, initialValue: initialValue },
+            react_1.default.createElement(slate_react_1.Editable, { readOnly: true, renderElement: renderElement, renderLeaf: renderLeaf })));
+};
+exports.Article = Article;

package/deps/editor/Editor.d.ts

@@ -0,0 +1,43 @@
+import type { ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { Descendant } from 'slate';
+import type { ArticleProps, CommandType } from './types';
+export type EditorRef = {
+    getValue: () => Descendant[];
+};
+export type EditorProps = Partial<ArticleProps> & {
+    /**
+     * 微服务版本专用，
+     * 用于声明图片/文件上传的 namespace 空间
+    */
+    namespace?: string;
+    /**
+     * 是否禁用
+    */
+    disabled?: boolean;
+    /**
+     * 提示
+    */
+    placeholder?: string;
+    /**
+     * 操作栏：
+     * full 全操作
+     * simple : 简洁操作（默认）
+     *
+     * */
+    toolbar?: 'full' | 'simple' | CommandType[][];
+    /**
+     * 事件
+    */
+    onChange?: (value: Descendant[], isCtrlS: boolean) => void;
+    /**
+     * 变化时，延时触发onChange，避免onChange频繁调用，
+     * 默认 200
+    */
+    onChangeDelay?: number;
+    /**
+     * 图库
+     * 传此后，插入图片会多出从图库中选择的选项
+    */
+    imgages?: string[];
+};
+export declare const Editor: ForwardRefExoticComponent<EditorProps & RefAttributes<EditorRef>>;

package/deps/editor/Editor.js

@@ -0,0 +1,110 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Editor = void 0;
+var react_1 = __importStar(require("react"));
+var lodash_1 = __importDefault(require("lodash"));
+var slate_1 = require("slate");
+var slate_react_1 = require("slate-react");
+var slate_history_1 = require("slate-history");
+var ToolBar_1 = require("./tools/ToolBar");
+var support_1 = require("./support");
+var utils_1 = require("./utils");
+var utils_2 = require("../../utils");
+exports.Editor = (0, react_1.forwardRef)(function (props, ref) {
+    var editor = (0, react_1.useMemo)(function () { return (0, support_1.supportAdvance)((0, slate_history_1.withHistory)((0, slate_react_1.withReact)((0, slate_1.createEditor)()))); }, []);
+    var renderElement = (0, react_1.useCallback)(function (props) { return react_1.default.createElement(support_1.Element, __assign({}, props, { isEditor: true })); }, []);
+    var renderLeaf = (0, react_1.useCallback)(function (props) { return react_1.default.createElement(support_1.Leaf, __assign({}, props)); }, []);
+    var initialValue = (0, utils_1.initValue)(props);
+    var PID = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        getValue: function () { return editor.children; }
+    }); }, []);
+    (0, react_1.useLayoutEffect)(function () {
+        if (!lodash_1.default.isFunction(props.onChange))
+            return;
+        var onKeyDown = function (evt) {
+            if (!evt.ctrlKey)
+                return;
+            if (evt.key == 's' || evt.key == 'S') {
+                evt.preventDefault();
+                evt.stopPropagation();
+                props.onChange(editor.children, true);
+                return;
+            }
+        };
+        document.addEventListener('keydown', onKeyDown, false);
+        return function () { return document.removeEventListener('keydown', onKeyDown); };
+    }, []);
+    var toolbar = (0, react_1.useMemo)(function () {
+        if (lodash_1.default.isArray(props.toolbar)) {
+            return props.toolbar;
+        }
+        if (lodash_1.default.isString(props.toolbar)) {
+            if (props.toolbar == 'full')
+                return utils_1.FULL_TOOLS;
+            if (props.toolbar == 'simple')
+                return utils_1.SIMPLE_TOOLS;
+        }
+        return utils_1.SIMPLE_TOOLS;
+    }, []);
+    var onChange = (0, react_1.useMemo)(function () {
+        if (!lodash_1.default.isFunction(props.onChange))
+            return undefined;
+        var delay = props.onChangeDelay || 200;
+        return function (value) {
+            var isAstChange = editor.operations.some(function (op) { return 'set_selection' !== op.type; });
+            if (isAstChange) {
+                clearTimeout(PID.current);
+                PID.current = setTimeout(function () { return props.onChange(value, false); }, delay);
+            }
+        };
+    }, []);
+    return react_1.default.createElement("div", { className: utils_2.StringUtil.className(['sv se', props.className]), style: props.sytle },
+        react_1.default.createElement(slate_react_1.Slate, { editor: editor, initialValue: initialValue, onChange: onChange },
+            react_1.default.createElement(ToolBar_1.Toolbar, { buttons: toolbar, disabled: props.disabled }),
+            react_1.default.createElement(slate_react_1.Editable, { renderElement: renderElement, renderLeaf: renderLeaf, spellCheck: true, autoFocus: true, placeholder: props.placeholder || '请输入文本', 
+                // readOnly={props.disabled}
+                disabled: props.disabled, className: 'se-content', onKeyDown: function (event) {
+                    if (event.ctrlKey && event.key == 'a' || event.key == 'A') {
+                        event.preventDefault();
+                        slate_1.Transforms.select(editor, []);
+                    }
+                } })));
+});