@titaui/pc 1.10.34 → 1.10.38

package/lib/components/rich-editor/utils/mark.js

@@ -0,0 +1,168 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectionContainsMark = exports.sanitiseSelectionMarksForWrapping = exports.sanitiseMarksInSelection = exports.removeBlockMarks = exports.isMarkExcluded = exports.isMarkAllowedInRange = void 0;
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+var isMarkAllowedInRange = function isMarkAllowedInRange(doc, ranges, type) {
+  var _loop = function _loop(i) {
+    var _ranges$i = ranges[i],
+        $from = _ranges$i.$from,
+        $to = _ranges$i.$to;
+    var can = $from.depth === 0 ? doc.type.allowsMarkType(type) : false;
+    doc.nodesBetween($from.pos, $to.pos, function (node) {
+      if (can) {
+        return false;
+      }
+
+      can = node.inlineContent && node.type.allowsMarkType(type);
+      return;
+    });
+
+    if (can) {
+      return {
+        v: can
+      };
+    }
+  };
+
+  for (var i = 0; i < ranges.length; i++) {
+    var _ret = _loop(i);
+
+    if (_typeof(_ret) === "object") return _ret.v;
+  }
+
+  return false;
+};
+
+exports.isMarkAllowedInRange = isMarkAllowedInRange;
+
+var isMarkExcluded = function isMarkExcluded(type, marks) {
+  if (marks) {
+    return marks.some(function (mark) {
+      return mark.type !== type && mark.type.excludes(type);
+    });
+  }
+
+  return false;
+};
+
+exports.isMarkExcluded = isMarkExcluded;
+
+var not = function not(fn) {
+  return function (arg) {
+    return !fn(arg);
+  };
+};
+
+var removeBlockMarks = function removeBlockMarks(state, marks) {
+  var selection = state.selection,
+      schema = state.schema;
+  var tr = state.tr; // Marks might not exist in Schema
+
+  var marksToRemove = marks.filter(Boolean);
+
+  if (marksToRemove.length === 0) {
+    return undefined;
+  }
+  /** Saves an extra dispatch */
+
+
+  var blockMarksExists = false;
+
+  var hasMark = function hasMark(mark) {
+    return marksToRemove.indexOf(mark.type) > -1;
+  };
+  /**
+   * When you need to toggle the selection
+   * when another type which does not allow alignment is applied
+   */
+
+
+  state.doc.nodesBetween(selection.from, selection.to, function (node, pos) {
+    if (node.type === schema.nodes.paragraph && node.marks.some(hasMark)) {
+      blockMarksExists = true;
+      var resolvedPos = state.doc.resolve(pos);
+      var withoutBlockMarks = node.marks.filter(not(hasMark));
+      tr = tr.setNodeMarkup(resolvedPos.pos, undefined, node.attrs, withoutBlockMarks);
+    }
+  });
+  return blockMarksExists ? tr : undefined;
+};
+/**
+ * Removes marks from nodes in the current selection that are not supported
+ */
+
+
+exports.removeBlockMarks = removeBlockMarks;
+
+var sanitiseSelectionMarksForWrapping = function sanitiseSelectionMarksForWrapping(state, newParentType) {
+  var tr = state.tr;
+  sanitiseMarksInSelection(tr, newParentType);
+  return tr;
+};
+
+exports.sanitiseSelectionMarksForWrapping = sanitiseSelectionMarksForWrapping;
+
+var sanitiseMarksInSelection = function sanitiseMarksInSelection(tr, newParentType) {
+  var _tr$selection = tr.selection,
+      from = _tr$selection.from,
+      to = _tr$selection.to;
+  var nodesSanitized = [];
+  tr.doc.nodesBetween(from, to, function (node, pos, parent) {
+    if (node.isText) {
+      return false;
+    } // Skip expands and layouts if they are outside selection
+    // but continue to iterate over their children.
+
+
+    if (['expand', 'layoutSection'].includes(node.type.name) && (pos < from || pos > to)) {
+      return true;
+    }
+
+    node.marks.forEach(function (mark) {
+      if (!parent.type.allowsMarkType(mark.type) || newParentType && !newParentType.allowsMarkType(mark.type)) {
+        var filteredMarks = node.marks.filter(function (m) {
+          return m.type !== mark.type;
+        });
+        var position = pos > 0 ? pos : 0;
+        var marksRemoved = node.marks.filter(function (m) {
+          return m.type === mark.type;
+        });
+        nodesSanitized.push({
+          node: node,
+          marksRemoved: marksRemoved
+        });
+        tr.setNodeMarkup(position, undefined, node.attrs, filteredMarks);
+      }
+    });
+  });
+  return nodesSanitized;
+};
+
+exports.sanitiseMarksInSelection = sanitiseMarksInSelection;
+
+var selectionContainsMark = function selectionContainsMark(state, markName) {
+  var _state$selection = state.selection,
+      from = _state$selection.from,
+      to = _state$selection.to,
+      $from = _state$selection.$from;
+  var marks = [];
+
+  if (from == to) {
+    marks = state.storedMarks || $from.marks();
+  } else {
+    state.doc.nodesBetween(from, to, function (node) {
+      marks.concat(node.marks);
+    });
+  }
+
+  return marks.findIndex(function (m) {
+    return m.type.name == markName;
+  }) !== -1;
+};
+
+exports.selectionContainsMark = selectionContainsMark;

