@titaui/pc 1.16.22 → 1.16.25-beta.1

package/lib/components/rich-editor/schemas/basic.js

@@ -0,0 +1,309 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.schema = exports.nodes = exports.marks = void 0;
+
+var _prosemirrorModel = require("prosemirror-model");
+
+var blockquoteDOM = ["blockquote", 0];
+var hrDOM = ["hr"];
+var preDOM = ["pre", ["code", 0]];
+var brDOM = ["br"]; // :: Object
+// [Specs](#model.NodeSpec) for the nodes defined in this schema.
+
+var nodes = {
+  // :: NodeSpec The top level document node.
+  doc: {
+    content: "block+"
+  },
+  // :: NodeSpec A plain paragraph textblock. Represented in the DOM
+  // as a `<p>` element.
+  paragraph: {
+    content: "inline*",
+    attrs: {
+      textAlign: {
+        "default": 'left'
+      }
+    },
+    group: "block",
+    parseDOM: [{
+      tag: "p"
+    }],
+    toDOM: function toDOM(node) {
+      return ["p", {
+        style: "text-align:".concat(node.attrs["textAlign"])
+      }, 0];
+    }
+  },
+  // :: NodeSpec A blockquote (`<blockquote>`) wrapping one or more blocks.
+  blockquote: {
+    content: "block+",
+    group: "block",
+    defining: true,
+    parseDOM: [{
+      tag: "blockquote"
+    }],
+    toDOM: function toDOM() {
+      return blockquoteDOM;
+    }
+  },
+  // :: NodeSpec A horizontal rule (`<hr>`).
+  horizontal_rule: {
+    group: "block",
+    parseDOM: [{
+      tag: "hr"
+    }],
+    toDOM: function toDOM() {
+      return hrDOM;
+    }
+  },
+  // :: NodeSpec A heading textblock, with a `level` attribute that
+  // should hold the number 1 to 6. Parsed and serialized as `<h1>` to
+  // `<h6>` elements.
+  heading: {
+    attrs: {
+      level: {
+        "default": 1
+      },
+      textAlign: {
+        "default": 'left'
+      }
+    },
+    content: "inline*",
+    group: "block",
+    defining: true,
+    parseDOM: [{
+      tag: "h1",
+      attrs: {
+        level: 1
+      }
+    }, {
+      tag: "h2",
+      attrs: {
+        level: 2
+      }
+    }, {
+      tag: "h3",
+      attrs: {
+        level: 3
+      }
+    }, {
+      tag: "h4",
+      attrs: {
+        level: 4
+      }
+    }, {
+      tag: "h5",
+      attrs: {
+        level: 5
+      }
+    }, {
+      tag: "h6",
+      attrs: {
+        level: 6
+      }
+    }],
+    toDOM: function toDOM(node) {
+      return ["h".concat(node.attrs.level), {
+        style: "text-align:".concat(node.attrs["textAlign"])
+      }, 0];
+    }
+  },
+  // :: NodeSpec A code listing. Disallows marks or non-text inline
+  // nodes by default. Represented as a `<pre>` element with a
+  // `<code>` element inside of it.
+  code_block: {
+    content: "text*",
+    marks: "",
+    group: "block",
+    code: true,
+    defining: true,
+    parseDOM: [{
+      tag: "pre",
+      preserveWhitespace: "full"
+    }],
+    toDOM: function toDOM() {
+      return preDOM;
+    }
+  },
+  // :: NodeSpec The text node.
+  text: {
+    group: "inline"
+  },
+  // :: NodeSpec An inline image (`<img>`) node. Supports `src`,
+  // `alt`, and `href` attributes. The latter two default to the empty
+  // string.
+  image: {
+    inline: true,
+    attrs: {
+      src: {},
+      alt: {
+        "default": null
+      },
+      title: {
+        "default": null
+      }
+    },
+    group: "inline",
+    draggable: true,
+    parseDOM: [{
+      tag: "img[src]",
+      getAttrs: function getAttrs(dom) {
+        return {
+          src: dom.getAttribute("src"),
+          title: dom.getAttribute("title"),
+          alt: dom.getAttribute("alt")
+        };
+      }
+    }],
+    toDOM: function toDOM(node) {
+      var _node$attrs = node.attrs,
+          src = _node$attrs.src,
+          alt = _node$attrs.alt,
+          title = _node$attrs.title;
+      return ["img", {
+        src: src,
+        alt: alt,
+        title: title
+      }];
+    }
+  },
+  // :: NodeSpec A hard line break, represented in the DOM as `<br>`.
+  hard_break: {
+    inline: true,
+    group: "inline",
+    selectable: false,
+    parseDOM: [{
+      tag: "br"
+    }],
+    toDOM: function toDOM() {
+      return brDOM;
+    }
+  }
+};
+exports.nodes = nodes;
+var emDOM = ["em", 0];
+var strongDOM = ["strong", 0];
+var codeDOM = ["code", 0]; // :: Object [Specs](#model.MarkSpec) for the marks in the schema.
+
+var marks = {
+  // :: MarkSpec A link. Has `href` and `title` attributes. `title`
+  // defaults to the empty string. Rendered and parsed as an `<a>`
+  // element.
+  link: {
+    attrs: {
+      href: {},
+      title: {
+        "default": null
+      }
+    },
+    inclusive: false,
+    parseDOM: [{
+      tag: "a[href]",
+      getAttrs: function getAttrs(dom) {
+        return {
+          href: dom.getAttribute("href"),
+          title: dom.getAttribute("title")
+        };
+      }
+    }],
+    toDOM: function toDOM(node) {
+      var _node$attrs2 = node.attrs,
+          href = _node$attrs2.href,
+          title = _node$attrs2.title;
+      return ["a", {
+        href: href,
+        title: title
+      }, 0];
+    }
+  },
+  // :: MarkSpec An emphasis mark. Rendered as an `<em>` element.
+  // Has parse rules that also match `<i>` and `font-style: italic`.
+  em: {
+    parseDOM: [{
+      tag: "i"
+    }, {
+      tag: "em"
+    }, {
+      style: "font-style=italic"
+    }],
+    toDOM: function toDOM() {
+      return emDOM;
+    }
+  },
+  // :: MarkSpec A strong mark. Rendered as `<strong>`, parse rules
+  // also match `<b>` and `font-weight: bold`.
+  strong: {
+    parseDOM: [{
+      tag: "strong"
+    }, // This works around a Google Docs misbehavior where
+    // pasted content will be inexplicably wrapped in `<b>`
+    // tags with a font-weight normal.
+    {
+      tag: "b",
+      getAttrs: function getAttrs(node) {
+        return node.style.fontWeight !== "normal" && null;
+      }
+    }, {
+      style: "font-weight",
+      getAttrs: function getAttrs(value) {
+        return /^(bold(er)?|[5-9]\d{2,})$/.test(value) && null;
+      }
+    }],
+    toDOM: function toDOM() {
+      return strongDOM;
+    }
+  },
+  // :: MarkSpec Code font mark. Represented as a `<code>` element.
+  code: {
+    parseDOM: [{
+      tag: "code"
+    }],
+    toDOM: function toDOM() {
+      return codeDOM;
+    }
+  },
+  underLine: {
+    parseDOM: [{
+      tag: "span",
+      getAttrs: function getAttrs(node) {
+        return node.style.textDecoration == "underline" && null;
+      }
+    }],
+    toDOM: function toDOM() {
+      return ["span", {
+        style: 'text-decoration:underline;'
+      }, 0];
+    }
+  },
+  deleteLine: {
+    parseDOM: [{
+      tag: "span",
+      getAttrs: function getAttrs(node) {
+        return node.style.textDecoration == "ine-through" && null;
+      }
+    }],
+    toDOM: function toDOM() {
+      return ["span", {
+        style: 'text-decoration:line-through;'
+      }, 0];
+    }
+  }
+}; // :: Schema
+// This schema roughly corresponds to the document schema used by
+// [CommonMark](http://commonmark.org/), minus the list elements,
+// which are defined in the [`prosemirror-schema-list`](#schema-list)
+// module.
+//
+// To reuse elements from this schema, extend or read from its
+// `spec.nodes` and `spec.marks` [properties](#model.Schema.spec).
+// @ts-ignore
+
+exports.marks = marks;
+var schema = new _prosemirrorModel.Schema({
+  nodes: nodes,
+  marks: marks
+});
+exports.schema = schema;

