@nocobase/client 0.5.0-alpha.36 → 0.7.0-alpha.0

package/lib/slate/RichText.js

@@ -0,0 +1,197 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RichText = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var css_1 = require("@emotion/css");
+var is_hotkey_1 = __importDefault(require("is-hotkey"));
+var react_1 = require("react");
+var slate_1 = require("slate");
+var slate_history_1 = require("slate-history");
+var slate_react_1 = require("slate-react");
+var EllipsisWithTooltip_1 = require("../schema-component/antd/input/EllipsisWithTooltip");
+var components_1 = require("./components");
+var HOTKEYS = {
+    'mod+b': 'bold',
+    'mod+i': 'italic',
+    'mod+u': 'underline',
+    'mod+`': 'code',
+};
+var LIST_TYPES = ['numbered-list', 'bulleted-list'];
+var TEXT_ALIGN_TYPES = ['left', 'center', 'right', 'justify'];
+var DEFAULT_VALUE = [
+    {
+        type: 'paragraph',
+        children: [{ text: '' }],
+    },
+];
+var RichText = function (props) {
+    var value = props.value, _a = props.placeholder, placeholder = _a === void 0 ? '' : _a, className = props.className, readOnly = props.readOnly, _b = props.autop, autop = _b === void 0 ? true : _b, ellipsis = props.ellipsis, onChange = props.onChange;
+    var renderElement = (0, react_1.useCallback)(function (props) { return (0, jsx_runtime_1.jsx)(Element, __assign({}, props), void 0); }, []);
+    var renderLeaf = (0, react_1.useCallback)(function (props) { return (0, jsx_runtime_1.jsx)(Leaf, __assign({}, props), void 0); }, []);
+    var editor = (0, react_1.useMemo)(function () { return (0, slate_history_1.withHistory)((0, slate_react_1.withReact)((0, slate_1.createEditor)())); }, []);
+    var slateValue = (0, react_1.useMemo)(function () {
+        editor.children = JSON.parse(JSON.stringify(value || DEFAULT_VALUE));
+        slate_1.Editor.normalize(editor, { force: true });
+        return editor.children;
+    }, [editor, value]);
+    if (readOnly) {
+        var slateContent = ((0, jsx_runtime_1.jsx)(slate_react_1.Slate, __assign({ editor: editor, value: slateValue }, { children: (0, jsx_runtime_1.jsx)(slate_react_1.Editable, { renderElement: renderElement, renderLeaf: renderLeaf, spellCheck: true, autoFocus: true, readOnly: readOnly }, void 0) }), void 0));
+        var slatePlainText = serialize(slateValue);
+        var content = ((0, jsx_runtime_1.jsx)(EllipsisWithTooltip_1.EllipsisWithTooltip, __assign({ ellipsis: ellipsis, popoverContent: autop ? slateContent : slatePlainText }, { children: ellipsis ? slatePlainText : slateContent }), void 0));
+        return content;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, css_1.cx)(className, 'slate', (0, css_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          border: solid 1px #d2d2d2;\n          border-radius: 2px;\n        "], ["\n          border: solid 1px #d2d2d2;\n          border-radius: 2px;\n        "])))) }, { children: (0, jsx_runtime_1.jsxs)(slate_react_1.Slate, __assign({ editor: editor, value: slateValue, onChange: onChange }, { children: [(0, jsx_runtime_1.jsxs)(components_1.Toolbar, { children: [(0, jsx_runtime_1.jsx)(MarkButton, { format: "bold", icon: "format_bold" }, void 0), (0, jsx_runtime_1.jsx)(MarkButton, { format: "italic", icon: "format_italic" }, void 0), (0, jsx_runtime_1.jsx)(MarkButton, { format: "underline", icon: "format_underlined" }, void 0), (0, jsx_runtime_1.jsx)(MarkButton, { format: "code", icon: "code" }, void 0), (0, jsx_runtime_1.jsx)(BlockButton, { format: "block-quote", icon: "format_quote" }, void 0), (0, jsx_runtime_1.jsx)(BlockButton, { format: "numbered-list", icon: "format_list_numbered" }, void 0), (0, jsx_runtime_1.jsx)(BlockButton, { format: "bulleted-list", icon: "format_list_bulleted" }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, css_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            padding: 5px 11px;\n          "], ["\n            padding: 5px 11px;\n          "]))) }, { children: (0, jsx_runtime_1.jsx)(slate_react_1.Editable, { renderElement: renderElement, renderLeaf: renderLeaf, placeholder: placeholder, spellCheck: true, style: { minHeight: '10em' }, readOnly: readOnly, onKeyDown: function (event) {
+                            for (var hotkey in HOTKEYS) {
+                                if ((0, is_hotkey_1.default)(hotkey, event)) {
+                                    event.preventDefault();
+                                    var mark = HOTKEYS[hotkey];
+                                    toggleMark(editor, mark);
+                                }
+                            }
+                        } }, void 0) }), void 0)] }), void 0) }), void 0));
+};
+exports.RichText = RichText;
+var serialize = function (nodes) {
+    return nodes.map(function (n) { return slate_1.Node.string(n); }).join('\n');
+};
+var toggleBlock = function (editor, format) {
+    var isActive = isBlockActive(editor, format, TEXT_ALIGN_TYPES.includes(format) ? 'align' : 'type');
+    var isList = LIST_TYPES.includes(format);
+    slate_1.Transforms.unwrapNodes(editor, {
+        match: function (n) {
+            return !slate_1.Editor.isEditor(n) &&
+                slate_1.Element.isElement(n) &&
+                LIST_TYPES.includes(n.type) &&
+                !TEXT_ALIGN_TYPES.includes(format);
+        },
+        split: true,
+    });
+    var newProperties;
+    if (TEXT_ALIGN_TYPES.includes(format)) {
+        newProperties = {
+            align: isActive ? undefined : format,
+        };
+    }
+    else {
+        newProperties = {
+            type: isActive ? 'paragraph' : isList ? 'list-item' : format,
+        };
+    }
+    slate_1.Transforms.setNodes(editor, newProperties);
+    if (!isActive && isList) {
+        var block = { type: format, children: [] };
+        slate_1.Transforms.wrapNodes(editor, block);
+    }
+};
+var toggleMark = function (editor, format) {
+    var isActive = isMarkActive(editor, format);
+    if (isActive) {
+        slate_1.Editor.removeMark(editor, format);
+    }
+    else {
+        slate_1.Editor.addMark(editor, format, true);
+    }
+};
+var isBlockActive = function (editor, format, blockType) {
+    if (blockType === void 0) { blockType = 'type'; }
+    var selection = editor.selection;
+    if (!selection)
+        return false;
+    var _a = __read(Array.from(slate_1.Editor.nodes(editor, {
+        at: slate_1.Editor.unhangRange(editor, selection),
+        match: function (n) { return !slate_1.Editor.isEditor(n) && slate_1.Element.isElement(n) && n[blockType] === format; },
+    })), 1), match = _a[0];
+    return !!match;
+};
+var isMarkActive = function (editor, format) {
+    var marks = slate_1.Editor.marks(editor);
+    return marks ? marks[format] === true : false;
+};
+var Element = function (_a) {
+    var attributes = _a.attributes, children = _a.children, element = _a.element;
+    var style = { textAlign: element.align };
+    switch (element.type) {
+        case 'block-quote':
+            return ((0, jsx_runtime_1.jsx)("blockquote", __assign({ style: style }, attributes, { children: children }), void 0));
+        case 'bulleted-list':
+            return ((0, jsx_runtime_1.jsx)("ul", __assign({ style: style }, attributes, { children: children }), void 0));
+        case 'heading-one':
+            return ((0, jsx_runtime_1.jsx)("h1", __assign({ style: style }, attributes, { children: children }), void 0));
+        case 'heading-two':
+            return ((0, jsx_runtime_1.jsx)("h2", __assign({ style: style }, attributes, { children: children }), void 0));
+        case 'list-item':
+            return ((0, jsx_runtime_1.jsx)("li", __assign({ style: style }, attributes, { children: children }), void 0));
+        case 'numbered-list':
+            return ((0, jsx_runtime_1.jsx)("ol", __assign({ style: style }, attributes, { children: children }), void 0));
+        default:
+            return ((0, jsx_runtime_1.jsx)("p", __assign({ style: style }, attributes, { children: children }), void 0));
+    }
+};
+var Leaf = function (_a) {
+    var attributes = _a.attributes, children = _a.children, leaf = _a.leaf;
+    if (leaf.bold) {
+        children = (0, jsx_runtime_1.jsx)("strong", { children: children }, void 0);
+    }
+    if (leaf.code) {
+        children = (0, jsx_runtime_1.jsx)("code", { children: children }, void 0);
+    }
+    if (leaf.italic) {
+        children = (0, jsx_runtime_1.jsx)("em", { children: children }, void 0);
+    }
+    if (leaf.underline) {
+        children = (0, jsx_runtime_1.jsx)("u", { children: children }, void 0);
+    }
+    return (0, jsx_runtime_1.jsx)("span", __assign({}, attributes, { children: children }), void 0);
+};
+var BlockButton = function (_a) {
+    var format = _a.format, icon = _a.icon;
+    var editor = (0, slate_react_1.useSlate)();
+    return ((0, jsx_runtime_1.jsx)(components_1.Button, __assign({ active: isBlockActive(editor, format, TEXT_ALIGN_TYPES.includes(format) ? 'align' : 'type'), onMouseDown: function (event) {
+            event.preventDefault();
+            toggleBlock(editor, format);
+        } }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { children: icon }, void 0) }), void 0));
+};
+var MarkButton = function (_a) {
+    var format = _a.format, icon = _a.icon;
+    var editor = (0, slate_react_1.useSlate)();
+    return ((0, jsx_runtime_1.jsx)(components_1.Button, __assign({ active: isMarkActive(editor, format), onMouseDown: function (event) {
+            event.preventDefault();
+            toggleMark(editor, format);
+        } }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { children: icon }, void 0) }), void 0));
+};
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=RichText.js.map

