@titaui/pc 1.10.44 → 1.10.45

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/components/upload/util.js

@@ -22,6 +22,8 @@ var _xls = _interopRequireDefault(require("./img/xls.svg"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var getFileSize = function getFileSize(fileSize) {
+  if (!fileSize) return '';
+
   if (fileSize < 1024) {
     return "".concat(fileSize, "B");
   }

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.44",
+  "version": "1.10.45",
   "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,7 +96,21 @@
     "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",
+    "raf-schd": "^4.0.3",
     "rc-cascader": "^2.2.0",
     "rc-checkbox": "^2.3.2",
     "rc-color-picker": "^1.2.6",