@titaui/pc 1.10.35 → 1.10.39

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

@@ -0,0 +1,293 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stateKey = exports.plugin = exports["default"] = exports.canLinkBeCreatedInRange = exports.LinkAction = exports.InsertStatus = void 0;
+
+var _prosemirrorState = require("prosemirror-state");
+
+var _helpers = require("../../../../utils/helpers");
+
+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; }
+
+var LinkAction;
+exports.LinkAction = LinkAction;
+
+(function (LinkAction) {
+  LinkAction["SHOW_INSERT_TOOLBAR"] = "SHOW_INSERT_TOOLBAR";
+  LinkAction["HIDE_TOOLBAR"] = "HIDE_TOOLBAR";
+  LinkAction["SELECTION_CHANGE"] = "SELECTION_CHANGE";
+  LinkAction["INSERT_LINK_TOOLBAR"] = "INSERT";
+  LinkAction["EDIT_INSERTED_TOOLBAR"] = "EDIT_INSERTED_TOOLBAR";
+})(LinkAction || (exports.LinkAction = LinkAction = {}));
+
+var InsertStatus;
+exports.InsertStatus = InsertStatus;
+
+(function (InsertStatus) {
+  InsertStatus["EDIT_LINK_TOOLBAR"] = "EDIT";
+  InsertStatus["INSERT_LINK_TOOLBAR"] = "INSERT";
+  InsertStatus["EDIT_INSERTED_TOOLBAR"] = "EDIT_INSERTED";
+})(InsertStatus || (exports.InsertStatus = InsertStatus = {}));
+
+var canLinkBeCreatedInRange = function canLinkBeCreatedInRange(from, to) {
+  return function (state) {
+    if (!state.doc.rangeHasMark(from, to, state.schema.marks.link)) {
+      var $from = state.doc.resolve(from);
+      var $to = state.doc.resolve(to);
+      var link = state.schema.marks.link;
+
+      if ($from.parent === $to.parent && $from.parent.isTextblock) {
+        if ($from.parent.type.allowsMarkType(link)) {
+          var allowed = true;
+          state.doc.nodesBetween(from, to, function (node) {
+            allowed = allowed && !node.marks.some(function (m) {
+              return m.type.excludes(link);
+            });
+            return allowed;
+          });
+          return allowed;
+        }
+      }
+    }
+
+    return false;
+  };
+};
+
+exports.canLinkBeCreatedInRange = canLinkBeCreatedInRange;
+
+var isSelectionInsideLink = function isSelectionInsideLink(state) {
+  return !!state.doc.type.schema.marks.link.isInSet(state.selection.$from.marks());
+};
+
+var isSelectionAroundLink = function isSelectionAroundLink(state) {
+  var _state$selection = state.selection,
+      $from = _state$selection.$from,
+      $to = _state$selection.$to;
+  var node = $from.nodeAfter;
+  return !!node && $from.textOffset === 0 && $to.pos - $from.pos === node.nodeSize && !!state.doc.type.schema.marks.link.isInSet(node.marks);
+};
+
+var mapTransactionToState = function mapTransactionToState(state, tr) {
+  if (!state) {
+    return undefined;
+  } else if (state.type === InsertStatus.EDIT_LINK_TOOLBAR || state.type === InsertStatus.EDIT_INSERTED_TOOLBAR) {
+    var _tr$mapping$mapResult = tr.mapping.mapResult(state.pos, 1),
+        pos = _tr$mapping$mapResult.pos,
+        deleted = _tr$mapping$mapResult.deleted;
+
+    var node = tr.doc.nodeAt(pos); // If the position was not deleted & it is still a link
+
+    if (!deleted && !!node.type.schema.marks.link.isInSet(node.marks)) {
+      if (node === state.node && pos === state.pos) {
+        return state;
+      }
+
+      return _objectSpread(_objectSpread({}, state), {}, {
+        pos: pos,
+        node: node
+      });
+    } // If the position has been deleted, then require a navigation to show the toolbar again
+
+
+    return;
+  } else if (state.type === InsertStatus.INSERT_LINK_TOOLBAR) {
+    return _objectSpread(_objectSpread({}, state), {}, {
+      from: tr.mapping.map(state.from),
+      to: tr.mapping.map(state.to)
+    });
+  }
+
+  return;
+};
+
+var toState = function toState(state, action, editorState) {
+  // Show insert or edit toolbar
+  if (!state) {
+    switch (action) {
+      case LinkAction.SHOW_INSERT_TOOLBAR:
+        {
+          var _editorState$selectio = editorState.selection,
+              from = _editorState$selectio.from,
+              to = _editorState$selectio.to;
+
+          if (canLinkBeCreatedInRange(from, to)(editorState)) {
+            return {
+              type: InsertStatus.INSERT_LINK_TOOLBAR,
+              from: from,
+              to: to
+            };
+          }
+
+          return undefined;
+        }
+
+      case LinkAction.SELECTION_CHANGE:
+        // If the user has moved their cursor, see if they're in a link
+        var link = getActiveLinkMark(editorState);
+
+        if (link) {
+          return _objectSpread(_objectSpread({}, link), {}, {
+            type: InsertStatus.EDIT_LINK_TOOLBAR
+          });
+        }
+
+        return undefined;
+
+      default:
+        return undefined;
+    }
+  } // Update toolbar state if selection changes, or if toolbar is hidden
+
+
+  if (state.type === InsertStatus.EDIT_LINK_TOOLBAR) {
+    switch (action) {
+      case LinkAction.EDIT_INSERTED_TOOLBAR:
+        {
+          var _link2 = getActiveLinkMark(editorState);
+
+          if (_link2) {
+            if (_link2.pos === state.pos && _link2.node === state.node) {
+              return _objectSpread(_objectSpread({}, state), {}, {
+                type: InsertStatus.EDIT_INSERTED_TOOLBAR
+              });
+            }
+
+            return _objectSpread(_objectSpread({}, _link2), {}, {
+              type: InsertStatus.EDIT_INSERTED_TOOLBAR
+            });
+          }
+
+          return undefined;
+        }
+
+      case LinkAction.SELECTION_CHANGE:
+        var _link = getActiveLinkMark(editorState);
+
+        if (_link) {
+          if (_link.pos === state.pos && _link.node === state.node) {
+            // Make sure we return the same object, if it's the same link
+            return state;
+          }
+
+          return _objectSpread(_objectSpread({}, _link), {}, {
+            type: InsertStatus.EDIT_LINK_TOOLBAR
+          });
+        }
+
+        return undefined;
+
+      case LinkAction.HIDE_TOOLBAR:
+        return undefined;
+
+      default:
+        return state;
+    }
+  } // Remove toolbar if user changes selection or toolbar is hidden
+
+
+  if (state.type === InsertStatus.INSERT_LINK_TOOLBAR) {
+    switch (action) {
+      case LinkAction.SELECTION_CHANGE:
+      case LinkAction.HIDE_TOOLBAR:
+        return undefined;
+
+      default:
+        return state;
+    }
+  }
+
+  return;
+};
+
+var getActiveLinkMark = function getActiveLinkMark(state) {
+  var $from = state.selection.$from;
+
+  if (isSelectionInsideLink(state) || isSelectionAroundLink(state)) {
+    var pos = $from.pos - $from.textOffset;
+    var node = state.doc.nodeAt(pos);
+    return node && node.isText ? {
+      node: node,
+      pos: pos
+    } : undefined;
+  }
+
+  return undefined;
+};
+
+var getActiveText = function getActiveText(selection) {
+  var currentSlice = selection.content();
+
+  if (currentSlice.size === 0) {
+    return;
+  }
+
+  if (currentSlice.content.childCount === 1 && currentSlice.content.firstChild && selection instanceof _prosemirrorState.TextSelection) {
+    return currentSlice.content.firstChild.textContent;
+  }
+
+  return;
+};
+
+var stateKey = new _prosemirrorState.PluginKey('hyperlinkPlugin');
+exports.stateKey = stateKey;
+
+var plugin = function plugin(dispatch) {
+  return new _prosemirrorState.Plugin({
+    state: {
+      init: function init(_, state) {
+        var canInsertLink = canLinkBeCreatedInRange(state.selection.from, state.selection.to)(state);
+        return {
+          activeText: getActiveText(state.selection),
+          canInsertLink: canInsertLink,
+          activeLinkMark: toState(undefined, LinkAction.SELECTION_CHANGE, state)
+        };
+      },
+      apply: function apply(tr, pluginState, _oldState, newState) {
+        var state = pluginState;
+        var action = tr.getMeta(stateKey) && tr.getMeta(stateKey).type;
+
+        if (tr.docChanged) {
+          state = {
+            activeText: state.activeText,
+            canInsertLink: canLinkBeCreatedInRange(newState.selection.from, newState.selection.to)(newState),
+            activeLinkMark: mapTransactionToState(state.activeLinkMark, tr)
+          };
+        }
+
+        if (action) {
+          state = {
+            activeText: state.activeText,
+            canInsertLink: state.canInsertLink,
+            activeLinkMark: toState(state.activeLinkMark, action, newState)
+          };
+        }
+
+        if (tr.selectionSet) {
+          state = {
+            activeText: getActiveText(newState.selection),
+            canInsertLink: canLinkBeCreatedInRange(newState.selection.from, newState.selection.to)(newState),
+            activeLinkMark: toState(state.activeLinkMark, LinkAction.SELECTION_CHANGE, newState)
+          };
+        }
+
+        if (!(0, _helpers.shallowEqual)(state, pluginState)) {
+          dispatch(stateKey, state);
+        }
+
+        return state;
+      }
+    },
+    key: stateKey
+  });
+};
+
+exports.plugin = plugin;
+var _default = plugin;
+exports["default"] = _default;

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