package/lib/slate/RichText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichText.js","sourceRoot":"","sources":["../../src/slate/RichText.tsx"],"names":[],"mappings":"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","sourcesContent":["import { css, cx } from '@emotion/css';\nimport isHotkey from 'is-hotkey';\nimport React, { useCallback, useMemo } from 'react';\nimport { createEditor, Editor, Element as SlateElement, Node, Transforms } from 'slate';\nimport { withHistory } from 'slate-history';\nimport type { ReactEditor } from 'slate-react';\nimport { Editable, Slate, useSlate, withReact } from 'slate-react';\nimport { EllipsisWithTooltip } from '../schema-component/antd/input/EllipsisWithTooltip';\nimport { Button, Icon, Toolbar } from './components';\n\nconst HOTKEYS = {\n  'mod+b': 'bold',\n  'mod+i': 'italic',\n  'mod+u': 'underline',\n  'mod+`': 'code',\n};\n\nconst LIST_TYPES = ['numbered-list', 'bulleted-list'];\nconst TEXT_ALIGN_TYPES = ['left', 'center', 'right', 'justify'];\nconst DEFAULT_VALUE = [\n  {\n    type: 'paragraph',\n    children: [{ text: '' }],\n  },\n];\n\nexport const RichText = (props: any) => {\n  const { value, placeholder = '', className, readOnly, autop = true, ellipsis, onChange } = props;\n  const renderElement = useCallback((props) => <Element {...props} />, []);\n  const renderLeaf = useCallback((props) => <Leaf {...props} />, []);\n  const editor = useMemo(() => withHistory(withReact(createEditor() as ReactEditor)), []);\n  const slateValue = useMemo(() => {\n    editor.children = JSON.parse(JSON.stringify(value || DEFAULT_VALUE));\n    Editor.normalize(editor, { force: true });\n    return editor.children;\n  }, [editor, value]);\n  if (readOnly) {\n    const slateContent = (\n      <Slate editor={editor} value={slateValue}>\n        <Editable renderElement={renderElement} renderLeaf={renderLeaf} spellCheck autoFocus readOnly={readOnly} />\n      </Slate>\n    );\n    const slatePlainText = serialize(slateValue);\n    const content = (\n      <EllipsisWithTooltip ellipsis={ellipsis} popoverContent={autop ? slateContent : slatePlainText}>\n        {ellipsis ? slatePlainText : slateContent}\n      </EllipsisWithTooltip>\n    );\n    return content;\n  }\n  return (\n    <div\n      className={cx(\n        className,\n        'slate',\n        css`\n          border: solid 1px #d2d2d2;\n          border-radius: 2px;\n        `,\n      )}\n    >\n      <Slate editor={editor} value={slateValue} onChange={onChange}>\n        <Toolbar>\n          <MarkButton format=\"bold\" icon=\"format_bold\" />\n          <MarkButton format=\"italic\" icon=\"format_italic\" />\n          <MarkButton format=\"underline\" icon=\"format_underlined\" />\n          <MarkButton format=\"code\" icon=\"code\" />\n          <BlockButton format=\"block-quote\" icon=\"format_quote\" />\n          <BlockButton format=\"numbered-list\" icon=\"format_list_numbered\" />\n          <BlockButton format=\"bulleted-list\" icon=\"format_list_bulleted\" />\n        </Toolbar>\n        <div\n          className={css`\n            padding: 5px 11px;\n          `}\n        >\n          <Editable\n            renderElement={renderElement}\n            renderLeaf={renderLeaf}\n            placeholder={placeholder}\n            spellCheck\n            style={{ minHeight: '10em' }}\n            readOnly={readOnly}\n            onKeyDown={(event) => {\n              for (const hotkey in HOTKEYS) {\n                if (isHotkey(hotkey, event as any)) {\n                  event.preventDefault();\n                  const mark = HOTKEYS[hotkey];\n                  toggleMark(editor, mark);\n                }\n              }\n            }}\n          />\n        </div>\n      </Slate>\n    </div>\n  );\n};\n\nconst serialize = (nodes) => {\n  return nodes.map((n) => Node.string(n)).join('\\n');\n};\nconst toggleBlock = (editor, format) => {\n  const isActive = isBlockActive(editor, format, TEXT_ALIGN_TYPES.includes(format) ? 'align' : 'type');\n  const isList = LIST_TYPES.includes(format);\n\n  Transforms.unwrapNodes(editor, {\n    match: (n: Node) =>\n      !Editor.isEditor(n) &&\n      SlateElement.isElement(n) &&\n      LIST_TYPES.includes((n as any).type) &&\n      !TEXT_ALIGN_TYPES.includes(format),\n    split: true,\n  });\n  let newProperties: Partial<SlateElement & { align: any; type: string }>;\n  if (TEXT_ALIGN_TYPES.includes(format)) {\n    newProperties = {\n      align: isActive ? undefined : format,\n    };\n  } else {\n    newProperties = {\n      type: isActive ? 'paragraph' : isList ? 'list-item' : format,\n    };\n  }\n  Transforms.setNodes<SlateElement>(editor, newProperties);\n\n  if (!isActive && isList) {\n    const block = { type: format, children: [] };\n    Transforms.wrapNodes(editor, block);\n  }\n};\n\nconst toggleMark = (editor, format) => {\n  const isActive = isMarkActive(editor, format);\n\n  if (isActive) {\n    Editor.removeMark(editor, format);\n  } else {\n    Editor.addMark(editor, format, true);\n  }\n};\n\nconst isBlockActive = (editor, format, blockType = 'type') => {\n  const { selection } = editor;\n  if (!selection) return false;\n\n  const [match] = Array.from(\n    Editor.nodes(editor, {\n      at: Editor.unhangRange(editor, selection),\n      match: (n) => !Editor.isEditor(n) && SlateElement.isElement(n) && n[blockType] === format,\n    }),\n  );\n\n  return !!match;\n};\n\nconst isMarkActive = (editor, format) => {\n  const marks = Editor.marks(editor);\n  return marks ? marks[format] === true : false;\n};\n\nconst Element = ({ attributes, children, element }) => {\n  const style = { textAlign: element.align };\n  switch (element.type) {\n    case 'block-quote':\n      return (\n        <blockquote style={style} {...attributes}>\n          {children}\n        </blockquote>\n      );\n    case 'bulleted-list':\n      return (\n        <ul style={style} {...attributes}>\n          {children}\n        </ul>\n      );\n    case 'heading-one':\n      return (\n        <h1 style={style} {...attributes}>\n          {children}\n        </h1>\n      );\n    case 'heading-two':\n      return (\n        <h2 style={style} {...attributes}>\n          {children}\n        </h2>\n      );\n    case 'list-item':\n      return (\n        <li style={style} {...attributes}>\n          {children}\n        </li>\n      );\n    case 'numbered-list':\n      return (\n        <ol style={style} {...attributes}>\n          {children}\n        </ol>\n      );\n    default:\n      return (\n        <p style={style} {...attributes}>\n          {children}\n        </p>\n      );\n  }\n};\n\nconst Leaf = ({ attributes, children, leaf }) => {\n  if (leaf.bold) {\n    children = <strong>{children}</strong>;\n  }\n\n  if (leaf.code) {\n    children = <code>{children}</code>;\n  }\n\n  if (leaf.italic) {\n    children = <em>{children}</em>;\n  }\n\n  if (leaf.underline) {\n    children = <u>{children}</u>;\n  }\n\n  return <span {...attributes}>{children}</span>;\n};\n\nconst BlockButton = ({ format, icon }) => {\n  const editor = useSlate();\n  return (\n    <Button\n      active={isBlockActive(editor, format, TEXT_ALIGN_TYPES.includes(format) ? 'align' : 'type')}\n      onMouseDown={(event) => {\n        event.preventDefault();\n        toggleBlock(editor, format);\n      }}\n    >\n      <Icon>{icon}</Icon>\n    </Button>\n  );\n};\n\nconst MarkButton = ({ format, icon }) => {\n  const editor = useSlate();\n  return (\n    <Button\n      active={isMarkActive(editor, format)}\n      onMouseDown={(event) => {\n        event.preventDefault();\n        toggleMark(editor, format);\n      }}\n    >\n      <Icon>{icon}</Icon>\n    </Button>\n  );\n};\n"]}