package/lib/components/rich-editor/utils/slice.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.flatmap = flatmap;
+exports.getFragmentBackingArray = getFragmentBackingArray;
+exports.mapChildren = mapChildren;
+exports.mapFragment = mapFragment;
+exports.mapSlice = mapSlice;
+
+var _prosemirrorModel = require("prosemirror-model");
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+/**
+ * A helper to get the underlying array of a fragment.
+ */
+function getFragmentBackingArray(fragment) {
+  return fragment.content;
+}
+
+function mapFragment(content, callback) {
+  var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  var children = [];
+
+  for (var i = 0, size = content.childCount; i < size; i++) {
+    var _node = content.child(i);
+
+    var transformed = _node.isLeaf ? callback(_node, parent, i) : callback(_node.copy(mapFragment(_node.content, callback, _node)), parent, i);
+
+    if (transformed) {
+      if (transformed instanceof _prosemirrorModel.Fragment) {
+        children.push.apply(children, _toConsumableArray(getFragmentBackingArray(transformed)));
+      } else if (Array.isArray(transformed)) {
+        children.push.apply(children, _toConsumableArray(transformed));
+      } else {
+        children.push(transformed);
+      }
+    }
+  }
+
+  return _prosemirrorModel.Fragment.fromArray(children);
+}
+
+function mapSlice(slice, callback) {
+  var fragment = mapFragment(slice.content, callback);
+  return new _prosemirrorModel.Slice(fragment, slice.openStart, slice.openEnd);
+}
+
+function flatmap(fragment, callback) {
+  var fragmentContent = [];
+
+  for (var i = 0; i < fragment.childCount; i++) {
+    var child = callback(fragment.child(i), i, fragment);
+
+    if (Array.isArray(child)) {
+      fragmentContent.push.apply(fragmentContent, _toConsumableArray(child));
+    } else {
+      fragmentContent.push(child);
+    }
+  }
+
+  return _prosemirrorModel.Fragment.fromArray(fragmentContent);
+}
+
+function mapChildren(node, callback) {
+  var array = [];
+
+  for (var i = 0; i < node.childCount; i++) {
+    array.push(callback(node.child(i), i, node instanceof _prosemirrorModel.Fragment ? node : node.content));
+  }
+
+  return array;
+}

package/lib/components/rich-editor/utils/toolbar.js

