@titaui/pc 1.16.22 → 1.16.25-beta.1

package/lib/components/rich-editor/plugins/inline/link/commands.js

@@ -0,0 +1,256 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.editInsertedLink = editInsertedLink;
+exports.hideLinkToolbar = hideLinkToolbar;
+exports.insertLink = insertLink;
+exports.isLinkAtPos = isLinkAtPos;
+exports.isTextAtPos = isTextAtPos;
+exports.removeLink = removeLink;
+exports.setLinkHref = setLinkHref;
+exports.setLinkText = setLinkText;
+exports.updateLink = updateLink;
+
+var _utils = require("./utils");
+
+var _main = require("./pm-plugins/main");
+
+var _prosemirrorState = require("prosemirror-state");
+
+var _commands = require("../../../utils/commands");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+// import {
+//   addAnalytics,
+//   ACTION,
+//   ACTION_SUBJECT,
+//   INPUT_METHOD,
+//   EVENT_TYPE,
+//   ACTION_SUBJECT_ID,
+//   withAnalytics,
+// } from '../analytics';
+// import { queueCardsFromChangedTr } from '../card/pm-plugins/doc';
+// import { LinkInputType } from './ui/HyperlinkAddToolbar/HyperlinkAddToolbar';
+// import { getLinkCreationAnalyticsEvent } from './analytics';
+function isTextAtPos(pos) {
+  return function (state) {
+    var node = state.doc.nodeAt(pos);
+    return !!node && node.isText;
+  };
+}
+
+function isLinkAtPos(pos) {
+  return function (state) {
+    var node = state.doc.nodeAt(pos);
+    return !!node && state.schema.marks.link.isInSet(node.marks);
+  };
+}
+
+function setLinkHref(href, pos, to, isTabPressed) {
+  return (0, _commands.filter)(isTextAtPos(pos), function (state, dispatch) {
+    var $pos = state.doc.resolve(pos);
+    var node = state.doc.nodeAt(pos);
+    var linkMark = state.schema.marks.link;
+    var mark = linkMark.isInSet(node.marks);
+    var url = (0, _utils.normalizeUrl)(href);
+
+    if (mark && mark.attrs.href === url) {
+      return false;
+    }
+
+    var rightBound = to && pos !== to ? to : pos - $pos.textOffset + node.nodeSize;
+    var tr = state.tr.removeMark(pos, rightBound, linkMark);
+
+    if (href.trim()) {
+      tr.addMark(pos, rightBound, linkMark.create(_objectSpread(_objectSpread({}, mark && mark.attrs || {}), {}, {
+        href: url
+      })));
+    }
+
+    if (!isTabPressed) {
+      tr.setMeta(_main.stateKey, {
+        type: _main.LinkAction.HIDE_TOOLBAR
+      });
+    }
+
+    if (dispatch) {
+      dispatch(tr);
+    }
+
+    return true;
+  });
+}
+
+function updateLink(href, text, pos, to) {
+  return function (state, dispatch) {
+    var $pos = state.doc.resolve(pos);
+    var node = state.doc.nodeAt(pos);
+
+    if (!node) {
+      return false;
+    }
+
+    var url = (0, _utils.normalizeUrl)(href);
+
+    if (!url) {
+      return false;
+    }
+
+    var mark = state.schema.marks.link.isInSet(node.marks);
+    var linkMark = state.schema.marks.link;
+    var rightBound = to && pos !== to ? to : pos - $pos.textOffset + node.nodeSize;
+    var tr = state.tr;
+    tr.insertText(text, pos, rightBound); // Casting to LinkAttributes to prevent wrong attributes been passed (Example ED-7951)
+
+    var linkAttrs = _objectSpread(_objectSpread({}, mark && mark.attrs || {}), {}, {
+      href: url
+    });
+
+    tr.addMark(pos, pos + text.length, linkMark.create(linkAttrs));
+    tr.setMeta(_main.stateKey, {
+      type: _main.LinkAction.HIDE_TOOLBAR
+    });
+
+    if (dispatch) {
+      dispatch(tr);
+    }
+
+    return true;
+  };
+}
+
+function setLinkText(text, pos, to) {
+  return (0, _commands.filter)(isLinkAtPos(pos), function (state, dispatch) {
+    var $pos = state.doc.resolve(pos);
+    var node = state.doc.nodeAt(pos);
+    var mark = state.schema.marks.link.isInSet(node.marks);
+
+    if (node && text.length > 0 && text !== node.text) {
+      var rightBound = to && pos !== to ? to : pos - $pos.textOffset + node.nodeSize;
+      var tr = state.tr;
+      tr.insertText(text, pos, rightBound);
+      tr.addMark(pos, pos + text.length, mark);
+      tr.setMeta(_main.stateKey, {
+        type: _main.LinkAction.HIDE_TOOLBAR
+      });
+
+      if (dispatch) {
+        dispatch(tr);
+      }
+
+      return true;
+    }
+
+    return false;
+  });
+}
+
+function insertLink(from, to, href, text // source?: INPUT_METHOD.MANUAL | INPUT_METHOD.TYPEAHEAD,
+) {
+  return (0, _commands.filter)((0, _main.canLinkBeCreatedInRange)(from, to), function (state, dispatch) {
+    var link = state.schema.marks.link;
+
+    if (href.trim()) {
+      var tr = state.tr;
+      var normalizedUrl = (0, _utils.normalizeUrl)(href);
+
+      if (from === to) {
+        var textContent = text || href;
+        tr.insertText(textContent, from, to);
+        tr.addMark(from, from + textContent.length, link.create({
+          href: normalizedUrl
+        }));
+      } else {
+        var _textContent = text || href;
+
+        tr.insertText(_textContent, from, to);
+        tr.addMark(from, from + _textContent.length, link.create({
+          href: normalizedUrl
+        }));
+        tr.setSelection(_prosemirrorState.Selection.near(tr.doc.resolve(from + _textContent.length)));
+      } // queueCardsFromChangedTr(state, tr, source!, false);
+
+
+      tr.setMeta(_main.stateKey, {
+        type: _main.LinkAction.HIDE_TOOLBAR
+      });
+
+      if (dispatch) {
+        dispatch(tr);
+      }
+
+      return true;
+    }
+
+    return false;
+  });
+} // export const insertLinkWithAnalytics = (
+//   inputMethod: LinkInputType,
+//   from: number,
+//   to: number,
+//   href: string,
+//   text?: string,
+// ) =>
+//   withAnalytics(getLinkCreationAnalyticsEvent(inputMethod, href))(
+//     insertLink(from, to, href, text, inputMethod),
+//   );
+
+
+function removeLink(pos) {
+  return setLinkHref('', pos);
+}
+
+function editInsertedLink() {
+  return function (state, dispatch) {
+    if (dispatch) {
+      dispatch(state.tr.setMeta(_main.stateKey, {
+        type: _main.LinkAction.EDIT_INSERTED_TOOLBAR
+      }));
+    }
+
+    return true;
+  };
+} // export function showLinkToolbar(
+//   inputMethod:
+//     | INPUT_METHOD.TOOLBAR
+//     | INPUT_METHOD.QUICK_INSERT
+//     | INPUT_METHOD.SHORTCUT
+//     | INPUT_METHOD.INSERT_MENU = INPUT_METHOD.TOOLBAR,
+// ): Command {
+//   return function(state, dispatch) {
+//     if (dispatch) {
+//       let tr = state.tr.setMeta(stateKey, {
+//         type: LinkAction.SHOW_INSERT_TOOLBAR,
+//       });
+//       tr = addAnalytics(state, tr, {
+//         action: ACTION.INVOKED,
+//         actionSubject: ACTION_SUBJECT.TYPEAHEAD,
+//         actionSubjectId: ACTION_SUBJECT_ID.TYPEAHEAD_LINK,
+//         attributes: { inputMethod },
+//         eventType: EVENT_TYPE.UI,
+//       });
+//       dispatch(tr);
+//     }
+//     return true;
+//   };
+// }
+
+
+function hideLinkToolbar() {
+  return function (state, dispatch) {
+    if (dispatch) {
+      dispatch(state.tr.setMeta(_main.stateKey, {
+        type: _main.LinkAction.HIDE_TOOLBAR
+      }));
+    }
+
+    return true;
+  };
+}