package/lib/slate/Slate.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.less';
+export declare const Slate: {
+    (): any;
+    RichText: React.ForwardRefExoticComponent<Pick<Partial<any>, string | number | symbol> & React.RefAttributes<unknown>>;
+};

package/lib/slate/Slate.js

@@ -0,0 +1,39 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slate = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@formily/react");
+var slate_1 = require("slate");
+require("./index.less");
+var RichText_1 = require("./RichText");
+var Slate = function () { return null; };
+exports.Slate = Slate;
+var serialize = function (nodes) {
+    var _a;
+    return (_a = nodes === null || nodes === void 0 ? void 0 : nodes.map) === null || _a === void 0 ? void 0 : _a.call(nodes, function (n) { return slate_1.Node.string(n); }).join('');
+};
+var DEFAULT_VALUE = [
+    {
+        type: 'paragraph',
+        children: [{ text: '' }],
+    },
+];
+exports.Slate.RichText = (0, react_1.connect)(RichText_1.RichText, (0, react_1.mapProps)(function (props, field) {
+    // const fieldValue = serialize(field.value)?.trim();
+    // if (!fieldValue) {
+    //   field.value = undefined;
+    // }
+    return __assign({}, props);
+}), (0, react_1.mapReadPretty)(function (props) { return (0, jsx_runtime_1.jsx)(RichText_1.RichText, __assign({}, props, { readOnly: true }), void 0); }));
+//# sourceMappingURL=Slate.js.map

