@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.
Files changed (32) hide show
  1. package/dist/Editor/demo.js +1 -1
  2. package/dist/EditorDiff/demo.js +1 -1
  3. package/dist/EditorToolbar/index.js +19 -3
  4. package/dist/component/CustomBubbleMenu/SelectionText.js +2 -3
  5. package/dist/component/CustomDragHandle/index.js +240 -191
  6. package/dist/component/Icons/index.d.ts +1 -0
  7. package/dist/component/Icons/index.js +1 -0
  8. package/dist/component/Icons/information-2-line-icon.d.ts +6 -0
  9. package/dist/component/Icons/information-2-line-icon.js +13 -0
  10. package/dist/component/Menu/NestedList.d.ts +14 -0
  11. package/dist/component/Menu/NestedList.js +149 -0
  12. package/dist/component/Menu/index.js +12 -117
  13. package/dist/component/Toolbar/EditorCode.js +1 -1
  14. package/dist/component/Toolbar/EditorMore/NotificationDialog.js +2 -1
  15. package/dist/component/index.d.ts +2 -0
  16. package/dist/component/index.js +3 -1
  17. package/dist/contants/enums.d.ts +1 -0
  18. package/dist/contants/enums.js +10 -3
  19. package/dist/contants/shortcut-key.js +1 -1
  20. package/dist/contants/slash-commands.d.ts +2 -1
  21. package/dist/contants/slash-commands.js +98 -42
  22. package/dist/extension/component/Alert/index.d.ts +7 -9
  23. package/dist/extension/component/Alert/index.js +186 -109
  24. package/dist/extension/component/SlashCommandsList/index.js +235 -100
  25. package/dist/extension/node/Alert.d.ts +19 -8
  26. package/dist/extension/node/Alert.js +210 -131
  27. package/dist/extension/node/FileHandler.d.ts +1 -1
  28. package/dist/extension/suggestion/slash.d.ts +2 -1
  29. package/dist/extension/suggestion/slash.js +3 -1
  30. package/dist/index.css +14 -26
  31. package/dist/type/index.d.ts +11 -2
  32. 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,6 @@
1
+ import { SvgIconProps } from "@mui/material";
2
+ import * as React from "react";
3
+ export declare const Information2LineIcon: {
4
+ (props: SvgIconProps): React.JSX.Element;
5
+ displayName: string;
6
+ };
@@ -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, Stack, Typography } from '@mui/material';
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
- }, list.map(function (item) {
104
- var _item$children2;
105
- return item.customLabel ? /*#__PURE__*/React.createElement(Box, {
106
- key: item.key
107
- }, item.customLabel) : /*#__PURE__*/React.createElement(Box, {
108
- key: item.key,
109
- className: "menu-select-item",
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;
@@ -26,7 +26,7 @@ var EditorCode = function EditorCode(_ref) {
26
26
  fontSize: '1rem'
27
27
  }
28
28
  }),
29
- label: '代码',
29
+ label: '行内代码',
30
30
  shortcutKey: ['ctrl', 'E']
31
31
  }, {
32
32
  id: 'codeBlock',
@@ -30,7 +30,8 @@ var NotificationDialog = function NotificationDialog(_ref) {
30
30
  sx: {
31
31
  fontSize: '1rem',
32
32
  fontWeight: 'bold',
33
- mb: 1
33
+ mb: 1,
34
+ textAlign: 'center'
34
35
  }
35
36
  }, value.label), /*#__PURE__*/React.createElement(Stack, {
36
37
  gap: 0.25
@@ -1 +1,3 @@
1
1
  export { default as FloatingPopover } from './FloatingPopover';
2
+ export { default as Menu } from './Menu';
3
+ export { default as NestedList } from './Menu/NestedList';
@@ -1 +1,3 @@
1
- export { default as FloatingPopover } from "./FloatingPopover";
1
+ export { default as FloatingPopover } from "./FloatingPopover";
2
+ export { default as Menu } from "./Menu";
3
+ export { default as NestedList } from "./Menu/NestedList";
@@ -1,4 +1,5 @@
1
1
  export declare enum NodeTypeEnum {
2
+ Alert = "alert",
2
3
  BlockAttachment = "blockAttachment",
3
4
  InlineAttachment = "inlineAttachment",
4
5
  Paragraph = "paragraph",
@@ -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
- }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_NODE_TYPE_LABEL, NodeTypeEnum.Video, {
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, {
@@ -104,7 +104,7 @@ export var SHORTCUT_KEYS = {
104
104
  value: 'Highlight',
105
105
  keys: ['ctrl', 'shift', 'H']
106
106
  }, {
107
- label: '代码',
107
+ label: '行内代码',
108
108
  value: 'Code',
109
109
  keys: ['ctrl', 'E']
110
110
  }]
@@ -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
  }[];