@ctzhian/tiptap 1.0.0 → 1.1.1
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/dist/Editor/demo.js +1 -1
- package/dist/EditorDiff/demo.js +1 -1
- package/dist/EditorToolbar/index.js +19 -3
- package/dist/component/CustomBubbleMenu/SelectionText.js +2 -3
- package/dist/component/CustomDragHandle/index.js +240 -191
- package/dist/component/Icons/index.d.ts +1 -0
- package/dist/component/Icons/index.js +1 -0
- package/dist/component/Icons/information-2-line-icon.d.ts +6 -0
- package/dist/component/Icons/information-2-line-icon.js +13 -0
- package/dist/component/Menu/NestedList.d.ts +14 -0
- package/dist/component/Menu/NestedList.js +149 -0
- package/dist/component/Menu/index.js +12 -117
- package/dist/component/Toolbar/EditorCode.js +1 -1
- package/dist/component/Toolbar/EditorMore/NotificationDialog.js +2 -1
- package/dist/component/index.d.ts +2 -0
- package/dist/component/index.js +3 -1
- package/dist/contants/enums.d.ts +1 -0
- package/dist/contants/enums.js +10 -3
- package/dist/contants/shortcut-key.js +1 -1
- package/dist/contants/slash-commands.d.ts +2 -1
- package/dist/contants/slash-commands.js +98 -42
- package/dist/extension/component/Alert/index.d.ts +7 -9
- package/dist/extension/component/Alert/index.js +186 -109
- package/dist/extension/component/SlashCommandsList/index.js +235 -100
- package/dist/extension/node/Alert.d.ts +19 -8
- package/dist/extension/node/Alert.js +210 -131
- package/dist/extension/node/FileHandler.d.ts +1 -1
- package/dist/extension/suggestion/slash.d.ts +2 -1
- package/dist/extension/suggestion/slash.js +3 -1
- package/dist/index.css +14 -26
- package/dist/type/index.d.ts +11 -2
- package/package.json +1 -1
|
@@ -60,6 +60,7 @@ export { ImageAddLineIcon } from './image-add-line-icon';
|
|
|
60
60
|
export { ImageLineIcon } from './image-line-icon';
|
|
61
61
|
export { ImportLineIcon } from './import-line-icon';
|
|
62
62
|
export { Information2FillIcon } from './information-2-fill-icon';
|
|
63
|
+
export { Information2LineIcon } from './information-2-line-icon';
|
|
63
64
|
export { InsertColumnLeftIcon } from './insert-column-left-icon';
|
|
64
65
|
export { InsertColumnRightIcon } from './insert-column-right-icon';
|
|
65
66
|
export { InsertRowBottomIcon } from './insert-row-bottom-icon';
|
|
@@ -63,6 +63,7 @@ export { ImageAddLineIcon } from "./image-add-line-icon";
|
|
|
63
63
|
export { ImageLineIcon } from "./image-line-icon";
|
|
64
64
|
export { ImportLineIcon } from "./import-line-icon";
|
|
65
65
|
export { Information2FillIcon } from "./information-2-fill-icon";
|
|
66
|
+
export { Information2LineIcon } from "./information-2-line-icon";
|
|
66
67
|
export { InsertColumnLeftIcon } from "./insert-column-left-icon";
|
|
67
68
|
export { InsertColumnRightIcon } from "./insert-column-right-icon";
|
|
68
69
|
export { InsertRowBottomIcon } from "./insert-row-bottom-icon";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import { SvgIcon } from "@mui/material";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
export var Information2LineIcon = function Information2LineIcon(props) {
|
|
5
|
+
return /*#__PURE__*/React.createElement(SvgIcon, _extends({
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
version: "1.1",
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
9
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
10
|
+
d: "M12 22C6.47715 22 2 17.5228 2 12 2 6.47715 6.47715 2 12 2 17.5228 2 22 6.47715 22 12 22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12 20 7.58172 16.4183 4 12 4 7.58172 4 4 7.58172 4 12 4 16.4183 7.58172 20 12 20ZM13 10.5V15H14V17H10V15H11V12.5H10V10.5H13ZM13.5 8C13.5 8.82843 12.8284 9.5 12 9.5 11.1716 9.5 10.5 8.82843 10.5 8 10.5 7.17157 11.1716 6.5 12 6.5 12.8284 6.5 13.5 7.17157 13.5 8Z"
|
|
11
|
+
}));
|
|
12
|
+
};
|
|
13
|
+
Information2LineIcon.displayName = 'icon-information-2-line';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { MenuItem } from "../../type";
|
|
2
|
+
import { PopoverOrigin } from '@mui/material';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
export interface NestedMenuListProps {
|
|
5
|
+
list: MenuItem[];
|
|
6
|
+
arrowIcon?: React.ReactNode;
|
|
7
|
+
childrenProps?: {
|
|
8
|
+
anchorOrigin?: PopoverOrigin;
|
|
9
|
+
transformOrigin?: PopoverOrigin;
|
|
10
|
+
};
|
|
11
|
+
onItemClick?: (item: MenuItem) => void;
|
|
12
|
+
}
|
|
13
|
+
declare const NestedList: React.FC<NestedMenuListProps>;
|
|
14
|
+
export default NestedList;
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
7
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
8
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
9
|
+
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."); }
|
|
10
|
+
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); }
|
|
11
|
+
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; }
|
|
12
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
13
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
|
+
import { Box, Popover, Stack } from '@mui/material';
|
|
15
|
+
import React from 'react';
|
|
16
|
+
var NestedList = function NestedList(_ref) {
|
|
17
|
+
var list = _ref.list,
|
|
18
|
+
arrowIcon = _ref.arrowIcon,
|
|
19
|
+
_ref$childrenProps = _ref.childrenProps,
|
|
20
|
+
childrenProps = _ref$childrenProps === void 0 ? {
|
|
21
|
+
anchorOrigin: {
|
|
22
|
+
vertical: 'top',
|
|
23
|
+
horizontal: 'right'
|
|
24
|
+
},
|
|
25
|
+
transformOrigin: {
|
|
26
|
+
vertical: 4,
|
|
27
|
+
horizontal: 'left'
|
|
28
|
+
}
|
|
29
|
+
} : _ref$childrenProps,
|
|
30
|
+
onItemClick = _ref.onItemClick;
|
|
31
|
+
var _React$useState = React.useState(null),
|
|
32
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
33
|
+
hoveredItem = _React$useState2[0],
|
|
34
|
+
setHoveredItem = _React$useState2[1];
|
|
35
|
+
var _React$useState3 = React.useState(null),
|
|
36
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
37
|
+
subMenuAnchor = _React$useState4[0],
|
|
38
|
+
setSubMenuAnchor = _React$useState4[1];
|
|
39
|
+
var handleItemHover = function handleItemHover(event, item) {
|
|
40
|
+
var _item$children;
|
|
41
|
+
if ((_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length) {
|
|
42
|
+
setHoveredItem(item);
|
|
43
|
+
setSubMenuAnchor(event.currentTarget);
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
var handleItemLeave = function handleItemLeave() {
|
|
47
|
+
setHoveredItem(null);
|
|
48
|
+
setSubMenuAnchor(null);
|
|
49
|
+
};
|
|
50
|
+
var handleItemClickInternal = function handleItemClickInternal(item) {
|
|
51
|
+
if (onItemClick) {
|
|
52
|
+
onItemClick(item);
|
|
53
|
+
} else if (item.onClick) {
|
|
54
|
+
item.onClick();
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
58
|
+
className: "menu-select-list",
|
|
59
|
+
sx: {
|
|
60
|
+
minWidth: 160,
|
|
61
|
+
lineHeight: 1.625
|
|
62
|
+
}
|
|
63
|
+
}, list.map(function (item) {
|
|
64
|
+
var _item$children2;
|
|
65
|
+
return item.customLabel ? /*#__PURE__*/React.createElement(Box, {
|
|
66
|
+
key: item.key
|
|
67
|
+
}, item.customLabel) : /*#__PURE__*/React.createElement(Box, {
|
|
68
|
+
key: item.key,
|
|
69
|
+
className: "menu-select-item",
|
|
70
|
+
onMouseEnter: function onMouseEnter(e) {
|
|
71
|
+
return handleItemHover(e, item);
|
|
72
|
+
},
|
|
73
|
+
onMouseLeave: handleItemLeave,
|
|
74
|
+
onClick: function onClick() {
|
|
75
|
+
return handleItemClickInternal(item);
|
|
76
|
+
},
|
|
77
|
+
sx: _objectSpread({
|
|
78
|
+
position: 'relative',
|
|
79
|
+
cursor: 'pointer',
|
|
80
|
+
borderRadius: 1,
|
|
81
|
+
p: 1,
|
|
82
|
+
':hover': {
|
|
83
|
+
bgcolor: 'action.hover'
|
|
84
|
+
}
|
|
85
|
+
}, item.selected ? {
|
|
86
|
+
color: 'primary.main',
|
|
87
|
+
bgcolor: 'action.selected'
|
|
88
|
+
} : {})
|
|
89
|
+
}, /*#__PURE__*/React.createElement(Stack, {
|
|
90
|
+
alignItems: "center",
|
|
91
|
+
gap: 1.5,
|
|
92
|
+
direction: "row"
|
|
93
|
+
}, item.icon, /*#__PURE__*/React.createElement(Box, {
|
|
94
|
+
sx: _objectSpread({
|
|
95
|
+
flexGrow: 1
|
|
96
|
+
}, item.textSx)
|
|
97
|
+
}, item.label), item.extra, (_item$children2 = item.children) !== null && _item$children2 !== void 0 && _item$children2.length ? arrowIcon : null), hoveredItem === item && item.children && /*#__PURE__*/React.createElement(Popover, _extends({
|
|
98
|
+
open: Boolean(subMenuAnchor),
|
|
99
|
+
anchorEl: subMenuAnchor,
|
|
100
|
+
onClose: handleItemLeave,
|
|
101
|
+
sx: {
|
|
102
|
+
pointerEvents: 'none'
|
|
103
|
+
}
|
|
104
|
+
}, childrenProps), /*#__PURE__*/React.createElement(Box, {
|
|
105
|
+
className: "menu-select-sub-list",
|
|
106
|
+
sx: _objectSpread(_objectSpread({
|
|
107
|
+
pointerEvents: 'auto',
|
|
108
|
+
p: 0.5,
|
|
109
|
+
minWidth: 160,
|
|
110
|
+
maxHeight: 360,
|
|
111
|
+
overflow: 'auto'
|
|
112
|
+
}, item.minWidth ? {
|
|
113
|
+
minWidth: item.minWidth
|
|
114
|
+
} : {}), item.maxHeight ? {
|
|
115
|
+
maxHeight: item.maxHeight
|
|
116
|
+
} : {})
|
|
117
|
+
}, item.children.map(function (child) {
|
|
118
|
+
return child.customLabel ? /*#__PURE__*/React.createElement(Box, {
|
|
119
|
+
key: child.key
|
|
120
|
+
}, child.customLabel) : /*#__PURE__*/React.createElement(Box, {
|
|
121
|
+
key: child.key,
|
|
122
|
+
className: "menu-select-sub-item",
|
|
123
|
+
onClick: function onClick() {
|
|
124
|
+
return handleItemClickInternal(child);
|
|
125
|
+
},
|
|
126
|
+
sx: _objectSpread({
|
|
127
|
+
cursor: 'pointer',
|
|
128
|
+
borderRadius: 1,
|
|
129
|
+
p: 1,
|
|
130
|
+
':hover': {
|
|
131
|
+
bgcolor: 'action.hover'
|
|
132
|
+
}
|
|
133
|
+
}, child.selected ? {
|
|
134
|
+
color: 'primary.main',
|
|
135
|
+
bgcolor: 'action.selected'
|
|
136
|
+
} : {})
|
|
137
|
+
}, /*#__PURE__*/React.createElement(Stack, {
|
|
138
|
+
alignItems: "center",
|
|
139
|
+
gap: 1.5,
|
|
140
|
+
direction: "row"
|
|
141
|
+
}, child.icon, /*#__PURE__*/React.createElement(Box, {
|
|
142
|
+
sx: _objectSpread({
|
|
143
|
+
flexGrow: 1
|
|
144
|
+
}, child.textSx)
|
|
145
|
+
}, child.label), child.extra));
|
|
146
|
+
}))));
|
|
147
|
+
}));
|
|
148
|
+
};
|
|
149
|
+
export default NestedList;
|
|
@@ -1,23 +1,19 @@
|
|
|
1
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
7
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
8
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
9
2
|
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."); }
|
|
10
3
|
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); }
|
|
11
4
|
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; }
|
|
12
5
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
13
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
|
-
import { Box, Popover
|
|
7
|
+
import { Box, Popover } from '@mui/material';
|
|
15
8
|
import React from 'react';
|
|
9
|
+
import NestedList from "./NestedList";
|
|
16
10
|
var Menu = function Menu(_ref) {
|
|
17
11
|
var _ref$id = _ref.id,
|
|
18
12
|
id = _ref$id === void 0 ? 'menu-select' : _ref$id,
|
|
19
13
|
arrowIcon = _ref.arrowIcon,
|
|
20
14
|
list = _ref.list,
|
|
15
|
+
_ref$header = _ref.header,
|
|
16
|
+
header = _ref$header === void 0 ? null : _ref$header,
|
|
21
17
|
context = _ref.context,
|
|
22
18
|
_ref$anchorOrigin = _ref.anchorOrigin,
|
|
23
19
|
anchorOrigin = _ref$anchorOrigin === void 0 ? {
|
|
@@ -44,14 +40,6 @@ var Menu = function Menu(_ref) {
|
|
|
44
40
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
45
41
|
anchorEl = _React$useState2[0],
|
|
46
42
|
setAnchorEl = _React$useState2[1];
|
|
47
|
-
var _React$useState3 = React.useState(null),
|
|
48
|
-
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
49
|
-
hoveredItem = _React$useState4[0],
|
|
50
|
-
setHoveredItem = _React$useState4[1];
|
|
51
|
-
var _React$useState5 = React.useState(null),
|
|
52
|
-
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
53
|
-
subMenuAnchor = _React$useState6[0],
|
|
54
|
-
setSubMenuAnchor = _React$useState6[1];
|
|
55
43
|
var handleClick = function handleClick(event) {
|
|
56
44
|
var _context$props;
|
|
57
45
|
if (context !== null && context !== void 0 && (_context$props = context.props) !== null && _context$props !== void 0 && _context$props.onClick) {
|
|
@@ -61,19 +49,6 @@ var Menu = function Menu(_ref) {
|
|
|
61
49
|
};
|
|
62
50
|
var handleClose = function handleClose() {
|
|
63
51
|
setAnchorEl(null);
|
|
64
|
-
setHoveredItem(null);
|
|
65
|
-
setSubMenuAnchor(null);
|
|
66
|
-
};
|
|
67
|
-
var handleItemHover = function handleItemHover(event, item) {
|
|
68
|
-
var _item$children;
|
|
69
|
-
if ((_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length) {
|
|
70
|
-
setHoveredItem(item);
|
|
71
|
-
setSubMenuAnchor(event.currentTarget);
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
|
-
var handleItemLeave = function handleItemLeave() {
|
|
75
|
-
setHoveredItem(null);
|
|
76
|
-
setSubMenuAnchor(null);
|
|
77
52
|
};
|
|
78
53
|
var handleItemClick = function handleItemClick(item) {
|
|
79
54
|
if (item.onClick) {
|
|
@@ -94,96 +69,16 @@ var Menu = function Menu(_ref) {
|
|
|
94
69
|
anchorOrigin: anchorOrigin,
|
|
95
70
|
transformOrigin: transformOrigin
|
|
96
71
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
97
|
-
className: "menu-select-list",
|
|
98
72
|
sx: {
|
|
99
|
-
p: 0.5
|
|
100
|
-
minWidth: 160,
|
|
101
|
-
lineHeight: '1.5rem'
|
|
73
|
+
p: 0.5
|
|
102
74
|
}
|
|
103
|
-
},
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
onMouseEnter: function onMouseEnter(e) {
|
|
111
|
-
return handleItemHover(e, item);
|
|
112
|
-
},
|
|
113
|
-
onMouseLeave: handleItemLeave,
|
|
114
|
-
onClick: function onClick() {
|
|
115
|
-
return handleItemClick(item);
|
|
116
|
-
},
|
|
117
|
-
sx: _objectSpread({
|
|
118
|
-
position: 'relative',
|
|
119
|
-
cursor: 'pointer',
|
|
120
|
-
borderRadius: 1,
|
|
121
|
-
p: 1,
|
|
122
|
-
':hover': {
|
|
123
|
-
bgcolor: 'action.hover'
|
|
124
|
-
}
|
|
125
|
-
}, item.selected ? {
|
|
126
|
-
color: 'primary.main',
|
|
127
|
-
bgcolor: 'action.selected'
|
|
128
|
-
} : {})
|
|
129
|
-
}, /*#__PURE__*/React.createElement(Stack, {
|
|
130
|
-
alignItems: "center",
|
|
131
|
-
gap: 1.5,
|
|
132
|
-
direction: "row"
|
|
133
|
-
}, item.icon, /*#__PURE__*/React.createElement(Typography, {
|
|
134
|
-
sx: _objectSpread({
|
|
135
|
-
flexGrow: 1
|
|
136
|
-
}, item.textSx)
|
|
137
|
-
}, item.label), item.extra, (_item$children2 = item.children) !== null && _item$children2 !== void 0 && _item$children2.length ? arrowIcon : null), hoveredItem === item && item.children && /*#__PURE__*/React.createElement(Popover, _extends({
|
|
138
|
-
open: Boolean(subMenuAnchor),
|
|
139
|
-
anchorEl: subMenuAnchor,
|
|
140
|
-
onClose: handleItemLeave,
|
|
141
|
-
sx: {
|
|
142
|
-
pointerEvents: 'none'
|
|
143
|
-
}
|
|
144
|
-
}, childrenProps), /*#__PURE__*/React.createElement(Box, {
|
|
145
|
-
className: "menu-select-sub-list",
|
|
146
|
-
sx: _objectSpread(_objectSpread({
|
|
147
|
-
pointerEvents: 'auto',
|
|
148
|
-
p: 0.5,
|
|
149
|
-
minWidth: 160,
|
|
150
|
-
maxHeight: 360,
|
|
151
|
-
overflow: 'auto'
|
|
152
|
-
}, item.minWidth ? {
|
|
153
|
-
minWidth: item.minWidth
|
|
154
|
-
} : {}), item.maxHeight ? {
|
|
155
|
-
maxHeight: item.maxHeight
|
|
156
|
-
} : {})
|
|
157
|
-
}, item.children.map(function (child) {
|
|
158
|
-
return child.customLabel ? /*#__PURE__*/React.createElement(Box, {
|
|
159
|
-
key: child.key
|
|
160
|
-
}, child.customLabel) : /*#__PURE__*/React.createElement(Box, {
|
|
161
|
-
key: child.key,
|
|
162
|
-
className: "menu-select-sub-item",
|
|
163
|
-
onClick: function onClick() {
|
|
164
|
-
return handleItemClick(child);
|
|
165
|
-
},
|
|
166
|
-
sx: _objectSpread({
|
|
167
|
-
cursor: 'pointer',
|
|
168
|
-
borderRadius: 1,
|
|
169
|
-
p: 1,
|
|
170
|
-
':hover': {
|
|
171
|
-
bgcolor: 'action.hover'
|
|
172
|
-
}
|
|
173
|
-
}, child.selected ? {
|
|
174
|
-
color: 'primary.main',
|
|
175
|
-
bgcolor: 'action.selected'
|
|
176
|
-
} : {})
|
|
177
|
-
}, /*#__PURE__*/React.createElement(Stack, {
|
|
178
|
-
alignItems: "center",
|
|
179
|
-
gap: 1.5,
|
|
180
|
-
direction: "row"
|
|
181
|
-
}, child.icon, /*#__PURE__*/React.createElement(Typography, {
|
|
182
|
-
sx: _objectSpread({
|
|
183
|
-
flexGrow: 1
|
|
184
|
-
}, child.textSx)
|
|
185
|
-
}, child.label), child.extra));
|
|
186
|
-
}))));
|
|
75
|
+
}, /*#__PURE__*/React.createElement(Box, {
|
|
76
|
+
onClick: handleClose
|
|
77
|
+
}, header), /*#__PURE__*/React.createElement(NestedList, {
|
|
78
|
+
list: list,
|
|
79
|
+
arrowIcon: arrowIcon,
|
|
80
|
+
childrenProps: childrenProps,
|
|
81
|
+
onItemClick: handleItemClick
|
|
187
82
|
}))));
|
|
188
83
|
};
|
|
189
84
|
export default Menu;
|
package/dist/component/index.js
CHANGED
package/dist/contants/enums.d.ts
CHANGED
package/dist/contants/enums.js
CHANGED
|
@@ -4,6 +4,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
|
|
|
4
4
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
5
5
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
6
6
|
export var NodeTypeEnum = /*#__PURE__*/function (NodeTypeEnum) {
|
|
7
|
+
NodeTypeEnum["Alert"] = "alert";
|
|
7
8
|
NodeTypeEnum["BlockAttachment"] = "blockAttachment";
|
|
8
9
|
NodeTypeEnum["InlineAttachment"] = "inlineAttachment";
|
|
9
10
|
NodeTypeEnum["Paragraph"] = "paragraph";
|
|
@@ -55,6 +56,12 @@ export var NODE_TYPE_LABEL = (_NODE_TYPE_LABEL = {}, _defineProperty(_defineProp
|
|
|
55
56
|
fontSize: true,
|
|
56
57
|
align: true,
|
|
57
58
|
convert: true
|
|
59
|
+
}), NodeTypeEnum.Alert, {
|
|
60
|
+
label: '警告提示',
|
|
61
|
+
color: true,
|
|
62
|
+
fontSize: true,
|
|
63
|
+
align: true,
|
|
64
|
+
convert: true
|
|
58
65
|
}), NodeTypeEnum.Blockquote, {
|
|
59
66
|
label: '引用块',
|
|
60
67
|
color: true,
|
|
@@ -69,12 +76,12 @@ export var NODE_TYPE_LABEL = (_NODE_TYPE_LABEL = {}, _defineProperty(_defineProp
|
|
|
69
76
|
align: true
|
|
70
77
|
}), NodeTypeEnum.BlockMath, {
|
|
71
78
|
label: '块公式'
|
|
72
|
-
}), NodeTypeEnum.Table, {
|
|
79
|
+
}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_NODE_TYPE_LABEL, NodeTypeEnum.Table, {
|
|
73
80
|
label: '表格',
|
|
74
81
|
color: true,
|
|
75
82
|
fontSize: true,
|
|
76
83
|
align: true
|
|
77
|
-
}),
|
|
84
|
+
}), NodeTypeEnum.Video, {
|
|
78
85
|
label: '视频',
|
|
79
86
|
download: true
|
|
80
87
|
}), NodeTypeEnum.Audio, {
|
|
@@ -84,7 +91,7 @@ export var NODE_TYPE_LABEL = (_NODE_TYPE_LABEL = {}, _defineProperty(_defineProp
|
|
|
84
91
|
label: '附件',
|
|
85
92
|
download: true
|
|
86
93
|
}), NodeTypeEnum.Code, {
|
|
87
|
-
label: '
|
|
94
|
+
label: '行内代码'
|
|
88
95
|
}), NodeTypeEnum.Link, {
|
|
89
96
|
label: '链接'
|
|
90
97
|
}), NodeTypeEnum.Image, {
|
|
@@ -3,11 +3,12 @@ import * as React from 'react';
|
|
|
3
3
|
export declare const slashCommands: {
|
|
4
4
|
title: string;
|
|
5
5
|
icon: React.JSX.Element;
|
|
6
|
-
command: ({ editor, range }: {
|
|
6
|
+
command: ({ editor, range, attrs }: {
|
|
7
7
|
editor: Editor;
|
|
8
8
|
range: {
|
|
9
9
|
from: number;
|
|
10
10
|
to: number;
|
|
11
11
|
};
|
|
12
|
+
attrs: any;
|
|
12
13
|
}) => void;
|
|
13
14
|
}[];
|