package/lib/components/rich-editor/plugins/inline/link/index.js

@@ -0,0 +1,149 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LinkSchema = exports.LinkPlugin = exports.LinkController = void 0;
+
+var _plugin = _interopRequireDefault(require("../../../models/plugin"));
+
+var _schema = require("../../../models/schema");
+
+var _controller = _interopRequireDefault(require("../../../models/controller"));
+
+var _toolbarBtn = _interopRequireDefault(require("./ui/toolbarBtn"));
+
+var _main = _interopRequireWildcard(require("./pm-plugins/main"));
+
+var _fakeCursorForToolbar = _interopRequireDefault(require("./pm-plugins/fake-cursor-for-toolbar"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var PLUGIN_NAME = 'link';
+
+var LinkSchema = /*#__PURE__*/function (_InlineSchema) {
+  _inherits(LinkSchema, _InlineSchema);
+
+  var _super = _createSuper(LinkSchema);
+
+  function LinkSchema() {
+    var _temp, _this;
+
+    _classCallCheck(this, LinkSchema);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.name = PLUGIN_NAME, _this.priority = 100, _this.inclusive = false, _this.group = 'link', _this.attrs = {
+      href: {
+        "default": ''
+      }
+    }, _this.parseDOM = [{
+      tag: 'a[href]',
+      priority: 100,
+      getAttrs: function getAttrs(dom) {
+        if (!dom.textContent && !dom.getAttribute('text')) {
+          return false;
+        } // solve the problem of copying itself
+
+
+        return {
+          href: dom.getAttribute('href')
+        };
+      }
+    }], _this.toDOM = function (node) {
+      return ['a', {
+        href: node.attrs.href
+      }, 0];
+    }, _temp));
+  }
+
+  return _createClass(LinkSchema);
+}(_schema.InlineSchema);
+
+exports.LinkSchema = LinkSchema;
+
+var LinkController = /*#__PURE__*/function (_BaseController) {
+  _inherits(LinkController, _BaseController);
+
+  var _super2 = _createSuper(LinkController);
+
+  function LinkController() {
+    var _temp2, _this2;
+
+    _classCallCheck(this, LinkController);
+
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    return _possibleConstructorReturn(_this2, (_temp2 = _this2 = _super2.call.apply(_super2, [this].concat(args)), _this2.toolbar = {
+      title: '链接',
+      icon: 'tu-icon-text-link',
+      handler: function handler(editor) {
+        // toggleMark(editor.state.schema.marks[PLUGIN_NAME])(editor.state,editor.view.dispatch)
+        editor.view.focus();
+      },
+      renderMenu: _toolbarBtn["default"],
+      active: function active(state) {
+        return _main.stateKey.getState(state).activeLinkMark;
+      },
+      disabled: function disabled(state) {
+        return !_main.stateKey.getState(state).canInsertLink;
+      }
+    }, _this2.pmPlugins = [_main["default"], _fakeCursorForToolbar["default"]], _temp2));
+  }
+
+  return _createClass(LinkController);
+}(_controller["default"]);
+
+exports.LinkController = LinkController;
+
+var LinkPlugin = /*#__PURE__*/function (_BasePlugin) {
+  _inherits(LinkPlugin, _BasePlugin);
+
+  var _super3 = _createSuper(LinkPlugin);
+
+  function LinkPlugin() {
+    var _temp3, _this3;
+
+    _classCallCheck(this, LinkPlugin);
+
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+
+    return _possibleConstructorReturn(_this3, (_temp3 = _this3 = _super3.call.apply(_super3, [this].concat(args)), _this3.name = PLUGIN_NAME, _this3.schema = LinkSchema, _this3.controller = LinkController, _temp3));
+  }
+
+  return _createClass(LinkPlugin);
+}(_plugin["default"]);
+
+exports.LinkPlugin = LinkPlugin;