@@ -0,0 +1,79 @@
+.ProseMirror .ProseMirror-fake-text-cursor {
+  display: inline;
+  pointer-events: none;
+  position: relative;
+}
+
+.ProseMirror .ProseMirror-fake-text-selection {
+  display: inline;
+  pointer-events: none;
+  position: relative;
+  background-color: #b3d4ff;
+}
+
+.tita-rich-editor-link {
+  box-sizing: border-box;
+  width: 348px;
+  padding: 24px 32px 20px;
+  background: #ffffff;
+  box-shadow: 0px 8px 24px 0px rgba(127, 145, 180, 0.2);
+  border-radius: 24px;
+}
+
+.tita-rich-editor-link__btn-wrapper {
+  display: flex;
+  margin-top: 16px;
+  justify-content: flex-end;
+}
+
+.tita-rich-editor-link__input:first-child {
+  margin-bottom: 16px;
+}
+
+.tita-rich-editor-link__input .form-field-input__label-text {
+  color: #89919f;
+}
+
+.tita-rich-editor-link__common-tool-bar-btn {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.tita-rich-editor-toolbar {
+  box-sizing: border-box;
+  padding: 0 12px;
+  display: flex;
+  align-items: center;
+  width: 344px;
+  height: 44px;
+  background: #ffffff;
+  box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
+  border-radius: 8px;
+  border: 1px solid #f0f2f5;
+}
+
+.tita-rich-editor-toolbar__text {
+  flex: 1;
+  width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.tita-rich-editor-toolbar__btn {
+  width: 24px;
+  height: 24px;
+  font-size: 18px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 8px;
+  cursor: pointer;
+}
+
+.tita-rich-editor-toolbar__btn:hover {
+  background-color: #f0f4fa;
+}

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

@@ -0,0 +1,148 @@
+"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["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _prosemirrorUtils = require("prosemirror-utils");
+
+var _Popup = _interopRequireDefault(require("../../../../ui/Popup"));
+
+var _input = _interopRequireDefault(require("../../../../../form/form-fields/input"));
+
+var _button = require("../../../../../button");
+
+var _commands = require("../commands");
+
+require("./index.css");
+
+var _main = require("../pm-plugins/main");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 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; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var preCls = 'tita-rich-editor-link';
+
+function LinkEditor(_ref) {
+  var editor = _ref.editor,
+      text = _ref.text,
+      href = _ref.href,
+      editType = _ref.editType,
+      pos = _ref.pos;
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = _slicedToArray(_useState, 2),
+      target = _useState2[0],
+      setTarget = _useState2[1];
+
+  var _useState3 = (0, _react.useState)({
+    text: text,
+    href: href
+  }),
+      _useState4 = _slicedToArray(_useState3, 2),
+      content = _useState4[0],
+      setContent = _useState4[1];
+
+  (0, _react.useEffect)(function () {
+    var view = editor.view;
+    setTarget((0, _prosemirrorUtils.findDomRefAtPos)(view.state.selection.from, view.domAtPos.bind(view)));
+  }, []);
+  (0, _react.useEffect)(function () {
+    setContent({
+      text: text,
+      href: href
+    });
+  }, [text, href]);
+  var handleSubmit = (0, _react.useCallback)(function () {
+    var text = content.text,
+        href = content.href;
+
+    if (!href) {
+      (0, _commands.hideLinkToolbar)()(editor.state, editor.view.dispatch);
+      return;
+    }
+
+    var _editor$state$selecti = editor.state.selection,
+        from = _editor$state$selecti.from,
+        to = _editor$state$selecti.to;
+
+    if (editType == _main.InsertStatus.INSERT_LINK_TOOLBAR) {
+      (0, _commands.insertLink)(from, to, href, text)(editor.state, editor.view.dispatch);
+    } else {
+      console.log(pos);
+      (0, _commands.updateLink)(href, text || href, pos || from)(editor.state, editor.view.dispatch);
+    }
+
+    editor.view.focus();
+  }, [content.text, content.href, pos]);
+  return /*#__PURE__*/_react["default"].createElement(_Popup["default"], {
+    mountTo: editor.view.dom.parentNode,
+    target: target
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls,
+    onMouseDown: function onMouseDown(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
+    className: preCls + '__input',
+    label: "\u6587\u672C",
+    name: "text",
+    layout: "row",
+    placeholder: "\u8BF7\u8F93\u5165\u6587\u672C",
+    onChange: function onChange(text) {
+      return setContent(_objectSpread(_objectSpread({}, content), {}, {
+        text: text
+      }));
+    },
+    value: content.text
+  }), /*#__PURE__*/_react["default"].createElement(_input["default"], {
+    className: preCls + '__input',
+    label: "\u94FE\u63A5",
+    name: "href",
+    layout: "row",
+    placeholder: "\u6DFB\u52A0\u94FE\u63A5\u5730\u5740",
+    onChange: function onChange(href) {
+      return setContent(_objectSpread(_objectSpread({}, content), {}, {
+        href: href
+      }));
+    },
+    value: content.href
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + '__btn-wrapper'
+  }, /*#__PURE__*/_react["default"].createElement(_button.RectBtn, {
+    type: "primary",
+    style: {
+      width: 90
+    },
+    onClick: handleSubmit
+  }, "\u5E94\u7528"))));
+}
+
+var _default = LinkEditor;
+exports["default"] = _default;

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

@@ -0,0 +1,88 @@
+"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["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _prosemirrorUtils = require("prosemirror-utils");
+
+var _Popup = _interopRequireDefault(require("../../../../ui/Popup"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("./index.css");
+
+var _commands = require("../commands");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var preCls = 'tita-rich-editor-toolbar';
+
+function LinkToolBar(_ref) {
+  var editor = _ref.editor,
+      href = _ref.href,
+      pos = _ref.pos;
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = _slicedToArray(_useState, 2),
+      target = _useState2[0],
+      setTarget = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    var view = editor.view;
+    setTarget((0, _prosemirrorUtils.findDomRefAtPos)(view.state.selection.from, view.domAtPos.bind(view)));
+  }, []);
+  var handleEdit = (0, _react.useCallback)(function () {
+    (0, _commands.editInsertedLink)()(editor.state, editor.view.dispatch);
+  }, []);
+  var handleRemoveLink = (0, _react.useCallback)(function () {
+    (0, _commands.removeLink)(pos)(editor.state, editor.view.dispatch);
+  }, [pos]);
+  var handleOpenLink = (0, _react.useCallback)(function () {
+    window.open(href);
+  }, [href]);
+  return /*#__PURE__*/_react["default"].createElement(_Popup["default"], {
+    mountTo: editor.view.dom.parentNode,
+    target: target
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls,
+    onMouseDown: function onMouseDown(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + '__text'
+  }, href), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('tu-icon-visit', preCls + '__btn'),
+    onClick: handleOpenLink
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('tu-icon-bianji3', preCls + '__btn'),
+    onClick: handleEdit
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('tu-icon-quxiaoguanlian', preCls + '__btn'),
+    onClick: handleRemoveLink
+  })));
+}
+
+var _default = LinkToolBar;
+exports["default"] = _default;