@@ -0,0 +1,228 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMenuDescibitionFromType = getMenuDescibitionFromType;
+exports.handleClickToolMenu = handleClickToolMenu;
+exports.headingIsActive = headingIsActive;
+exports.markActive = markActive;
+exports.orderedListIsActive = orderedListIsActive;
+
+var _prosemirrorCommands = require("prosemirror-commands");
+
+var _schemas = _interopRequireDefault(require("../schemas"));
+
+var _commands = require("./commands");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function getMenuDescibitionFromType(type) {
+  switch (type) {
+    case 'h1':
+      return {
+        title: '一级标题',
+        icon: 'tu-icon-text-H1'
+      };
+
+    case 'h2':
+      return {
+        title: '二级标题',
+        icon: 'tu-icon-text-H2'
+      };
+
+    case 'h3':
+      return {
+        title: '三级标题',
+        icon: 'tu-icon-text-H3'
+      };
+
+    case 'strong':
+      return {
+        title: '加粗',
+        icon: 'tu-icon-text-blod'
+      };
+
+    case 'color':
+      return {
+        title: '文字颜色',
+        icon: 'tu-icon-text-color'
+      };
+
+    case 'underLine':
+      return {
+        title: '下划线',
+        icon: 'tu-icon-text-underline'
+      };
+
+    case 'deleteLine':
+      return {
+        title: '删除线',
+        icon: 'tu-icon-text-delline'
+      };
+
+    case 'orderList':
+      return {
+        title: '有序列表',
+        icon: 'tu-icon-text-number-list'
+      };
+
+    case 'unOrderList':
+      return {
+        title: '无序列表',
+        icon: 'tu-icon-text-bullet-list'
+      };
+
+    case 'left':
+      return {
+        title: '左对齐',
+        icon: 'tu-icon-text-left'
+      };
+
+    case 'center':
+      return {
+        title: '居中对齐',
+        icon: 'tu-icon-text-center'
+      };
+
+    case 'right':
+      return {
+        title: '右对齐',
+        icon: 'tu-icon-text-right'
+      };
+
+    case 'task':
+      return {
+        title: '任务',
+        icon: 'tu-icon-text-task'
+      };
+
+    case 'checkList':
+      return {
+        title: '清单',
+        icon: 'tu-icon-text-box'
+      };
+
+    case 'table':
+      return {
+        title: '表格',
+        icon: 'tu-icon-text-table'
+      };
+
+    case 'image':
+      return {
+        title: '图片/视频',
+        icon: 'tu-icon-text-photo'
+      };
+
+    case 'quote':
+      return {
+        title: '引用',
+        icon: 'tu-icon-text-quotel'
+      };
+
+    case 'link':
+      return {
+        title: '链接',
+        icon: 'tu-icon-text-link'
+      };
+
+    case 'at':
+      return {
+        title: '@人',
+        icon: 'tu-icon-text-man'
+      };
+
+    default:
+      return {
+        title: '',
+        icon: ''
+      };
+  }
+}
+
+function handleClickToolMenu(state, dispatchTransiction, type) {
+  switch (type) {
+    case 'h1':
+      return (0, _commands.setHeadLine)(state, dispatchTransiction, 1);
+
+    case 'h2':
+      return (0, _commands.setHeadLine)(state, dispatchTransiction, 2);
+
+    case 'h3':
+      return (0, _commands.setHeadLine)(state, dispatchTransiction, 3);
+
+    case 'strong':
+      return (0, _prosemirrorCommands.toggleMark)(_schemas["default"].marks.strong)(state, dispatchTransiction);
+
+    case 'color':
+      return;
+
+    case 'underLine':
+      return (0, _prosemirrorCommands.toggleMark)(_schemas["default"].marks.underLine)(state, dispatchTransiction);
+
+    case 'deleteLine':
+      return (0, _prosemirrorCommands.toggleMark)(_schemas["default"].marks.deleteLine)(state, dispatchTransiction);
+
+    case 'orderList':
+      return (0, _commands.toggleList)(state, dispatchTransiction, _schemas["default"].nodes.ordered_list);
+
+    case 'unOrderList':
+      return (0, _commands.toggleList)(state, dispatchTransiction, _schemas["default"].nodes.bullet_list);
+
+    case 'left':
+    case 'center':
+    case 'right':
+      return (0, _commands.setAlignment)(state, dispatchTransiction, type);
+
+    case 'task':
+      return;
+
+    case 'checkList':
+      return;
+
+    case 'table':
+      return;
+
+    case 'image':
+      return;
+
+    case 'quote':
+      return;
+
+    case 'link':
+      return;
+
+    case 'at':
+      return;
+
+    default:
+      return;
+  }
+
+  return;
+}
+
+function headingIsActive(state, level) {
+  var $from = state.selection.$from;
+  var node = $from.node();
+  return node.type === _schemas["default"].nodes.heading && node.attrs.level === level;
+}
+
+function markActive(state, type) {
+  var _state$selection = state.selection,
+      from = _state$selection.from,
+      $from = _state$selection.$from,
+      to = _state$selection.to,
+      empty = _state$selection.empty;
+  if (empty) return type.isInSet(state.storedMarks || $from.marks());else return state.doc.rangeHasMark(from, to, type);
+}
+
+function orderedListIsActive(state) {// const { $from,ranges } = state.selection;
+  // const node = $from.node();
+  // for(let range of ranges) {
+  //   state.doc.nodesBetween(range.$from.pos, range.$to.pos, (node, pos) => {
+  //     // console.log(node)
+  //   })
+  // }
+}

