@titaui/pc 1.10.39 → 1.10.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/dynamic/dynamic-item/dynamic-chart/index.js +18 -3
- package/lib/components/upload/index.js +2 -4
- package/lib/index.js +0 -8
- package/package.json +2 -20
- package/lib/components/rich-editor/basic/schema.js +0 -47
- package/lib/components/rich-editor/consts/events.js +0 -12
- package/lib/components/rich-editor/enums.js +0 -42
- package/lib/components/rich-editor/index.js +0 -58
- package/lib/components/rich-editor/keymap.js +0 -119
- package/lib/components/rich-editor/keymaps/index.js +0 -241
- package/lib/components/rich-editor/models/controller.js +0 -18
- package/lib/components/rich-editor/models/editor.js +0 -47
- package/lib/components/rich-editor/models/plugin.js +0 -20
- package/lib/components/rich-editor/models/schema.js +0 -121
- package/lib/components/rich-editor/plugins/block/block-quote/commond.js +0 -27
- package/lib/components/rich-editor/plugins/block/block-quote/index.js +0 -126
- package/lib/components/rich-editor/plugins/block/heading/commonds.js +0 -31
- package/lib/components/rich-editor/plugins/block/heading/index.js +0 -188
- package/lib/components/rich-editor/plugins/block/index.js +0 -57
- package/lib/components/rich-editor/plugins/block/lists/actions/conversions.js +0 -172
- package/lib/components/rich-editor/plugins/block/lists/actions/indent-list-items-selected.js +0 -163
- package/lib/components/rich-editor/plugins/block/lists/actions/indent-list.js +0 -59
- package/lib/components/rich-editor/plugins/block/lists/actions/join-list-items-forward.js +0 -74
- package/lib/components/rich-editor/plugins/block/lists/actions/join-list-items-scenarios/index.js +0 -45
- package/lib/components/rich-editor/plugins/block/lists/actions/join-list-items-scenarios/join-list-item-with-paragraph.js +0 -104
- package/lib/components/rich-editor/plugins/block/lists/actions/join-list-items-scenarios/join-list-item-with-parent-nested-list.js +0 -92
- package/lib/components/rich-editor/plugins/block/lists/actions/join-list-items-scenarios/join-nested-list-with-parent-list-item.js +0 -89
- package/lib/components/rich-editor/plugins/block/lists/actions/join-list-items-scenarios/join-paragraph-with-list.js +0 -48
- package/lib/components/rich-editor/plugins/block/lists/actions/join-list-items-scenarios/join-sibling-list-items.js +0 -61
- package/lib/components/rich-editor/plugins/block/lists/actions/merge-lists.js +0 -34
- package/lib/components/rich-editor/plugins/block/lists/actions/outdent-list-items-selected.js +0 -289
- package/lib/components/rich-editor/plugins/block/lists/actions/wrap-and-join-lists.js +0 -180
- package/lib/components/rich-editor/plugins/block/lists/baseCommand.js +0 -328
- package/lib/components/rich-editor/plugins/block/lists/commond/indent-list.js +0 -60
- package/lib/components/rich-editor/plugins/block/lists/commond/index.js +0 -398
- package/lib/components/rich-editor/plugins/block/lists/commond/join-list-item-forward.js +0 -45
- package/lib/components/rich-editor/plugins/block/lists/commond/listBackspace.js +0 -302
- package/lib/components/rich-editor/plugins/block/lists/commond/outdent-list.js +0 -43
- package/lib/components/rich-editor/plugins/block/lists/index.js +0 -222
- package/lib/components/rich-editor/plugins/block/lists/messages.js +0 -38
- package/lib/components/rich-editor/plugins/block/lists/pm-plugins/input-rule.js +0 -152
- package/lib/components/rich-editor/plugins/block/lists/pm-plugins/keymap.js +0 -33
- package/lib/components/rich-editor/plugins/block/lists/pm-plugins/main.js +0 -94
- package/lib/components/rich-editor/plugins/block/lists/styles.js +0 -15
- package/lib/components/rich-editor/plugins/block/lists/transforms.js +0 -347
- package/lib/components/rich-editor/plugins/block/lists/utils/analytics.js +0 -48
- package/lib/components/rich-editor/plugins/block/lists/utils/find.js +0 -126
- package/lib/components/rich-editor/plugins/block/lists/utils/indentation.js +0 -87
- package/lib/components/rich-editor/plugins/block/lists/utils/node.js +0 -144
- package/lib/components/rich-editor/plugins/block/lists/utils/replace-content.js +0 -31
- package/lib/components/rich-editor/plugins/block/lists/utils/selection.js +0 -201
- package/lib/components/rich-editor/plugins/block/lists/utils.js +0 -52
- package/lib/components/rich-editor/plugins/block/paragraph/index.js +0 -91
- package/lib/components/rich-editor/plugins/core/index.js +0 -90
- package/lib/components/rich-editor/plugins/core/pm-plugins/focus-handler.js +0 -67
- package/lib/components/rich-editor/plugins/core/pm-plugins/keymap.js +0 -29
- package/lib/components/rich-editor/plugins/core/pm-plugins/reactNodeView.js +0 -80
- package/lib/components/rich-editor/plugins/extension/alignment/commond.js +0 -24
- package/lib/components/rich-editor/plugins/extension/alignment/index.js +0 -111
- package/lib/components/rich-editor/plugins/extension/alignment/utils.js +0 -19
- package/lib/components/rich-editor/plugins/extension/index.js +0 -18
- package/lib/components/rich-editor/plugins/index.js +0 -44
- package/lib/components/rich-editor/plugins/inline/color/commond.js +0 -128
- package/lib/components/rich-editor/plugins/inline/color/consts.js +0 -43
- package/lib/components/rich-editor/plugins/inline/color/index.css +0 -61
- package/lib/components/rich-editor/plugins/inline/color/index.js +0 -209
- package/lib/components/rich-editor/plugins/inline/color/selector.js +0 -252
- package/lib/components/rich-editor/plugins/inline/delete-line/index.js +0 -147
- package/lib/components/rich-editor/plugins/inline/em/index.js +0 -93
- package/lib/components/rich-editor/plugins/inline/index.js +0 -83
- package/lib/components/rich-editor/plugins/inline/link/commands.js +0 -256
- package/lib/components/rich-editor/plugins/inline/link/index.js +0 -149
- package/lib/components/rich-editor/plugins/inline/link/pm-plugins/fake-cursor-for-toolbar.js +0 -77
- package/lib/components/rich-editor/plugins/inline/link/pm-plugins/main.js +0 -293
- package/lib/components/rich-editor/plugins/inline/link/ui/index.css +0 -79
- package/lib/components/rich-editor/plugins/inline/link/ui/linkEditor.js +0 -148
- package/lib/components/rich-editor/plugins/inline/link/ui/linkToolbar.js +0 -88
- package/lib/components/rich-editor/plugins/inline/link/ui/toolbarBtn.js +0 -117
- package/lib/components/rich-editor/plugins/inline/link/utils.js +0 -33
- package/lib/components/rich-editor/plugins/inline/strong/index.js +0 -137
- package/lib/components/rich-editor/plugins/inline/under-line/index.js +0 -145
- package/lib/components/rich-editor/plugins/util.js +0 -281
- package/lib/components/rich-editor/react/reactNodeView.js +0 -383
- package/lib/components/rich-editor/react/uiProvider.js +0 -185
- package/lib/components/rich-editor/schemas/basic.js +0 -309
- package/lib/components/rich-editor/schemas/index.js +0 -19
- package/lib/components/rich-editor/schemas/list.js +0 -342
- package/lib/components/rich-editor/types/commond.js +0 -5
- package/lib/components/rich-editor/types/index.js +0 -18
- package/lib/components/rich-editor/ui/Popup/index.js +0 -247
- package/lib/components/rich-editor/ui/Popup/utils.js +0 -399
- package/lib/components/rich-editor/ui/editor/index.css +0 -141
- package/lib/components/rich-editor/ui/editor/index.js +0 -130
- package/lib/components/rich-editor/ui/normal-toolbar/index.css +0 -28
- package/lib/components/rich-editor/ui/normal-toolbar/index.js +0 -109
- package/lib/components/rich-editor/utils/browser.js +0 -35
- package/lib/components/rich-editor/utils/commands.js +0 -266
- package/lib/components/rich-editor/utils/document.js +0 -160
- package/lib/components/rich-editor/utils/event.js +0 -79
- package/lib/components/rich-editor/utils/helpers.js +0 -16
- package/lib/components/rich-editor/utils/mark.js +0 -168
- package/lib/components/rich-editor/utils/slice.js +0 -85
- package/lib/components/rich-editor/utils/toolbar.js +0 -228
- package/yarn-error.log +0 -22184
|
@@ -1,399 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.calculatePlacement = calculatePlacement;
|
|
7
|
-
exports.calculatePosition = calculatePosition;
|
|
8
|
-
exports.findOverflowScrollParent = findOverflowScrollParent;
|
|
9
|
-
exports.getHorizontalPlacement = getHorizontalPlacement;
|
|
10
|
-
exports.getVerticalPlacement = getVerticalPlacement;
|
|
11
|
-
exports.isBody = isBody;
|
|
12
|
-
exports.isTextNode = isTextNode;
|
|
13
|
-
exports.validatePosition = validatePosition;
|
|
14
|
-
|
|
15
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
16
|
-
|
|
17
|
-
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."); }
|
|
18
|
-
|
|
19
|
-
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); }
|
|
20
|
-
|
|
21
|
-
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; }
|
|
22
|
-
|
|
23
|
-
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; }
|
|
24
|
-
|
|
25
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
26
|
-
|
|
27
|
-
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; }
|
|
28
|
-
|
|
29
|
-
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; }
|
|
30
|
-
|
|
31
|
-
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; }
|
|
32
|
-
|
|
33
|
-
function isBody(elem) {
|
|
34
|
-
return elem === document.body;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
function isTextNode(elem) {
|
|
38
|
-
return elem && elem.nodeType === 3;
|
|
39
|
-
}
|
|
40
|
-
/**
|
|
41
|
-
* Decides if given fitHeight fits below or above the target taking boundaries into account.
|
|
42
|
-
*/
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
function getVerticalPlacement(target, boundariesElement, fitHeight, alignY, forcePlacement) {
|
|
46
|
-
if (forcePlacement && alignY) {
|
|
47
|
-
return alignY;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
if (!fitHeight) {
|
|
51
|
-
return 'bottom';
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
if (isTextNode(target)) {
|
|
55
|
-
target = target.parentElement;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
var boundariesClientRect = boundariesElement.getBoundingClientRect();
|
|
59
|
-
var boundariesHeight = boundariesClientRect.height;
|
|
60
|
-
var boundariesTop = isBody(boundariesElement) ? 0 : boundariesClientRect.top;
|
|
61
|
-
|
|
62
|
-
var _target$getBoundingCl = target.getBoundingClientRect(),
|
|
63
|
-
targetTop = _target$getBoundingCl.top,
|
|
64
|
-
targetHeight = _target$getBoundingCl.height;
|
|
65
|
-
|
|
66
|
-
var spaceAbove = targetTop - (boundariesTop - boundariesElement.scrollTop);
|
|
67
|
-
var spaceBelow = boundariesTop + boundariesHeight - (targetTop + targetHeight);
|
|
68
|
-
|
|
69
|
-
if (spaceBelow >= fitHeight || spaceBelow >= spaceAbove) {
|
|
70
|
-
return 'bottom';
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
return 'top';
|
|
74
|
-
}
|
|
75
|
-
/**
|
|
76
|
-
* Decides if given fitWidth fits to the left or to the right of the target taking boundaries into account.
|
|
77
|
-
*/
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
function getHorizontalPlacement(target, boundariesElement, fitWidth, alignX, forcePlacement) {
|
|
81
|
-
if (forcePlacement && alignX) {
|
|
82
|
-
return alignX;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
if (!fitWidth) {
|
|
86
|
-
return alignX || 'left';
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
if (isTextNode(target)) {
|
|
90
|
-
target = target.parentElement;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
var _target$getBoundingCl2 = target.getBoundingClientRect(),
|
|
94
|
-
targetLeft = _target$getBoundingCl2.left,
|
|
95
|
-
targetWidth = _target$getBoundingCl2.width;
|
|
96
|
-
|
|
97
|
-
var _boundariesElement$ge = boundariesElement.getBoundingClientRect(),
|
|
98
|
-
boundariesLeft = _boundariesElement$ge.left,
|
|
99
|
-
boundariesWidth = _boundariesElement$ge.width;
|
|
100
|
-
|
|
101
|
-
var spaceLeft = targetLeft - boundariesLeft + targetWidth;
|
|
102
|
-
var spaceRight = boundariesLeft + boundariesWidth - targetLeft;
|
|
103
|
-
|
|
104
|
-
if (alignX && spaceLeft > fitWidth && spaceRight > fitWidth) {
|
|
105
|
-
return alignX;
|
|
106
|
-
} else if (spaceRight >= fitWidth || spaceRight >= spaceLeft && !alignX) {
|
|
107
|
-
return 'left';
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
return 'right';
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
function calculatePlacement(target, boundariesElement, fitWidth, fitHeight, alignX, alignY, forcePlacement) {
|
|
114
|
-
return [getVerticalPlacement(target, boundariesElement, fitHeight, alignY, forcePlacement), getHorizontalPlacement(target, boundariesElement, fitWidth, alignX, forcePlacement)];
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
var calculateHorizontalPlacement = function calculateHorizontalPlacement(_ref) {
|
|
118
|
-
var placement = _ref.placement,
|
|
119
|
-
targetLeft = _ref.targetLeft,
|
|
120
|
-
targetRight = _ref.targetRight,
|
|
121
|
-
targetWidth = _ref.targetWidth,
|
|
122
|
-
isPopupParentBody = _ref.isPopupParentBody,
|
|
123
|
-
popupOffsetParentLeft = _ref.popupOffsetParentLeft,
|
|
124
|
-
popupOffsetParentRight = _ref.popupOffsetParentRight,
|
|
125
|
-
popupOffsetParentScrollLeft = _ref.popupOffsetParentScrollLeft,
|
|
126
|
-
popupOffsetParentClientWidth = _ref.popupOffsetParentClientWidth,
|
|
127
|
-
popupClientWidth = _ref.popupClientWidth,
|
|
128
|
-
offset = _ref.offset,
|
|
129
|
-
_ref$allowOutOfBounds = _ref.allowOutOfBounds,
|
|
130
|
-
allowOutOfBounds = _ref$allowOutOfBounds === void 0 ? false : _ref$allowOutOfBounds;
|
|
131
|
-
var position = {};
|
|
132
|
-
|
|
133
|
-
if (placement === 'left') {
|
|
134
|
-
position.left = Math.ceil(targetLeft - popupOffsetParentLeft + (isPopupParentBody ? 0 : popupOffsetParentScrollLeft) + offset[0]);
|
|
135
|
-
} else if (placement === 'center') {
|
|
136
|
-
position.left = Math.ceil(targetLeft - popupOffsetParentLeft + (isPopupParentBody ? 0 : popupOffsetParentScrollLeft) + offset[0] + targetWidth / 2 - popupClientWidth / 2);
|
|
137
|
-
} else if (placement === 'end') {
|
|
138
|
-
var left = Math.ceil(targetRight - popupOffsetParentLeft + (isPopupParentBody ? 0 : popupOffsetParentScrollLeft) + offset[0]);
|
|
139
|
-
position.left = left;
|
|
140
|
-
} else {
|
|
141
|
-
position.right = Math.ceil(popupOffsetParentRight - targetRight - (isPopupParentBody ? 0 : popupOffsetParentScrollLeft) + offset[0]);
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
if (!allowOutOfBounds) {
|
|
145
|
-
if (position.left !== undefined) {
|
|
146
|
-
position.left = getPopupXInsideParent(position.left, popupClientWidth, popupOffsetParentClientWidth);
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
if (position.right !== undefined) {
|
|
150
|
-
position.right = getPopupXInsideParent(position.right, popupClientWidth, popupOffsetParentClientWidth);
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
return position;
|
|
155
|
-
};
|
|
156
|
-
|
|
157
|
-
var getPopupXInsideParent = function getPopupXInsideParent(x, popupClientWidth, popupOffsetParentClientWidth) {
|
|
158
|
-
// minimum distance the popup can be from the edge of its parent
|
|
159
|
-
var minPopupMargin = 1; // prevent going too far right
|
|
160
|
-
|
|
161
|
-
if (popupOffsetParentClientWidth < x + popupClientWidth) {
|
|
162
|
-
x = popupOffsetParentClientWidth - popupClientWidth - minPopupMargin;
|
|
163
|
-
} // prevent going too far left
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
return Math.max(minPopupMargin, x);
|
|
167
|
-
};
|
|
168
|
-
|
|
169
|
-
var calculateVerticalStickBottom = function calculateVerticalStickBottom(_ref2) {
|
|
170
|
-
var target = _ref2.target,
|
|
171
|
-
targetTop = _ref2.targetTop,
|
|
172
|
-
targetHeight = _ref2.targetHeight,
|
|
173
|
-
popup = _ref2.popup,
|
|
174
|
-
offset = _ref2.offset,
|
|
175
|
-
position = _ref2.position;
|
|
176
|
-
var scrollParent = findOverflowScrollParent(target);
|
|
177
|
-
|
|
178
|
-
var newPos = _objectSpread({}, position);
|
|
179
|
-
|
|
180
|
-
if (scrollParent) {
|
|
181
|
-
var topOffsetTop = targetTop - scrollParent.getBoundingClientRect().top;
|
|
182
|
-
var targetEnd = targetHeight + topOffsetTop;
|
|
183
|
-
|
|
184
|
-
if (scrollParent.clientHeight - targetEnd <= popup.clientHeight + offset[1] * 2 && topOffsetTop < scrollParent.clientHeight) {
|
|
185
|
-
var scroll = targetEnd - scrollParent.clientHeight + offset[1] * 2;
|
|
186
|
-
var top = newPos.top || 0;
|
|
187
|
-
top = top - (scroll + popup.clientHeight);
|
|
188
|
-
newPos.top = top;
|
|
189
|
-
}
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
return newPos;
|
|
193
|
-
};
|
|
194
|
-
|
|
195
|
-
var calculateVerticalStickTop = function calculateVerticalStickTop(_ref3) {
|
|
196
|
-
var target = _ref3.target,
|
|
197
|
-
targetTop = _ref3.targetTop,
|
|
198
|
-
targetHeight = _ref3.targetHeight,
|
|
199
|
-
popupOffsetParentHeight = _ref3.popupOffsetParentHeight,
|
|
200
|
-
popupOffsetParent = _ref3.popupOffsetParent,
|
|
201
|
-
offset = _ref3.offset,
|
|
202
|
-
position = _ref3.position,
|
|
203
|
-
placement = _ref3.placement;
|
|
204
|
-
var scrollParent = findOverflowScrollParent(target);
|
|
205
|
-
|
|
206
|
-
var newPos = _objectSpread({}, position);
|
|
207
|
-
|
|
208
|
-
if (scrollParent) {
|
|
209
|
-
var _scrollParent$getBoun = scrollParent.getBoundingClientRect(),
|
|
210
|
-
scrollParentTop = _scrollParent$getBoun.top;
|
|
211
|
-
|
|
212
|
-
var topBoundary = targetTop - scrollParentTop;
|
|
213
|
-
var scrollParentScrollTop = scrollParent.scrollTop;
|
|
214
|
-
|
|
215
|
-
if (topBoundary < 0) {
|
|
216
|
-
var isBelowNodeBoundary = targetTop + (scrollParentScrollTop - scrollParentTop) + targetHeight + offset[1] < scrollParentScrollTop;
|
|
217
|
-
|
|
218
|
-
if (placement === 'top') {
|
|
219
|
-
if (isBelowNodeBoundary) {
|
|
220
|
-
newPos.bottom = popupOffsetParentHeight - (topBoundary + popupOffsetParent.scrollTop + targetHeight);
|
|
221
|
-
} else {
|
|
222
|
-
newPos.bottom = topBoundary + (newPos.bottom || 0);
|
|
223
|
-
}
|
|
224
|
-
}
|
|
225
|
-
|
|
226
|
-
if (placement === 'start') {
|
|
227
|
-
if (isBelowNodeBoundary) {
|
|
228
|
-
newPos.top = topBoundary + popupOffsetParent.scrollTop + targetHeight;
|
|
229
|
-
} else {
|
|
230
|
-
newPos.top = Math.abs(topBoundary) + (newPos.top || 0) + offset[1];
|
|
231
|
-
}
|
|
232
|
-
}
|
|
233
|
-
}
|
|
234
|
-
}
|
|
235
|
-
|
|
236
|
-
return newPos;
|
|
237
|
-
};
|
|
238
|
-
|
|
239
|
-
var calculateVerticalPlacement = function calculateVerticalPlacement(_ref4) {
|
|
240
|
-
var placement = _ref4.placement,
|
|
241
|
-
targetTop = _ref4.targetTop,
|
|
242
|
-
targetHeight = _ref4.targetHeight,
|
|
243
|
-
isPopupParentBody = _ref4.isPopupParentBody,
|
|
244
|
-
popupOffsetParentHeight = _ref4.popupOffsetParentHeight,
|
|
245
|
-
popupOffsetParentTop = _ref4.popupOffsetParentTop,
|
|
246
|
-
popupOffsetParentScrollTop = _ref4.popupOffsetParentScrollTop,
|
|
247
|
-
borderBottomWidth = _ref4.borderBottomWidth,
|
|
248
|
-
offset = _ref4.offset;
|
|
249
|
-
var position = {};
|
|
250
|
-
|
|
251
|
-
if (placement === 'top') {
|
|
252
|
-
position.bottom = Math.ceil(popupOffsetParentHeight - (targetTop - popupOffsetParentTop) - (isPopupParentBody ? 0 : popupOffsetParentScrollTop) - borderBottomWidth + offset[1]);
|
|
253
|
-
} else if (placement === 'start') {
|
|
254
|
-
position.top = Math.ceil(targetTop - popupOffsetParentTop - offset[1] + (isPopupParentBody ? 0 : popupOffsetParentScrollTop));
|
|
255
|
-
} else {
|
|
256
|
-
var top = Math.ceil(targetTop - popupOffsetParentTop + targetHeight + (isPopupParentBody ? 0 : popupOffsetParentScrollTop) - borderBottomWidth + offset[1]);
|
|
257
|
-
position.top = top;
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
return position;
|
|
261
|
-
};
|
|
262
|
-
/**
|
|
263
|
-
* Calculates relative coordinates for placing popup along with the target.
|
|
264
|
-
* Uses placement from calculatePlacement.
|
|
265
|
-
*/
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
function calculatePosition(_ref5) {
|
|
269
|
-
var placement = _ref5.placement,
|
|
270
|
-
target = _ref5.target,
|
|
271
|
-
popup = _ref5.popup,
|
|
272
|
-
offset = _ref5.offset,
|
|
273
|
-
stick = _ref5.stick,
|
|
274
|
-
_ref5$allowOutOfBound = _ref5.allowOutOfBounds,
|
|
275
|
-
allowOutOfBounds = _ref5$allowOutOfBound === void 0 ? false : _ref5$allowOutOfBound,
|
|
276
|
-
rect = _ref5.rect;
|
|
277
|
-
var position = {};
|
|
278
|
-
|
|
279
|
-
if (!target || !popup || !popup.offsetParent) {
|
|
280
|
-
return position;
|
|
281
|
-
}
|
|
282
|
-
|
|
283
|
-
if (isTextNode(target)) {
|
|
284
|
-
target = target.parentElement;
|
|
285
|
-
}
|
|
286
|
-
|
|
287
|
-
var popupOffsetParent = popup.offsetParent;
|
|
288
|
-
var offsetParentStyle = popupOffsetParent.style;
|
|
289
|
-
var borderBottomWidth = 0;
|
|
290
|
-
|
|
291
|
-
if (offsetParentStyle && offsetParentStyle.borderBottomWidth) {
|
|
292
|
-
borderBottomWidth = parseInt(offsetParentStyle.borderBottomWidth, 10);
|
|
293
|
-
}
|
|
294
|
-
|
|
295
|
-
var _placement = _slicedToArray(placement, 2),
|
|
296
|
-
verticalPlacement = _placement[0],
|
|
297
|
-
horizontalPlacement = _placement[1];
|
|
298
|
-
|
|
299
|
-
var _ref6 = rect ? rect : popupOffsetParent.getBoundingClientRect(),
|
|
300
|
-
popupOffsetParentTop = _ref6.top,
|
|
301
|
-
popupOffsetParentLeft = _ref6.left,
|
|
302
|
-
popupOffsetParentRight = _ref6.right,
|
|
303
|
-
popupOffsetParentHeight = _ref6.height;
|
|
304
|
-
|
|
305
|
-
var _target$getBoundingCl3 = target.getBoundingClientRect(),
|
|
306
|
-
targetTop = _target$getBoundingCl3.top,
|
|
307
|
-
targetLeft = _target$getBoundingCl3.left,
|
|
308
|
-
targetRight = _target$getBoundingCl3.right,
|
|
309
|
-
targetHeight = _target$getBoundingCl3.height,
|
|
310
|
-
targetWidth = _target$getBoundingCl3.width;
|
|
311
|
-
|
|
312
|
-
var isPopupParentBody = isBody(popupOffsetParent);
|
|
313
|
-
var verticalPosition = calculateVerticalPlacement({
|
|
314
|
-
placement: verticalPlacement,
|
|
315
|
-
targetTop: targetTop,
|
|
316
|
-
isPopupParentBody: isPopupParentBody,
|
|
317
|
-
popupOffsetParentHeight: popupOffsetParentHeight,
|
|
318
|
-
popupOffsetParentTop: popupOffsetParentTop,
|
|
319
|
-
popupOffsetParentScrollTop: popupOffsetParent.scrollTop || 0,
|
|
320
|
-
targetHeight: targetHeight,
|
|
321
|
-
borderBottomWidth: borderBottomWidth,
|
|
322
|
-
offset: offset
|
|
323
|
-
});
|
|
324
|
-
position = _objectSpread(_objectSpread({}, position), verticalPosition);
|
|
325
|
-
|
|
326
|
-
if ((verticalPlacement === 'top' || verticalPlacement === 'start') && stick) {
|
|
327
|
-
position = calculateVerticalStickTop({
|
|
328
|
-
target: target,
|
|
329
|
-
targetTop: targetTop,
|
|
330
|
-
targetHeight: targetHeight,
|
|
331
|
-
popupOffsetParentHeight: popupOffsetParentHeight,
|
|
332
|
-
popupOffsetParent: popupOffsetParent,
|
|
333
|
-
popup: popup,
|
|
334
|
-
offset: offset,
|
|
335
|
-
position: position,
|
|
336
|
-
placement: verticalPlacement
|
|
337
|
-
});
|
|
338
|
-
}
|
|
339
|
-
|
|
340
|
-
if (verticalPlacement !== 'top' && verticalPlacement !== 'start' && stick) {
|
|
341
|
-
position = calculateVerticalStickBottom({
|
|
342
|
-
target: target,
|
|
343
|
-
targetTop: targetTop,
|
|
344
|
-
targetHeight: targetHeight,
|
|
345
|
-
popup: popup,
|
|
346
|
-
offset: offset,
|
|
347
|
-
position: position
|
|
348
|
-
});
|
|
349
|
-
}
|
|
350
|
-
|
|
351
|
-
var horizontalPosition = calculateHorizontalPlacement({
|
|
352
|
-
placement: horizontalPlacement,
|
|
353
|
-
targetLeft: targetLeft,
|
|
354
|
-
targetRight: targetRight,
|
|
355
|
-
targetWidth: targetWidth,
|
|
356
|
-
isPopupParentBody: isPopupParentBody,
|
|
357
|
-
popupOffsetParentLeft: popupOffsetParentLeft,
|
|
358
|
-
popupOffsetParentRight: popupOffsetParentRight,
|
|
359
|
-
popupOffsetParentScrollLeft: popupOffsetParent.scrollLeft || 0,
|
|
360
|
-
popupOffsetParentClientWidth: popup.offsetParent.clientWidth,
|
|
361
|
-
popupClientWidth: popup.clientWidth || 0,
|
|
362
|
-
offset: offset,
|
|
363
|
-
allowOutOfBounds: allowOutOfBounds
|
|
364
|
-
});
|
|
365
|
-
position = _objectSpread(_objectSpread({}, position), horizontalPosition);
|
|
366
|
-
return position;
|
|
367
|
-
}
|
|
368
|
-
|
|
369
|
-
function validatePosition(popup) {
|
|
370
|
-
// popup.offsetParent does not exist if the popup element is not mounted
|
|
371
|
-
if (!popup || !popup.offsetParent) {
|
|
372
|
-
return false;
|
|
373
|
-
}
|
|
374
|
-
|
|
375
|
-
return true;
|
|
376
|
-
}
|
|
377
|
-
/**
|
|
378
|
-
* Traverse DOM Tree upwards looking for popup parents with "overflow: scroll".
|
|
379
|
-
*/
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
function findOverflowScrollParent(popup) {
|
|
383
|
-
var parent = popup;
|
|
384
|
-
|
|
385
|
-
if (!parent) {
|
|
386
|
-
return false;
|
|
387
|
-
}
|
|
388
|
-
|
|
389
|
-
while (parent = parent.parentElement) {
|
|
390
|
-
// IE11 on Window 8 doesn't show styles from CSS when accessing through element.style property.
|
|
391
|
-
var style = window.getComputedStyle(parent);
|
|
392
|
-
|
|
393
|
-
if (style.overflow === 'scroll' || style.overflowX === 'scroll' || style.overflowY === 'scroll' || parent.classList.contains('fabric-editor-popup-scroll-parent')) {
|
|
394
|
-
return parent;
|
|
395
|
-
}
|
|
396
|
-
}
|
|
397
|
-
|
|
398
|
-
return false;
|
|
399
|
-
}
|
|
@@ -1,141 +0,0 @@
|
|
|
1
|
-
.tita-rich-editor {
|
|
2
|
-
min-height: 300px;
|
|
3
|
-
cursor: text;
|
|
4
|
-
li-line-height: 38px;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.tita-rich-editor--disabled {
|
|
8
|
-
cursor: default;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.tita-rich-editor .ProseMirror {
|
|
12
|
-
min-height: 100%;
|
|
13
|
-
outline: none;
|
|
14
|
-
font-size: 16px;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.tita-rich-editor h1 {
|
|
18
|
-
font-size: 26px;
|
|
19
|
-
font-weight: 500;
|
|
20
|
-
color: #141c28;
|
|
21
|
-
line-height: 38px;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.tita-rich-editor h2 {
|
|
25
|
-
font-size: 22px;
|
|
26
|
-
font-weight: 500;
|
|
27
|
-
color: #141c28;
|
|
28
|
-
line-height: 32px;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.tita-rich-editor h3 {
|
|
32
|
-
font-size: 20px;
|
|
33
|
-
font-weight: 500;
|
|
34
|
-
color: #3f4755;
|
|
35
|
-
line-height: 30px;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.tita-rich-editor p {
|
|
39
|
-
font-size: 16px;
|
|
40
|
-
font-weight: 400;
|
|
41
|
-
color: #3f4755;
|
|
42
|
-
line-height: 26px;
|
|
43
|
-
padding: 6px 0;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.tita-rich-editor ol,
|
|
47
|
-
.tita-rich-editor ul {
|
|
48
|
-
padding-left: 22px;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.tita-rich-editor ol > li {
|
|
52
|
-
list-style: decimal outside !important;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.tita-rich-editor ol ol > li {
|
|
56
|
-
list-style: lower-latin outside !important;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.tita-rich-editor ol ol ol > li {
|
|
60
|
-
list-style: lower-roman outside !important;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.tita-rich-editor ol ol ol ol > li {
|
|
64
|
-
list-style: decimal outside !important;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.tita-rich-editor ol ol ol ol ol > li {
|
|
68
|
-
list-style: lower-latin outside !important;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.tita-rich-editor ol ol ol ol ol ol > li {
|
|
72
|
-
list-style: lower-roman outside !important;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.tita-rich-editor ul > li {
|
|
76
|
-
list-style: disc outside !important;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.tita-rich-editor ul ul > li {
|
|
80
|
-
list-style: circle outside !important;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.tita-rich-editor ul ul ul > li {
|
|
84
|
-
list-style: square outside !important;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.tita-rich-editor ul ul ul ul > li {
|
|
88
|
-
list-style: disc outside !important;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
.tita-rich-editor ul ul ul ul ul > li {
|
|
92
|
-
list-style: circle outside !important;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.tita-rich-editor ul ul ul ul ul ul > li {
|
|
96
|
-
list-style: square outside !important;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.tita-rich-editor li::marker {
|
|
100
|
-
color: #2879ff;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
.tita-rich-editor-ul .tita-rich-editor-li::marker {
|
|
104
|
-
position: absolute;
|
|
105
|
-
width: 5px;
|
|
106
|
-
height: 5px;
|
|
107
|
-
border-radius: 50%;
|
|
108
|
-
background-color: #2879ff;
|
|
109
|
-
top: 10.5px;
|
|
110
|
-
left: 3px;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
.tita-rich-editor-li {
|
|
114
|
-
position: relative;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
.tita-rich-editor-li::before {
|
|
118
|
-
display: inline-block;
|
|
119
|
-
position: absolute;
|
|
120
|
-
left: 0;
|
|
121
|
-
font-weight: 400;
|
|
122
|
-
color: #2879ff;
|
|
123
|
-
line-height: 26px;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
.tita-rich-editor blockquote {
|
|
127
|
-
position: relative;
|
|
128
|
-
padding-left: 22px;
|
|
129
|
-
margin: 0;
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
.tita-rich-editor blockquote::before {
|
|
133
|
-
content: '';
|
|
134
|
-
position: absolute;
|
|
135
|
-
left: 0;
|
|
136
|
-
top: 0;
|
|
137
|
-
bottom: 0;
|
|
138
|
-
width: 3px;
|
|
139
|
-
background-color: #2879ff;
|
|
140
|
-
border-radius: 2px;
|
|
141
|
-
}
|
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
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); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _prosemirrorState = require("prosemirror-state");
|
|
13
|
-
|
|
14
|
-
var _prosemirrorView = require("prosemirror-view");
|
|
15
|
-
|
|
16
|
-
var _prosemirrorModel = require("prosemirror-model");
|
|
17
|
-
|
|
18
|
-
var _schema = _interopRequireDefault(require("../../basic/schema"));
|
|
19
|
-
|
|
20
|
-
var _editor = _interopRequireDefault(require("../../models/editor"));
|
|
21
|
-
|
|
22
|
-
var _util = require("../../plugins/util");
|
|
23
|
-
|
|
24
|
-
var _event = require("../../utils/event");
|
|
25
|
-
|
|
26
|
-
var _events = require("../../consts/events");
|
|
27
|
-
|
|
28
|
-
var _plugins = require("../../plugins");
|
|
29
|
-
|
|
30
|
-
require("./index.css");
|
|
31
|
-
|
|
32
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
33
|
-
|
|
34
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
35
|
-
|
|
36
|
-
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); }
|
|
37
|
-
|
|
38
|
-
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; }
|
|
39
|
-
|
|
40
|
-
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; }
|
|
41
|
-
|
|
42
|
-
var preCls = 'tita-rich-editor';
|
|
43
|
-
var defaultPlugins = [new _plugins.HeadingPlugin(), new _plugins.StrongPlugin(), new _plugins.ColorPlugin(), new _plugins.UnderLinePlugin(), new _plugins.DeleteLinePlugin(), new _plugins.ListPlugin(), new _plugins.AlignmentPlugin(), new _plugins.BlockquotePlugin(), new _plugins.LinkPlugin()];
|
|
44
|
-
|
|
45
|
-
function RichEditor(_ref, ref) {
|
|
46
|
-
var _ref$plugins = _ref.plugins,
|
|
47
|
-
plugins = _ref$plugins === void 0 ? defaultPlugins : _ref$plugins,
|
|
48
|
-
onInit = _ref.onInit,
|
|
49
|
-
_ref$editable = _ref.editable,
|
|
50
|
-
_editable = _ref$editable === void 0 ? true : _ref$editable,
|
|
51
|
-
defaultState = _ref.defaultState;
|
|
52
|
-
|
|
53
|
-
var container = (0, _react.useRef)();
|
|
54
|
-
var dataRef = (0, _react.useRef)({});
|
|
55
|
-
(0, _react.useEffect)(function () {
|
|
56
|
-
var dispatcher = new _event.EventDispatcher();
|
|
57
|
-
|
|
58
|
-
var _applyPlugins = (0, _util.applyPlugins)(plugins, _schema["default"], dispatcher),
|
|
59
|
-
nativePlugins = _applyPlugins.nativePlugins,
|
|
60
|
-
nodes = _applyPlugins.nodes,
|
|
61
|
-
marks = _applyPlugins.marks,
|
|
62
|
-
controllers = _applyPlugins.controllers;
|
|
63
|
-
|
|
64
|
-
var pluginedSchema = new _prosemirrorModel.Schema({
|
|
65
|
-
nodes: nodes,
|
|
66
|
-
marks: marks
|
|
67
|
-
});
|
|
68
|
-
var stateConf = {
|
|
69
|
-
schema: pluginedSchema,
|
|
70
|
-
plugins: nativePlugins
|
|
71
|
-
};
|
|
72
|
-
|
|
73
|
-
var state = _prosemirrorState.EditorState.create(stateConf);
|
|
74
|
-
|
|
75
|
-
if (defaultState) {
|
|
76
|
-
try {
|
|
77
|
-
var jsonState = typeof defaultState == 'string' ? JSON.parse(defaultState) : defaultState;
|
|
78
|
-
state = _prosemirrorState.EditorState.fromJSON(jsonState, stateConf);
|
|
79
|
-
} catch (e) {}
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
var pmEditor = new _prosemirrorView.EditorView(container.current, {
|
|
83
|
-
state: state,
|
|
84
|
-
editable: function editable() {
|
|
85
|
-
return _editable;
|
|
86
|
-
},
|
|
87
|
-
dispatchTransaction: function dispatchTransaction(tr) {
|
|
88
|
-
var _this$state$applyTran = this.state.applyTransaction(tr),
|
|
89
|
-
state = _this$state$applyTran.state;
|
|
90
|
-
|
|
91
|
-
this.updateState(state);
|
|
92
|
-
dispatcher.emit(_events.EDITOR_STATE_CHANGE, state);
|
|
93
|
-
}
|
|
94
|
-
});
|
|
95
|
-
dataRef.current.editor = new _editor["default"]({
|
|
96
|
-
view: pmEditor,
|
|
97
|
-
controllers: controllers,
|
|
98
|
-
dispatcher: dispatcher
|
|
99
|
-
}); // window.editor = dataRef.current.editor
|
|
100
|
-
|
|
101
|
-
onInit === null || onInit === void 0 ? void 0 : onInit(dataRef.current.editor);
|
|
102
|
-
return function () {
|
|
103
|
-
return dataRef.current.editor.destroy();
|
|
104
|
-
};
|
|
105
|
-
}, []);
|
|
106
|
-
(0, _react.useImperativeHandle)(ref, function () {
|
|
107
|
-
return {
|
|
108
|
-
getState: function getState() {
|
|
109
|
-
return dataRef.current.editor.state.toJSON();
|
|
110
|
-
}
|
|
111
|
-
};
|
|
112
|
-
}, []);
|
|
113
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
114
|
-
ref: container,
|
|
115
|
-
className: (0, _classnames["default"])(preCls, _defineProperty({}, preCls + '--disabled', !_editable)),
|
|
116
|
-
style: {
|
|
117
|
-
backgroundColor: "#FFF"
|
|
118
|
-
},
|
|
119
|
-
spellCheck: false,
|
|
120
|
-
onClick: function onClick(e) {
|
|
121
|
-
var _dataRef$current$edit;
|
|
122
|
-
|
|
123
|
-
return (_dataRef$current$edit = dataRef.current.editor) === null || _dataRef$current$edit === void 0 ? void 0 : _dataRef$current$edit.view.focus();
|
|
124
|
-
}
|
|
125
|
-
});
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
var _default = /*#__PURE__*/(0, _react.forwardRef)(RichEditor);
|
|
129
|
-
|
|
130
|
-
exports["default"] = _default;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
.tita-rich-editor-normal-toolbar {
|
|
2
|
-
display: flex;
|
|
3
|
-
align-items: center;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.tita-rich-editor-normal-toolbar-item {
|
|
7
|
-
width: 24px;
|
|
8
|
-
height: 24px;
|
|
9
|
-
font-size: 16px;
|
|
10
|
-
display: flex;
|
|
11
|
-
align-items: center;
|
|
12
|
-
justify-content: center;
|
|
13
|
-
border-radius: 4px;
|
|
14
|
-
cursor: pointer;
|
|
15
|
-
overflow: hidden;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.tita-rich-editor-normal-toolbar-item:not(.tita-rich-editor-normal-toolbar-item--disabled):hover {
|
|
19
|
-
background-color: #f0f4fa;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.tita-rich-editor-normal-toolbar-item--active {
|
|
23
|
-
background: #f0f4fa;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.tita-rich-editor-normal-toolbar-item--disabled:hover {
|
|
27
|
-
cursor: not-allowed;
|
|
28
|
-
}
|