package/lib/components/rich-editor/schemas/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _prosemirrorModel = require("prosemirror-model");
+
+var _basic = require("./basic");
+
+var _list = require("./list");
+
+var _default = new _prosemirrorModel.Schema({
+  nodes: (0, _list.addListNodes)(_basic.schema.spec.nodes, "paragraph block*", "block"),
+  marks: _basic.schema.spec.marks
+});
+
+exports["default"] = _default;

package/lib/components/rich-editor/schemas/list.js

@@ -0,0 +1,341 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addListNodes = addListNodes;
+exports.bulletList = void 0;
+exports.liftListItem = liftListItem;
+exports.liftOutOfList = liftOutOfList;
+exports.orderedList = exports.listItem = void 0;
+exports.sinkListItem = sinkListItem;
+exports.splitListItem = splitListItem;
+exports.wrapInList = wrapInList;
+
+var _prosemirrorTransform = require("prosemirror-transform");
+
+var _prosemirrorModel = require("prosemirror-model");
+
+var preCls = 'tita-rich-editor';
+var olDOM = ["ol", {
+  "class": preCls + '-ol'
+}, 0],
+    ulDOM = ["ul", {
+  "class": preCls + '-ul'
+}, 0]; // :: NodeSpec
+// An ordered list [node spec](#model.NodeSpec). Has a single
+// attribute, `order`, which determines the number at which the list
+// starts counting, and defaults to 1. Represented as an `<ol>`
+// element.
+
+var orderedList = {
+  attrs: {
+    order: {
+      "default": 1
+    }
+  },
+  parseDOM: [{
+    tag: "ol",
+    getAttrs: function getAttrs(dom) {
+      return {
+        order: dom.hasAttribute("start") ? +dom.getAttribute("start") : 1
+      };
+    }
+  }],
+  toDOM: function toDOM(node) {
+    return node.attrs.order == 1 ? olDOM : ["ol", {
+      start: node.attrs.order
+    }, 0];
+  }
+}; // :: NodeSpec
+// A bullet list node spec, represented in the DOM as `<ul>`.
+
+exports.orderedList = orderedList;
+var bulletList = {
+  parseDOM: [{
+    tag: "ul"
+  }],
+  toDOM: function toDOM() {
+    return ulDOM;
+  }
+}; // :: NodeSpec
+// A list item (`<li>`) spec.
+
+exports.bulletList = bulletList;
+var listItem = {
+  attrs: {
+    index: {
+      "default": 1
+    }
+  },
+  parseDOM: [{
+    tag: "li"
+  }],
+  toDOM: function toDOM(node) {
+    return ["li", {
+      "class": preCls + '-li',
+      'data-index': node.attrs.index || 0
+    }, 0];
+  },
+  defining: true
+};
+exports.listItem = listItem;
+
+function add(obj, props) {
+  var copy = {};
+
+  for (var prop in obj) {
+    copy[prop] = obj[prop];
+  }
+
+  for (var _prop in props) {
+    copy[_prop] = props[_prop];
+  }
+
+  return copy;
+} // :: (OrderedMap<NodeSpec>, string, ?string) → OrderedMap<NodeSpec>
+// Convenience function for adding list-related node types to a map
+// specifying the nodes for a schema. Adds
+// [`orderedList`](#schema-list.orderedList) as `"ordered_list"`,
+// [`bulletList`](#schema-list.bulletList) as `"bullet_list"`, and
+// [`listItem`](#schema-list.listItem) as `"list_item"`.
+//
+// `itemContent` determines the content expression for the list items.
+// If you want the commands defined in this module to apply to your
+// list structure, it should have a shape like `"paragraph block*"` or
+// `"paragraph (ordered_list | bullet_list)*"`. `listGroup` can be
+// given to assign a group name to the list node types, for example
+// `"block"`.
+
+
+function addListNodes(nodes, itemContent, listGroup) {
+  return nodes.append({
+    ordered_list: add(orderedList, {
+      content: "list_item+",
+      group: listGroup
+    }),
+    bullet_list: add(bulletList, {
+      content: "list_item+",
+      group: listGroup
+    }),
+    list_item: add(listItem, {
+      content: itemContent
+    })
+  });
+} // :: (NodeType, ?Object) → (state: EditorState, dispatch: ?(tr: Transaction)) → bool
+// Returns a command function that wraps the selection in a list with
+// the given type an attributes. If `dispatch` is null, only return a
+// value to indicate whether this is possible, but don't actually
+// perform the change.
+
+
+function wrapInList(listType, attrs) {
+  return function (state, dispatch) {
+    var _state$selection = state.selection,
+        $from = _state$selection.$from,
+        $to = _state$selection.$to;
+    var range = $from.blockRange($to),
+        doJoin = false,
+        outerRange = range;
+    if (!range) return false; // This is at the top of an existing list item
+
+    if (range.depth >= 2 && $from.node(range.depth - 1).type.compatibleContent(listType) && range.startIndex == 0) {
+      // Don't do anything if this is the top of the list
+      if ($from.index(range.depth - 1) == 0) return false;
+      var $insert = state.doc.resolve(range.start - 2);
+      outerRange = new _prosemirrorModel.NodeRange($insert, $insert, range.depth);
+      if (range.endIndex < range.parent.childCount) range = new _prosemirrorModel.NodeRange($from, state.doc.resolve($to.end(range.depth)), range.depth);
+      doJoin = true;
+    }
+
+    var wrap = (0, _prosemirrorTransform.findWrapping)(outerRange, listType, attrs, range);
+    if (!wrap) return false;
+    if (dispatch) dispatch(doWrapInList(state.tr, range, wrap, doJoin, listType).scrollIntoView());
+    return true;
+  };
+}
+
+function doWrapInList(tr, range, wrappers, joinBefore, listType) {
+  var content = _prosemirrorModel.Fragment.empty;
+
+  for (var i = wrappers.length - 1; i >= 0; i--) {
+    content = _prosemirrorModel.Fragment.from(wrappers[i].type.create(wrappers[i].attrs, content));
+  }
+
+  tr.step(new _prosemirrorTransform.ReplaceAroundStep(range.start - (joinBefore ? 2 : 0), range.end, range.start, range.end, new _prosemirrorModel.Slice(content, 0, 0), wrappers.length, true));
+  var found = 0;
+
+  for (var _i = 0; _i < wrappers.length; _i++) {
+    if (wrappers[_i].type == listType) found = _i + 1;
+  }
+
+  var splitDepth = wrappers.length - found;
+  var splitPos = range.start + wrappers.length - (joinBefore ? 2 : 0),
+      parent = range.parent;
+
+  for (var _i2 = range.startIndex, e = range.endIndex, first = true; _i2 < e; _i2++, first = false) {
+    if (!first && (0, _prosemirrorTransform.canSplit)(tr.doc, splitPos, splitDepth)) {
+      tr.split(splitPos, splitDepth);
+      splitPos += 2 * splitDepth;
+    }
+
+    splitPos += parent.child(_i2).nodeSize;
+  }
+
+  return tr;
+} // :: (NodeType) → (state: EditorState, dispatch: ?(tr: Transaction)) → bool
+// Build a command that splits a non-empty textblock at the top level
+// of a list item by also splitting that list item.
+
+
+function splitListItem(itemType) {
+  return function (state, dispatch) {
+    var _state$selection2 = state.selection,
+        $from = _state$selection2.$from,
+        $to = _state$selection2.$to,
+        node = _state$selection2.node;
+    if (node && node.isBlock || $from.depth < 2 || !$from.sameParent($to)) return false;
+    var grandParent = $from.node(-1);
+    if (grandParent.type != itemType) return false;
+
+    if ($from.parent.content.size == 0 && $from.node(-1).childCount == $from.indexAfter(-1)) {
+      // In an empty block. If this is a nested list, the wrapping
+      // list item should be split. Otherwise, bail out and let next
+      // command handle lifting.
+      if ($from.depth == 2 || $from.node(-3).type != itemType || $from.index(-2) != $from.node(-2).childCount - 1) return false;
+
+      if (dispatch) {
+        var wrap = _prosemirrorModel.Fragment.empty;
+        var depthBefore = $from.index(-1) ? 1 : $from.index(-2) ? 2 : 3; // Build a fragment containing empty versions of the structure
+        // from the outer list item to the parent node of the cursor
+
+        for (var d = $from.depth - depthBefore; d >= $from.depth - 3; d--) {
+          wrap = _prosemirrorModel.Fragment.from($from.node(d).copy(wrap));
+        }
+
+        var depthAfter = $from.indexAfter(-1) < $from.node(-2).childCount ? 1 : $from.indexAfter(-2) < $from.node(-3).childCount ? 2 : 3; // Add a second list item with an empty default start node
+
+        wrap = wrap.append(_prosemirrorModel.Fragment.from(itemType.createAndFill()));
+        var start = $from.before($from.depth - (depthBefore - 1));
+
+        var _tr = state.tr.replace(start, $from.after(-depthAfter), new _prosemirrorModel.Slice(wrap, 4 - depthBefore, 0));
+
+        var sel = -1;
+
+        _tr.doc.nodesBetween(start, _tr.doc.content.size, function (node, pos) {
+          if (sel > -1) return false;
+          if (node.isTextblock && node.content.size == 0) sel = pos + 1;
+        });
+
+        if (sel > -1) _tr.setSelection(state.selection.constructor.near(_tr.doc.resolve(sel)));
+        dispatch(_tr.scrollIntoView());
+      }
+
+      return true;
+    }
+
+    var nextType = $to.pos == $from.end() ? grandParent.contentMatchAt(0).defaultType : null;
+    var tr = state.tr["delete"]($from.pos, $to.pos);
+    var types = nextType && [null, {
+      type: nextType
+    }];
+    if (!(0, _prosemirrorTransform.canSplit)(tr.doc, $from.pos, 2, types)) return false;
+    if (dispatch) dispatch(tr.split($from.pos, 2, types).scrollIntoView());
+    return true;
+  };
+} // :: (NodeType) → (state: EditorState, dispatch: ?(tr: Transaction)) → bool
+// Create a command to lift the list item around the selection up into
+// a wrapping list.
+
+
+function liftListItem(itemType) {
+  return function (state, dispatch) {
+    var _state$selection3 = state.selection,
+        $from = _state$selection3.$from,
+        $to = _state$selection3.$to;
+    var range = $from.blockRange($to, function (node) {
+      return node.childCount && node.firstChild.type == itemType;
+    });
+    if (!range) return false;
+    if (!dispatch) return true;
+    if ($from.node(range.depth - 1).type == itemType) // Inside a parent list
+      return liftToOuterList(state, dispatch, itemType, range);else // Outer list node
+      return liftOutOfList(state, dispatch, range);
+  };
+}
+
+function liftToOuterList(state, dispatch, itemType, range) {
+  var tr = state.tr,
+      end = range.end,
+      endOfList = range.$to.end(range.depth);
+
+  if (end < endOfList) {
+    // There are siblings after the lifted items, which must become
+    // children of the last item
+    tr.step(new _prosemirrorTransform.ReplaceAroundStep(end - 1, endOfList, end, endOfList, new _prosemirrorModel.Slice(_prosemirrorModel.Fragment.from(itemType.create(null, range.parent.copy())), 1, 0), 1, true));
+    range = new _prosemirrorModel.NodeRange(tr.doc.resolve(range.$from.pos), tr.doc.resolve(endOfList), range.depth);
+  }
+
+  dispatch(tr.lift(range, (0, _prosemirrorTransform.liftTarget)(range)).scrollIntoView());
+  return true;
+}
+
+function liftOutOfList(state, dispatch, range) {
+  var tr = state.tr,
+      list = range.parent; // Merge the list items into a single big item
+
+  for (var pos = range.end, i = range.endIndex - 1, e = range.startIndex; i > e; i--) {
+    pos -= list.child(i).nodeSize;
+    tr["delete"](pos - 1, pos + 1);
+  }
+
+  var $start = tr.doc.resolve(range.start),
+      item = $start.nodeAfter;
+  if (tr.mapping.map(range.end) != range.start + $start.nodeAfter.nodeSize) return false;
+  var atStart = range.startIndex == 0,
+      atEnd = range.endIndex == list.childCount;
+  var parent = $start.node(-1),
+      indexBefore = $start.index(-1);
+  if (!parent.canReplace(indexBefore + (atStart ? 0 : 1), indexBefore + 1, item.content.append(atEnd ? _prosemirrorModel.Fragment.empty : _prosemirrorModel.Fragment.from(list)))) return false;
+  var start = $start.pos,
+      end = start + item.nodeSize; // Strip off the surrounding list. At the sides where we're not at
+  // the end of the list, the existing list is closed. At sides where
+  // this is the end, it is overwritten to its end.
+
+  tr.step(new _prosemirrorTransform.ReplaceAroundStep(start - (atStart ? 1 : 0), end + (atEnd ? 1 : 0), start + 1, end - 1, new _prosemirrorModel.Slice((atStart ? _prosemirrorModel.Fragment.empty : _prosemirrorModel.Fragment.from(list.copy(_prosemirrorModel.Fragment.empty))).append(atEnd ? _prosemirrorModel.Fragment.empty : _prosemirrorModel.Fragment.from(list.copy(_prosemirrorModel.Fragment.empty))), atStart ? 0 : 1, atEnd ? 0 : 1), atStart ? 0 : 1));
+  dispatch(tr.scrollIntoView());
+  return true;
+} // :: (NodeType) → (state: EditorState, dispatch: ?(tr: Transaction)) → bool
+// Create a command to sink the list item around the selection down
+// into an inner list.
+
+
+function sinkListItem(itemType) {
+  return function (state, dispatch) {
+    var _state$selection4 = state.selection,
+        $from = _state$selection4.$from,
+        $to = _state$selection4.$to;
+    var range = $from.blockRange($to, function (node) {
+      return node.childCount && node.firstChild.type == itemType;
+    });
+    if (!range) return false;
+    var startIndex = range.startIndex;
+    if (startIndex == 0) return false;
+    var parent = range.parent,
+        nodeBefore = parent.child(startIndex - 1);
+    if (nodeBefore.type != itemType) return false;
+
+    if (dispatch) {
+      var nestedBefore = nodeBefore.lastChild && nodeBefore.lastChild.type == parent.type;
+
+      var inner = _prosemirrorModel.Fragment.from(nestedBefore ? itemType.create() : null);
+
+      var slice = new _prosemirrorModel.Slice(_prosemirrorModel.Fragment.from(itemType.create(null, _prosemirrorModel.Fragment.from(parent.type.create(null, inner)))), nestedBefore ? 3 : 1, 0);
+      var before = range.start,
+          after = range.end;
+      dispatch(state.tr.step(new _prosemirrorTransform.ReplaceAroundStep(before - (nestedBefore ? 3 : 1), after, before, after, slice, 1, true)).scrollIntoView());
+    }
+
+    return true;
+  };
+}

package/lib/components/rich-editor/types/commond.js

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

package/lib/components/rich-editor/types/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _commond = require("./commond");
+
+Object.keys(_commond).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _commond[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _commond[key];
+    }
+  });
+});