package/lib/components/upload/index.js

@@ -501,11 +501,13 @@ var Upload = /*#__PURE__*/function (_PureComponent) {
   return Upload;
 }(_react.PureComponent);
 
-exports["default"] = Upload;
+Upload.Preview = _uploadedPreview["default"];
 Upload.defaultProps = {
   fileNumLimit: 20,
   fileSizeLimit: 50,
   filesTotal: 50,
   multiple: true,
   attachmentPreviewBox: "MBlog__attachmentViewBox"
-};
+};
+var _default = Upload;
+exports["default"] = _default;

package/lib/index.js

@@ -375,6 +375,12 @@ Object.defineProperty(exports, "RangePickerPop", {
     return _rangePickerPop["default"];
   }
 });
+Object.defineProperty(exports, "RichEditor", {
+  enumerable: true,
+  get: function get() {
+    return _richEditor["default"];
+  }
+});
 Object.defineProperty(exports, "Scrollbar", {
   enumerable: true,
   get: function get() {
@@ -738,6 +744,8 @@ var _uploadPhotoModal = _interopRequireDefault(require("./components/upload-phot
 
 var _bookDemo = _interopRequireDefault(require("./components/book-demo"));
 
+var _richEditor = _interopRequireDefault(require("./components/rich-editor"));
+
 var _videoModal = _interopRequireDefault(require("./components/video-modal"));
 
 var _supersetCharts = _interopRequireDefault(require("./components/superset-charts"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.10.34",
+  "version": "1.10.38",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",
@@ -33,6 +33,7 @@
     "@storybook/addon-knobs": "^6.0.10",
     "@storybook/addon-links": "6.0.10",
     "@storybook/react": "6.0.10",
+    "@types/prosemirror-state": "^1.2.8",
     "@types/styled-components": "^5.1.2",
     "@typescript-eslint/eslint-plugin": "^5.10.0",
     "@typescript-eslint/parser": "^5.10.0",
@@ -76,12 +77,15 @@
     "@titaui/rc-trigger": "^5.2.5",
     "@titaui/react-flow-renderer": "9.5.4",
     "@titaui/toast": "^1.0.0",
+    "@types/color": "^3.0.3",
+    "@types/prosemirror-commands": "^1.0.4",
+    "@types/prosemirror-schema-basic": "^1.0.2",
     "axios": "^0.21.1",
     "bowser": "^2.11.0",
     "can-use-dom": "^0.1.0",
     "classnames": "^2.2.6",
     "clone-deep": "^4.0.1",
-    "color": "^3.2.1",
+    "color": "^4.2.1",
     "cos-js-sdk-v5": "^1.3.3",
     "dayjs": "^1.10.4",
     "html2canvas": "1.3.2",
@@ -92,6 +96,19 @@
     "lodash.throttle": "^4.1.1",
     "lottie-web": "^5.7.12",
     "moment": "^2.29.1",
+    "prosemirror-commands": "^1.2.1",
+    "prosemirror-example-setup": "^1.1.2",
+    "prosemirror-history": "^1.2.0",
+    "prosemirror-inputrules": "^1.1.3",
+    "prosemirror-keymap": "^1.1.5",
+    "prosemirror-model": "^1.16.1",
+    "prosemirror-schema-basic": "^1.1.2",
+    "prosemirror-schema-list": "^1.1.6",
+    "prosemirror-state": "^1.3.4",
+    "prosemirror-tables": "^1.1.1",
+    "prosemirror-transform": "^1.3.4",
+    "prosemirror-utils": "^0.9.6",
+    "prosemirror-view": "^1.23.6",
     "qs": "^6.10.1",
     "rc-cascader": "^2.2.0",
     "rc-checkbox": "^2.3.2",