package/lib/slate/Slate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slate.js","sourceRoot":"","sources":["../../src/slate/Slate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,wCAAkE;AAElE,+BAA6B;AAC7B,wBAAsB;AACtB,uCAAsC;AAE/B,IAAM,KAAK,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAC;AAAnB,QAAA,KAAK,SAAc;AAEhC,IAAM,SAAS,GAAG,UAAC,KAAK;;IACtB,OAAO,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,+CAAV,KAAK,EAAQ,UAAC,CAAC,IAAK,OAAA,YAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAd,CAAc,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,CAAC,CAAC;AACF,IAAM,aAAa,GAAG;IACpB;QACE,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;KACzB;CACF,CAAC;AAEF,aAAK,CAAC,QAAQ,GAAG,IAAA,eAAO,EACtB,mBAAQ,EACR,IAAA,gBAAQ,EAAC,UAAC,KAAK,EAAE,KAAY;IAC3B,qDAAqD;IACrD,qBAAqB;IACrB,6BAA6B;IAC7B,IAAI;IACJ,oBACK,KAAK,EACR;AACJ,CAAC,CAAC,EACF,IAAA,qBAAa,EAAC,UAAC,KAAU,IAAK,OAAA,uBAAC,mBAAQ,eAAK,KAAK,IAAE,QAAQ,kBAAG,EAAhC,CAAgC,CAAC,CAChE,CAAC","sourcesContent":["import { Field } from '@formily/core';\nimport { connect, mapProps, mapReadPretty } from '@formily/react';\nimport React from 'react';\nimport { Node } from 'slate';\nimport './index.less';\nimport { RichText } from './RichText';\n\nexport const Slate = () => null;\n\nconst serialize = (nodes) => {\n  return nodes?.map?.((n) => Node.string(n)).join('');\n};\nconst DEFAULT_VALUE = [\n  {\n    type: 'paragraph',\n    children: [{ text: '' }],\n  },\n];\n\nSlate.RichText = connect(\n  RichText,\n  mapProps((props, field: Field) => {\n    // const fieldValue = serialize(field.value)?.trim();\n    // if (!fieldValue) {\n    //   field.value = undefined;\n    // }\n    return {\n      ...props,\n    };\n  }),\n  mapReadPretty((props: any) => <RichText {...props} readOnly />),\n);\n"]}

package/lib/slate/components.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface BaseProps {
+    className: string;
+    [key: string]: unknown;
+}
+export declare const Button: React.ForwardRefExoticComponent<Pick<{
+    active: boolean;
+    reversed: boolean;
+} & BaseProps, keyof BaseProps> & React.RefAttributes<HTMLSpanElement>>;
+export declare const EditorValue: React.ForwardRefExoticComponent<Pick<{
+    value: any;
+} & BaseProps, keyof BaseProps> & React.RefAttributes<null>>;
+export declare const Icon: React.ForwardRefExoticComponent<Pick<BaseProps, keyof BaseProps> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Instruction: React.ForwardRefExoticComponent<Pick<BaseProps, keyof BaseProps> & React.RefAttributes<HTMLDivElement>>;
+export declare const Menu: React.ForwardRefExoticComponent<Pick<BaseProps, keyof BaseProps> & React.RefAttributes<HTMLDivElement>>;
+export declare const Portal: ({ children }: {
+    children: any;
+}) => React.ReactPortal;
+export declare const Toolbar: React.ForwardRefExoticComponent<Pick<BaseProps, keyof BaseProps> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/slate/components.js

@@ -0,0 +1,71 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toolbar = exports.Portal = exports.Menu = exports.Instruction = exports.Icon = exports.EditorValue = exports.Button = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var css_1 = require("@emotion/css");
+var react_1 = __importDefault(require("react"));
+var react_dom_1 = __importDefault(require("react-dom"));
+exports.Button = react_1.default.forwardRef(function (_a, ref) {
+    var className = _a.className, active = _a.active, reversed = _a.reversed, props = __rest(_a, ["className", "active", "reversed"]);
+    return ((0, jsx_runtime_1.jsx)("span", __assign({}, props, { ref: ref, className: (0, css_1.cx)(className, (0, css_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          cursor: pointer;\n          color: ", ";\n        "], ["\n          cursor: pointer;\n          color: ", ";\n        "])), reversed ? (active ? 'white' : '#aaa') : active ? 'black' : '#ccc')) }), void 0));
+});
+exports.EditorValue = react_1.default.forwardRef(function (_a, ref) {
+    var className = _a.className, value = _a.value, props = __rest(_a, ["className", "value"]);
+    var textLines = value.document.nodes
+        .map(function (node) { return node.text; })
+        .toArray()
+        .join('\n');
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: ref }, props, { className: (0, css_1.cx)(className, (0, css_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            margin: 30px -20px 0;\n          "], ["\n            margin: 30px -20px 0;\n          "])))) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, css_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n            font-size: 14px;\n            padding: 5px 20px;\n            color: #404040;\n            border-top: 2px solid #eeeeee;\n            background: #f8f8f8;\n          "], ["\n            font-size: 14px;\n            padding: 5px 20px;\n            color: #404040;\n            border-top: 2px solid #eeeeee;\n            background: #f8f8f8;\n          "]))) }, { children: "Slate's value as text" }), void 0), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, css_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n            color: #404040;\n            font: 12px monospace;\n            white-space: pre-wrap;\n            padding: 10px 20px;\n            div {\n              margin: 0 0 0.5em;\n            }\n          "], ["\n            color: #404040;\n            font: 12px monospace;\n            white-space: pre-wrap;\n            padding: 10px 20px;\n            div {\n              margin: 0 0 0.5em;\n            }\n          "]))) }, { children: textLines }), void 0)] }), void 0));
+});
+exports.Icon = react_1.default.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("span", __assign({}, props, { ref: ref, className: (0, css_1.cx)('material-icons', className, (0, css_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          font-size: 18px;\n          vertical-align: text-bottom;\n        "], ["\n          font-size: 18px;\n          vertical-align: text-bottom;\n        "])))) }), void 0));
+});
+exports.Instruction = react_1.default.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({}, props, { ref: ref, className: (0, css_1.cx)(className, (0, css_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          white-space: pre-wrap;\n          margin: 0 -20px 10px;\n          padding: 10px 20px;\n          font-size: 14px;\n          background: #f8f8e8;\n        "], ["\n          white-space: pre-wrap;\n          margin: 0 -20px 10px;\n          padding: 10px 20px;\n          font-size: 14px;\n          background: #f8f8e8;\n        "])))) }), void 0));
+});
+exports.Menu = react_1.default.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({}, props, { ref: ref, className: (0, css_1.cx)(className, (0, css_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n          & > * {\n            display: inline-block;\n          }\n          & > * + * {\n            margin-left: 15px;\n          }\n        "], ["\n          & > * {\n            display: inline-block;\n          }\n          & > * + * {\n            margin-left: 15px;\n          }\n        "])))) }), void 0));
+});
+var Portal = function (_a) {
+    var children = _a.children;
+    return typeof document === 'object' ? react_dom_1.default.createPortal(children, document.body) : null;
+};
+exports.Portal = Portal;
+exports.Toolbar = react_1.default.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)(exports.Menu, __assign({}, props, { ref: ref, className: (0, css_1.cx)(className, (0, css_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n          position: relative;\n          padding: 5px 11px;\n          background-color: #f3f3f3;\n        "], ["\n          position: relative;\n          padding: 5px 11px;\n          background-color: #f3f3f3;\n        "])))) }), void 0));
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=components.js.map

package/lib/slate/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/slate/components.tsx"],"names":[],"mappings":"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","sourcesContent":["import { css, cx } from '@emotion/css';\nimport React, { PropsWithChildren, Ref } from 'react';\nimport ReactDOM from 'react-dom';\n\ninterface BaseProps {\n  className: string;\n  [key: string]: unknown;\n}\ntype OrNull<T> = T | null;\n\nexport const Button = React.forwardRef(\n  (\n    {\n      className,\n      active,\n      reversed,\n      ...props\n    }: PropsWithChildren<\n      {\n        active: boolean;\n        reversed: boolean;\n      } & BaseProps\n    >,\n    ref: Ref<OrNull<HTMLSpanElement>>,\n  ) => (\n    <span\n      {...props}\n      ref={ref}\n      className={cx(\n        className,\n        css`\n          cursor: pointer;\n          color: ${reversed ? (active ? 'white' : '#aaa') : active ? 'black' : '#ccc'};\n        `,\n      )}\n    />\n  ),\n);\n\nexport const EditorValue = React.forwardRef(\n  (\n    {\n      className,\n      value,\n      ...props\n    }: PropsWithChildren<\n      {\n        value: any;\n      } & BaseProps\n    >,\n    ref: Ref<OrNull<null>>,\n  ) => {\n    const textLines = value.document.nodes\n      .map((node) => node.text)\n      .toArray()\n      .join('\\n');\n    return (\n      <div\n        ref={ref}\n        {...props}\n        className={cx(\n          className,\n          css`\n            margin: 30px -20px 0;\n          `,\n        )}\n      >\n        <div\n          className={css`\n            font-size: 14px;\n            padding: 5px 20px;\n            color: #404040;\n            border-top: 2px solid #eeeeee;\n            background: #f8f8f8;\n          `}\n        >\n          Slate's value as text\n        </div>\n        <div\n          className={css`\n            color: #404040;\n            font: 12px monospace;\n            white-space: pre-wrap;\n            padding: 10px 20px;\n            div {\n              margin: 0 0 0.5em;\n            }\n          `}\n        >\n          {textLines}\n        </div>\n      </div>\n    );\n  },\n);\n\nexport const Icon = React.forwardRef(\n  ({ className, ...props }: PropsWithChildren<BaseProps>, ref: Ref<OrNull<HTMLSpanElement>>) => (\n    <span\n      {...props}\n      ref={ref}\n      className={cx(\n        'material-icons',\n        className,\n        css`\n          font-size: 18px;\n          vertical-align: text-bottom;\n        `,\n      )}\n    />\n  ),\n);\n\nexport const Instruction = React.forwardRef(\n  ({ className, ...props }: PropsWithChildren<BaseProps>, ref: Ref<OrNull<HTMLDivElement>>) => (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(\n        className,\n        css`\n          white-space: pre-wrap;\n          margin: 0 -20px 10px;\n          padding: 10px 20px;\n          font-size: 14px;\n          background: #f8f8e8;\n        `,\n      )}\n    />\n  ),\n);\n\nexport const Menu = React.forwardRef(\n  ({ className, ...props }: PropsWithChildren<BaseProps>, ref: Ref<OrNull<HTMLDivElement>>) => (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(\n        className,\n        css`\n          & > * {\n            display: inline-block;\n          }\n          & > * + * {\n            margin-left: 15px;\n          }\n        `,\n      )}\n    />\n  ),\n);\n\nexport const Portal = ({ children }) => {\n  return typeof document === 'object' ? ReactDOM.createPortal(children, document.body) : null;\n};\n\nexport const Toolbar = React.forwardRef(\n  ({ className, ...props }: PropsWithChildren<BaseProps>, ref: Ref<OrNull<HTMLDivElement>>) => (\n    <Menu\n      {...props}\n      ref={ref}\n      className={cx(\n        className,\n        css`\n          position: relative;\n          padding: 5px 11px;\n          background-color: #f3f3f3;\n        `,\n      )}\n    />\n  ),\n);\n"]}

package/lib/slate/index.d.ts

@@ -0,0 +1 @@
+export * from './Slate';

package/lib/slate/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Slate"), exports);
+//# sourceMappingURL=index.js.map

package/lib/slate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/slate/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAwB","sourcesContent":["export * from './Slate';\n"]}

package/lib/system-settings/SystemSettingsProvider.d.ts

@@ -0,0 +1,5 @@
+import { Result } from 'ahooks/lib/useRequest/src/types';
+import React from 'react';
+export declare const SystemSettingsContext: React.Context<Result<any, any>>;
+export declare const useSystemSettings: () => Result<any, any>;
+export declare const SystemSettingsProvider: React.FC;

package/lib/system-settings/SystemSettingsProvider.js

@@ -0,0 +1,34 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SystemSettingsProvider = exports.useSystemSettings = exports.SystemSettingsContext = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var antd_1 = require("antd");
+var react_1 = require("react");
+var __1 = require("..");
+exports.SystemSettingsContext = (0, react_1.createContext)(null);
+var useSystemSettings = function () {
+    return (0, react_1.useContext)(exports.SystemSettingsContext);
+};
+exports.useSystemSettings = useSystemSettings;
+var SystemSettingsProvider = function (props) {
+    var result = (0, __1.useRequest)({
+        url: 'systemSettings:get/1?appends=logo',
+    });
+    if (result.loading) {
+        return (0, jsx_runtime_1.jsx)(antd_1.Spin, {}, void 0);
+    }
+    return (0, jsx_runtime_1.jsx)(exports.SystemSettingsContext.Provider, __assign({ value: result }, { children: props.children }), void 0);
+};
+exports.SystemSettingsProvider = SystemSettingsProvider;
+//# sourceMappingURL=SystemSettingsProvider.js.map

package/lib/system-settings/SystemSettingsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemSettingsProvider.js","sourceRoot":"","sources":["../../src/system-settings/SystemSettingsProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,6BAA4B;AAC5B,+BAAyD;AACzD,wBAAgC;AAEnB,QAAA,qBAAqB,GAAG,IAAA,qBAAa,EAAmB,IAAI,CAAC,CAAC;AAEpE,IAAM,iBAAiB,GAAG;IAC/B,OAAO,IAAA,kBAAU,EAAC,6BAAqB,CAAC,CAAC;AAC3C,CAAC,CAAC;AAFW,QAAA,iBAAiB,qBAE5B;AAEK,IAAM,sBAAsB,GAAa,UAAC,KAAK;IACpD,IAAM,MAAM,GAAG,IAAA,cAAU,EAAC;QACxB,GAAG,EAAE,mCAAmC;KACzC,CAAC,CAAC;IACH,IAAI,MAAM,CAAC,OAAO,EAAE;QAClB,OAAO,uBAAC,WAAI,aAAG,CAAC;KACjB;IACD,OAAO,uBAAC,6BAAqB,CAAC,QAAQ,aAAC,KAAK,EAAE,MAAM,gBAAG,KAAK,CAAC,QAAQ,YAAkC,CAAC;AAC1G,CAAC,CAAC;AARW,QAAA,sBAAsB,0BAQjC","sourcesContent":["import { Result } from 'ahooks/lib/useRequest/src/types';\nimport { Spin } from 'antd';\nimport React, { createContext, useContext } from 'react';\nimport { useRequest } from '..';\n\nexport const SystemSettingsContext = createContext<Result<any, any>>(null);\n\nexport const useSystemSettings = () => {\n  return useContext(SystemSettingsContext);\n};\n\nexport const SystemSettingsProvider: React.FC = (props) => {\n  const result = useRequest({\n    url: 'systemSettings:get/1?appends=logo',\n  });\n  if (result.loading) {\n    return <Spin />;\n  }\n  return <SystemSettingsContext.Provider value={result}>{props.children}</SystemSettingsContext.Provider>;\n};\n"]}

package/lib/system-settings/SystemSettingsShortcut.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const SystemSettingsShortcut: () => JSX.Element;