package/lib/components/rich-editor/plugins/inline/link/pm-plugins/fake-cursor-for-toolbar.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _prosemirrorState = require("prosemirror-state");
+
+var _prosemirrorView = require("prosemirror-view");
+
+var _main = require("./main");
+
+var createTextCursor = function createTextCursor(pos) {
+  var node = document.createElement('div');
+  node.className = 'ProseMirror-fake-text-cursor';
+  return _prosemirrorView.Decoration.widget(pos, node, {
+    key: 'hyperlink-text-cursor'
+  });
+};
+
+var createTextSelection = function createTextSelection(from, to) {
+  return _prosemirrorView.Decoration.inline(from, to, {
+    "class": 'ProseMirror-fake-text-selection'
+  });
+};
+
+var getInsertLinkToolbarState = function getInsertLinkToolbarState(editorState) {
+  var state = _main.stateKey.getState(editorState);
+
+  if (state && state.activeLinkMark) {
+    if (state.activeLinkMark.type === _main.InsertStatus.INSERT_LINK_TOOLBAR) {
+      return state.activeLinkMark;
+    }
+  }
+
+  return undefined;
+};
+
+var fakeCursorToolbarPlugin = new _prosemirrorState.Plugin({
+  state: {
+    init: function init() {
+      return _prosemirrorView.DecorationSet.empty;
+    },
+    apply: function apply(tr, pluginState, oldState, newState) {
+      var oldInsertToolbarState = getInsertLinkToolbarState(oldState);
+      var insertToolbarState = getInsertLinkToolbarState(newState); // Map DecorationSet if it still refers to the same position in the document
+
+      if (oldInsertToolbarState && insertToolbarState) {
+        var from = insertToolbarState.from,
+            to = insertToolbarState.to;
+        var oldFrom = tr.mapping.map(oldInsertToolbarState.from);
+        var oldTo = tr.mapping.map(oldInsertToolbarState.to);
+
+        if (oldFrom === from && oldTo === to) {
+          return pluginState.map(tr.mapping, tr.doc);
+        }
+      } // Update DecorationSet if new insert toolbar, or if we have moved to a different position in the doc
+
+
+      if (insertToolbarState) {
+        var _from = insertToolbarState.from,
+            _to = insertToolbarState.to;
+        return _prosemirrorView.DecorationSet.create(tr.doc, [_from === _to ? createTextCursor(_from) : createTextSelection(_from, _to)]);
+      }
+
+      return _prosemirrorView.DecorationSet.empty;
+    }
+  },
+  props: {
+    decorations: function decorations(state) {
+      return fakeCursorToolbarPlugin.getState(state);
+    }
+  }
+});
+var _default = fakeCursorToolbarPlugin;
+exports["default"] = _default;