@leankylin-sheet/react 3.1.16 → 3.1.18

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 (9) hide show
  1. package/dist/index.css +17 -10
  2. package/dist/index.esm.css +17 -10
  3. package/dist/index.esm.js +13 -25
  4. package/dist/index.js +13 -25
  5. package/dist/index.umd.css +17 -10
  6. package/dist/index.umd.js +13 -25
  7. package/dist/index.umd.min.css +1 -1
  8. package/dist/index.umd.min.js +1 -1
  9. package/package.json +2 -2
package/dist/index.css CHANGED
@@ -578,7 +578,7 @@ html::-webkit-scrollbar-button {
578
578
  cursor: grab;
579
579
  z-index: 20;
580
580
  }
581
- .leankylin-cols-freeze-handle-disabled{
581
+ .leankylin-cols-freeze-handle-disabled {
582
582
  cursor: no-drop;
583
583
  }
584
584
 
@@ -591,7 +591,7 @@ html::-webkit-scrollbar-button {
591
591
  cursor: grab;
592
592
  z-index: 20;
593
593
  }
594
- .leankylin-rows-freeze-handle-disabled{
594
+ .leankylin-rows-freeze-handle-disabled {
595
595
  cursor: no-drop;
596
596
  }
597
597
 
@@ -601,7 +601,12 @@ html::-webkit-scrollbar-button {
601
601
  z-index: 15;
602
602
  cursor: ew-resize;
603
603
  }
604
-
604
+ .luckysheet-postil-show-main {
605
+ cursor: grab;
606
+ }
607
+ .luckysheet-postil-show-main:active {
608
+ cursor: grabbing;
609
+ }
605
610
  /*批注聚焦框 移动 改变大小*/
606
611
  .luckysheet-postil-dialog-move {
607
612
  position: absolute;
@@ -623,14 +628,14 @@ html::-webkit-scrollbar-button {
623
628
 
624
629
  .luckysheet-postil-dialog-move .luckysheet-postil-dialog-move-item-t {
625
630
  width: 100%;
626
- height: 3px;
631
+ height: 10px;
627
632
  /* border-bottom: 1px solid #000; */
628
633
  left: 0;
629
634
  top: -4px;
630
635
  }
631
636
 
632
637
  .luckysheet-postil-dialog-move .luckysheet-postil-dialog-move-item-r {
633
- width: 3px;
638
+ width: 10px;
634
639
  height: 100%;
635
640
  /* border-left: 1px solid #000; */
636
641
  right: -4px;
@@ -639,14 +644,14 @@ html::-webkit-scrollbar-button {
639
644
 
640
645
  .luckysheet-postil-dialog-move .luckysheet-postil-dialog-move-item-b {
641
646
  width: 100%;
642
- height: 3px;
647
+ height: 10px;
643
648
  /* border-top: 1px solid #000; */
644
649
  left: 0;
645
650
  bottom: -4px;
646
651
  }
647
652
 
648
653
  .luckysheet-postil-dialog-move .luckysheet-postil-dialog-move-item-l {
649
- width: 3px;
654
+ width: 10px;
650
655
  height: 100%;
651
656
  /* border-right: 1px solid #000; */
652
657
  left: -4px;
@@ -672,10 +677,12 @@ html::-webkit-scrollbar-button {
672
677
 
673
678
  .luckysheet-postil-dialog-resize .luckysheet-postil-dialog-resize-item {
674
679
  position: absolute;
675
- height: 6px;
676
- width: 6px;
677
- border: 1px solid #0188fb;
680
+ height: 10px;
681
+ width: 10px;
678
682
  pointer-events: all;
683
+ background-color: #3b82f4;
684
+ border: 2px solid #fff;
685
+ border-radius: 50%;
679
686
  }
680
687
 
681
688
  .luckysheet-postil-dialog-resize .luckysheet-postil-dialog-resize-item-lt {
package/dist/index.esm.css CHANGED
@@ -578,7 +578,7 @@ html::-webkit-scrollbar-button {
578
578
  cursor: grab;
579
579
  z-index: 20;
580
580
  }
581
- .leankylin-cols-freeze-handle-disabled{
581
+ .leankylin-cols-freeze-handle-disabled {
582
582
  cursor: no-drop;
583
583
  }
584
584
 
@@ -591,7 +591,7 @@ html::-webkit-scrollbar-button {
591
591
  cursor: grab;
592
592
  z-index: 20;
593
593
  }
594
- .leankylin-rows-freeze-handle-disabled{
594
+ .leankylin-rows-freeze-handle-disabled {
595
595
  cursor: no-drop;
596
596
  }
597
597
 
@@ -601,7 +601,12 @@ html::-webkit-scrollbar-button {
601
601
  z-index: 15;
602
602
  cursor: ew-resize;
603
603
  }
604
-
604
+ .luckysheet-postil-show-main {
605
+ cursor: grab;
606
+ }
607
+ .luckysheet-postil-show-main:active {
608
+ cursor: grabbing;
609
+ }
605
610
  /*批注聚焦框 移动 改变大小*/
606
611
  .luckysheet-postil-dialog-move {
607
612
  position: absolute;
@@ -623,14 +628,14 @@ html::-webkit-scrollbar-button {
623
628
 
624
629
  .luckysheet-postil-dialog-move .luckysheet-postil-dialog-move-item-t {
625
630
  width: 100%;
626
- height: 3px;
631
+ height: 10px;
627
632
  /* border-bottom: 1px solid #000; */
628
633
  left: 0;
629
634
  top: -4px;
630
635
  }
631
636
 
632
637
  .luckysheet-postil-dialog-move .luckysheet-postil-dialog-move-item-r {
633
- width: 3px;
638
+ width: 10px;
634
639
  height: 100%;
635
640
  /* border-left: 1px solid #000; */
636
641
  right: -4px;
@@ -639,14 +644,14 @@ html::-webkit-scrollbar-button {
639
644
 
640
645
  .luckysheet-postil-dialog-move .luckysheet-postil-dialog-move-item-b {
641
646
  width: 100%;
642
- height: 3px;
647
+ height: 10px;
643
648
  /* border-top: 1px solid #000; */
644
649
  left: 0;
645
650
  bottom: -4px;
646
651
  }
647
652
 
648
653
  .luckysheet-postil-dialog-move .luckysheet-postil-dialog-move-item-l {
649
- width: 3px;
654
+ width: 10px;
650
655
  height: 100%;
651
656
  /* border-right: 1px solid #000; */
652
657
  left: -4px;
@@ -672,10 +677,12 @@ html::-webkit-scrollbar-button {
672
677
 
673
678
  .luckysheet-postil-dialog-resize .luckysheet-postil-dialog-resize-item {
674
679
  position: absolute;
675
- height: 6px;
676
- width: 6px;
677
- border: 1px solid #0188fb;
680
+ height: 10px;
681
+ width: 10px;
678
682
  pointer-events: all;
683
+ background-color: #3b82f4;
684
+ border: 2px solid #fff;
685
+ border-radius: 50%;
679
686
  }
680
687
 
681
688
  .luckysheet-postil-dialog-resize .luckysheet-postil-dialog-resize-item-lt {
package/dist/index.esm.js CHANGED
@@ -2090,7 +2090,7 @@ var NotationBoxes = function NotationBoxes() {
2090
2090
  var _context$editingComme;
2091
2091
  return (v === null || v === void 0 ? void 0 : v.rc) !== ((_context$editingComme = context.editingCommentBox) === null || _context$editingComme === void 0 ? void 0 : _context$editingComme.rc);
2092
2092
  }), [context.editingCommentBox, context.hoveredCommentBox]).map(function (commentBox) {
2093
- var _context$editingComme2;
2093
+ var _context$editingComme2, _context$hooks$commen, _context$hooks;
2094
2094
  if (!commentBox) return null;
2095
2095
  var r = commentBox.r,
2096
2096
  c = commentBox.c,
@@ -2101,8 +2101,7 @@ var NotationBoxes = function NotationBoxes() {
2101
2101
  height = commentBox.height,
2102
2102
  value = commentBox.value,
2103
2103
  autoFocus = commentBox.autoFocus,
2104
- size = commentBox.size,
2105
- preValue = commentBox.preValue;
2104
+ size = commentBox.size;
2106
2105
  var isEditing = ((_context$editingComme2 = context.editingCommentBox) === null || _context$editingComme2 === void 0 ? void 0 : _context$editingComme2.rc) === rc;
2107
2106
  var commentId = "comment-box-".concat(rc);
2108
2107
  return /*#__PURE__*/React.createElement("div", {
@@ -2142,9 +2141,9 @@ var NotationBoxes = function NotationBoxes() {
2142
2141
  style: {
2143
2142
  width: width,
2144
2143
  height: height,
2145
- color: "#000",
2146
2144
  padding: 5,
2147
- border: "1px solid #000",
2145
+ border: 0,
2146
+ boxShadow: "rgba(0, 0, 0, 0.3) 0px 0px 8px",
2148
2147
  backgroundColor: "rgb(255,255,225)",
2149
2148
  position: "absolute",
2150
2149
  left: left,
@@ -2166,15 +2165,7 @@ var NotationBoxes = function NotationBoxes() {
2166
2165
  }, commentId);
2167
2166
  e.stopPropagation();
2168
2167
  }
2169
- }, /*#__PURE__*/React.createElement("div", {
2170
- className: "luckysheet-postil-dialog-move"
2171
- }, ["t", "r", "b", "l"].map(function (v) {
2172
- return /*#__PURE__*/React.createElement("div", {
2173
- key: v,
2174
- className: "luckysheet-postil-dialog-move-item luckysheet-postil-dialog-move-item-".concat(v),
2175
- "data-type": v
2176
- });
2177
- })), isEditing && ( /*#__PURE__*/React.createElement("div", {
2168
+ }, isEditing && ( /*#__PURE__*/React.createElement("div", {
2178
2169
  className: "luckysheet-postil-dialog-resize"
2179
2170
  }, ["lt", "mt", "lm", "rm", "rt", "lb", "mb", "rb"].map(function (v) {
2180
2171
  return /*#__PURE__*/React.createElement("div", {
@@ -2197,11 +2188,7 @@ var NotationBoxes = function NotationBoxes() {
2197
2188
  height: "100%",
2198
2189
  overflow: "hidden"
2199
2190
  }
2200
- }, /*#__PURE__*/React.createElement("div", {
2201
- dangerouslySetInnerHTML: {
2202
- __html: preValue
2203
- }
2204
- }), /*#__PURE__*/React.createElement(ContentEditable, {
2191
+ }, (_context$hooks$commen = (_context$hooks = context.hooks).commentsPreRender) === null || _context$hooks$commen === void 0 ? void 0 : _context$hooks$commen.call(_context$hooks, r, c), /*#__PURE__*/React.createElement(ContentEditable, {
2205
2192
  id: "comment-editor-".concat(rc),
2206
2193
  autoFocus: autoFocus,
2207
2194
  style: {
@@ -2209,7 +2196,8 @@ var NotationBoxes = function NotationBoxes() {
2209
2196
  lineHeight: "20px",
2210
2197
  boxSizing: "border-box",
2211
2198
  wordBreak: "break-all",
2212
- outline: "none"
2199
+ outline: "none",
2200
+ cursor: "auto"
2213
2201
  },
2214
2202
  allowEdit: context.allowEdit,
2215
2203
  spellCheck: false,
@@ -7409,16 +7397,15 @@ var ContextMenu = function ContextMenu() {
7409
7397
  });
7410
7398
  }
7411
7399
  if (name === "insert-comment") {
7412
- var _flowdata$row_index, _flowdata$row_index$c, _flowdata$row_index$c2, _flowdata$row_index2, _flowdata$row_index2$, _flowdata$row_index2$2;
7400
+ var _flowdata$row_index, _flowdata$row_index$c, _flowdata$row_index$c2;
7413
7401
  var flowdata = getFlowdata(context);
7414
7402
  var row_index = selection === null || selection === void 0 ? void 0 : selection.row[0];
7415
7403
  var col_index = selection === null || selection === void 0 ? void 0 : selection.column[0];
7416
- var hasPsValue = flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$row_index = flowdata[row_index]) === null || _flowdata$row_index === void 0 ? void 0 : (_flowdata$row_index$c = _flowdata$row_index[col_index]) === null || _flowdata$row_index$c === void 0 ? void 0 : (_flowdata$row_index$c2 = _flowdata$row_index$c.ps) === null || _flowdata$row_index$c2 === void 0 ? void 0 : _flowdata$row_index$c2.value;
7417
- var hasPsPreValue = flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$row_index2 = flowdata[row_index]) === null || _flowdata$row_index2 === void 0 ? void 0 : (_flowdata$row_index2$ = _flowdata$row_index2[col_index]) === null || _flowdata$row_index2$ === void 0 ? void 0 : (_flowdata$row_index2$2 = _flowdata$row_index2$.ps) === null || _flowdata$row_index2$2 === void 0 ? void 0 : _flowdata$row_index2$2.preValue;
7404
+ var hasPsValue = !!(flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$row_index = flowdata[row_index]) === null || _flowdata$row_index === void 0 ? void 0 : (_flowdata$row_index$c = _flowdata$row_index[col_index]) === null || _flowdata$row_index$c === void 0 ? void 0 : (_flowdata$row_index$c2 = _flowdata$row_index$c.ps) === null || _flowdata$row_index$c2 === void 0 ? void 0 : _flowdata$row_index$c2.value);
7418
7405
  var canAddPs = !hasPsValue;
7419
7406
  var canEditPs = hasPsValue;
7420
7407
  var canDeletePs = hasPsValue;
7421
- var canShowHidePs = hasPsValue || hasPsPreValue;
7408
+ var canShowHidePs = hasPsValue;
7422
7409
  var itemData = [{
7423
7410
  text: "新建说明",
7424
7411
  onClick: newComment,
@@ -7436,7 +7423,8 @@ var ContextMenu = function ContextMenu() {
7436
7423
  onClick: showHideComment,
7437
7424
  show: canShowHidePs
7438
7425
  }].filter(function (item) {
7439
- return item.show;
7426
+ var _context$hooks2, _context$hooks3;
7427
+ return ((_context$hooks2 = context.hooks) === null || _context$hooks2 === void 0 ? void 0 : _context$hooks2.showCommentsMenu) ? (_context$hooks3 = context.hooks) === null || _context$hooks3 === void 0 ? void 0 : _context$hooks3.showCommentsMenu(item, row_index, col_index) : item.show;
7440
7428
  });
7441
7429
  return itemData.map(function (item) {
7442
7430
  return /*#__PURE__*/React.createElement(Menu, {
package/dist/index.js CHANGED
@@ -2100,7 +2100,7 @@ var NotationBoxes = function NotationBoxes() {
2100
2100
  var _context$editingComme;
2101
2101
  return (v === null || v === void 0 ? void 0 : v.rc) !== ((_context$editingComme = context.editingCommentBox) === null || _context$editingComme === void 0 ? void 0 : _context$editingComme.rc);
2102
2102
  }), [context.editingCommentBox, context.hoveredCommentBox]).map(function (commentBox) {
2103
- var _context$editingComme2;
2103
+ var _context$editingComme2, _context$hooks$commen, _context$hooks;
2104
2104
  if (!commentBox) return null;
2105
2105
  var r = commentBox.r,
2106
2106
  c = commentBox.c,
@@ -2111,8 +2111,7 @@ var NotationBoxes = function NotationBoxes() {
2111
2111
  height = commentBox.height,
2112
2112
  value = commentBox.value,
2113
2113
  autoFocus = commentBox.autoFocus,
2114
- size = commentBox.size,
2115
- preValue = commentBox.preValue;
2114
+ size = commentBox.size;
2116
2115
  var isEditing = ((_context$editingComme2 = context.editingCommentBox) === null || _context$editingComme2 === void 0 ? void 0 : _context$editingComme2.rc) === rc;
2117
2116
  var commentId = "comment-box-".concat(rc);
2118
2117
  return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -2152,9 +2151,9 @@ var NotationBoxes = function NotationBoxes() {
2152
2151
  style: {
2153
2152
  width: width,
2154
2153
  height: height,
2155
- color: "#000",
2156
2154
  padding: 5,
2157
- border: "1px solid #000",
2155
+ border: 0,
2156
+ boxShadow: "rgba(0, 0, 0, 0.3) 0px 0px 8px",
2158
2157
  backgroundColor: "rgb(255,255,225)",
2159
2158
  position: "absolute",
2160
2159
  left: left,
@@ -2176,15 +2175,7 @@ var NotationBoxes = function NotationBoxes() {
2176
2175
  }, commentId);
2177
2176
  e.stopPropagation();
2178
2177
  }
2179
- }, /*#__PURE__*/React__default['default'].createElement("div", {
2180
- className: "luckysheet-postil-dialog-move"
2181
- }, ["t", "r", "b", "l"].map(function (v) {
2182
- return /*#__PURE__*/React__default['default'].createElement("div", {
2183
- key: v,
2184
- className: "luckysheet-postil-dialog-move-item luckysheet-postil-dialog-move-item-".concat(v),
2185
- "data-type": v
2186
- });
2187
- })), isEditing && ( /*#__PURE__*/React__default['default'].createElement("div", {
2178
+ }, isEditing && ( /*#__PURE__*/React__default['default'].createElement("div", {
2188
2179
  className: "luckysheet-postil-dialog-resize"
2189
2180
  }, ["lt", "mt", "lm", "rm", "rt", "lb", "mb", "rb"].map(function (v) {
2190
2181
  return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -2207,11 +2198,7 @@ var NotationBoxes = function NotationBoxes() {
2207
2198
  height: "100%",
2208
2199
  overflow: "hidden"
2209
2200
  }
2210
- }, /*#__PURE__*/React__default['default'].createElement("div", {
2211
- dangerouslySetInnerHTML: {
2212
- __html: preValue
2213
- }
2214
- }), /*#__PURE__*/React__default['default'].createElement(ContentEditable, {
2201
+ }, (_context$hooks$commen = (_context$hooks = context.hooks).commentsPreRender) === null || _context$hooks$commen === void 0 ? void 0 : _context$hooks$commen.call(_context$hooks, r, c), /*#__PURE__*/React__default['default'].createElement(ContentEditable, {
2215
2202
  id: "comment-editor-".concat(rc),
2216
2203
  autoFocus: autoFocus,
2217
2204
  style: {
@@ -2219,7 +2206,8 @@ var NotationBoxes = function NotationBoxes() {
2219
2206
  lineHeight: "20px",
2220
2207
  boxSizing: "border-box",
2221
2208
  wordBreak: "break-all",
2222
- outline: "none"
2209
+ outline: "none",
2210
+ cursor: "auto"
2223
2211
  },
2224
2212
  allowEdit: context.allowEdit,
2225
2213
  spellCheck: false,
@@ -7419,16 +7407,15 @@ var ContextMenu = function ContextMenu() {
7419
7407
  });
7420
7408
  }
7421
7409
  if (name === "insert-comment") {
7422
- var _flowdata$row_index, _flowdata$row_index$c, _flowdata$row_index$c2, _flowdata$row_index2, _flowdata$row_index2$, _flowdata$row_index2$2;
7410
+ var _flowdata$row_index, _flowdata$row_index$c, _flowdata$row_index$c2;
7423
7411
  var flowdata = core.getFlowdata(context);
7424
7412
  var row_index = selection === null || selection === void 0 ? void 0 : selection.row[0];
7425
7413
  var col_index = selection === null || selection === void 0 ? void 0 : selection.column[0];
7426
- var hasPsValue = flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$row_index = flowdata[row_index]) === null || _flowdata$row_index === void 0 ? void 0 : (_flowdata$row_index$c = _flowdata$row_index[col_index]) === null || _flowdata$row_index$c === void 0 ? void 0 : (_flowdata$row_index$c2 = _flowdata$row_index$c.ps) === null || _flowdata$row_index$c2 === void 0 ? void 0 : _flowdata$row_index$c2.value;
7427
- var hasPsPreValue = flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$row_index2 = flowdata[row_index]) === null || _flowdata$row_index2 === void 0 ? void 0 : (_flowdata$row_index2$ = _flowdata$row_index2[col_index]) === null || _flowdata$row_index2$ === void 0 ? void 0 : (_flowdata$row_index2$2 = _flowdata$row_index2$.ps) === null || _flowdata$row_index2$2 === void 0 ? void 0 : _flowdata$row_index2$2.preValue;
7414
+ var hasPsValue = !!(flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$row_index = flowdata[row_index]) === null || _flowdata$row_index === void 0 ? void 0 : (_flowdata$row_index$c = _flowdata$row_index[col_index]) === null || _flowdata$row_index$c === void 0 ? void 0 : (_flowdata$row_index$c2 = _flowdata$row_index$c.ps) === null || _flowdata$row_index$c2 === void 0 ? void 0 : _flowdata$row_index$c2.value);
7428
7415
  var canAddPs = !hasPsValue;
7429
7416
  var canEditPs = hasPsValue;
7430
7417
  var canDeletePs = hasPsValue;
7431
- var canShowHidePs = hasPsValue || hasPsPreValue;
7418
+ var canShowHidePs = hasPsValue;
7432
7419
  var itemData = [{
7433
7420
  text: "新建说明",
7434
7421
  onClick: core.newComment,
@@ -7446,7 +7433,8 @@ var ContextMenu = function ContextMenu() {
7446
7433
  onClick: core.showHideComment,
7447
7434
  show: canShowHidePs
7448
7435
  }].filter(function (item) {
7449
- return item.show;
7436
+ var _context$hooks2, _context$hooks3;
7437
+ return ((_context$hooks2 = context.hooks) === null || _context$hooks2 === void 0 ? void 0 : _context$hooks2.showCommentsMenu) ? (_context$hooks3 = context.hooks) === null || _context$hooks3 === void 0 ? void 0 : _context$hooks3.showCommentsMenu(item, row_index, col_index) : item.show;
7450
7438
  });
7451
7439
  return itemData.map(function (item) {
7452
7440
  return /*#__PURE__*/React__default['default'].createElement(Menu, {
package/dist/index.umd.css CHANGED
@@ -578,7 +578,7 @@ html::-webkit-scrollbar-button {
578
578
  cursor: grab;
579
579
  z-index: 20;
580
580
  }
581
- .leankylin-cols-freeze-handle-disabled{
581
+ .leankylin-cols-freeze-handle-disabled {
582
582
  cursor: no-drop;
583
583
  }
584
584
 
@@ -591,7 +591,7 @@ html::-webkit-scrollbar-button {
591
591
  cursor: grab;
592
592
  z-index: 20;
593
593
  }
594
- .leankylin-rows-freeze-handle-disabled{
594
+ .leankylin-rows-freeze-handle-disabled {
595
595
  cursor: no-drop;
596
596
  }
597
597
 
@@ -601,7 +601,12 @@ html::-webkit-scrollbar-button {
601
601
  z-index: 15;
602
602
  cursor: ew-resize;
603
603
  }
604
-
604
+ .luckysheet-postil-show-main {
605
+ cursor: grab;
606
+ }
607
+ .luckysheet-postil-show-main:active {
608
+ cursor: grabbing;
609
+ }
605
610
  /*批注聚焦框 移动 改变大小*/
606
611
  .luckysheet-postil-dialog-move {
607
612
  position: absolute;
@@ -623,14 +628,14 @@ html::-webkit-scrollbar-button {
623
628
 
624
629
  .luckysheet-postil-dialog-move .luckysheet-postil-dialog-move-item-t {
625
630
  width: 100%;
626
- height: 3px;
631
+ height: 10px;
627
632
  /* border-bottom: 1px solid #000; */
628
633
  left: 0;
629
634
  top: -4px;
630
635
  }
631
636
 
632
637
  .luckysheet-postil-dialog-move .luckysheet-postil-dialog-move-item-r {
633
- width: 3px;
638
+ width: 10px;
634
639
  height: 100%;
635
640
  /* border-left: 1px solid #000; */
636
641
  right: -4px;
@@ -639,14 +644,14 @@ html::-webkit-scrollbar-button {
639
644
 
640
645
  .luckysheet-postil-dialog-move .luckysheet-postil-dialog-move-item-b {
641
646
  width: 100%;
642
- height: 3px;
647
+ height: 10px;
643
648
  /* border-top: 1px solid #000; */
644
649
  left: 0;
645
650
  bottom: -4px;
646
651
  }
647
652
 
648
653
  .luckysheet-postil-dialog-move .luckysheet-postil-dialog-move-item-l {
649
- width: 3px;
654
+ width: 10px;
650
655
  height: 100%;
651
656
  /* border-right: 1px solid #000; */
652
657
  left: -4px;
@@ -672,10 +677,12 @@ html::-webkit-scrollbar-button {
672
677
 
673
678
  .luckysheet-postil-dialog-resize .luckysheet-postil-dialog-resize-item {
674
679
  position: absolute;
675
- height: 6px;
676
- width: 6px;
677
- border: 1px solid #0188fb;
680
+ height: 10px;
681
+ width: 10px;
678
682
  pointer-events: all;
683
+ background-color: #3b82f4;
684
+ border: 2px solid #fff;
685
+ border-radius: 50%;
679
686
  }
680
687
 
681
688
  .luckysheet-postil-dialog-resize .luckysheet-postil-dialog-resize-item-lt {
package/dist/index.umd.js CHANGED
@@ -105136,7 +105136,7 @@
105136
105136
  var _context$editingComme;
105137
105137
  return (v === null || v === void 0 ? void 0 : v.rc) !== ((_context$editingComme = context.editingCommentBox) === null || _context$editingComme === void 0 ? void 0 : _context$editingComme.rc);
105138
105138
  }), [context.editingCommentBox, context.hoveredCommentBox]).map(function (commentBox) {
105139
- var _context$editingComme2;
105139
+ var _context$editingComme2, _context$hooks$commen, _context$hooks;
105140
105140
  if (!commentBox) return null;
105141
105141
  var r = commentBox.r,
105142
105142
  c = commentBox.c,
@@ -105147,8 +105147,7 @@
105147
105147
  height = commentBox.height,
105148
105148
  value = commentBox.value,
105149
105149
  autoFocus = commentBox.autoFocus,
105150
- size = commentBox.size,
105151
- preValue = commentBox.preValue;
105150
+ size = commentBox.size;
105152
105151
  var isEditing = ((_context$editingComme2 = context.editingCommentBox) === null || _context$editingComme2 === void 0 ? void 0 : _context$editingComme2.rc) === rc;
105153
105152
  var commentId = "comment-box-".concat(rc);
105154
105153
  return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -105188,9 +105187,9 @@
105188
105187
  style: {
105189
105188
  width: width,
105190
105189
  height: height,
105191
- color: "#000",
105192
105190
  padding: 5,
105193
- border: "1px solid #000",
105191
+ border: 0,
105192
+ boxShadow: "rgba(0, 0, 0, 0.3) 0px 0px 8px",
105194
105193
  backgroundColor: "rgb(255,255,225)",
105195
105194
  position: "absolute",
105196
105195
  left: left,
@@ -105212,15 +105211,7 @@
105212
105211
  }, commentId);
105213
105212
  e.stopPropagation();
105214
105213
  }
105215
- }, /*#__PURE__*/React__default['default'].createElement("div", {
105216
- className: "luckysheet-postil-dialog-move"
105217
- }, ["t", "r", "b", "l"].map(function (v) {
105218
- return /*#__PURE__*/React__default['default'].createElement("div", {
105219
- key: v,
105220
- className: "luckysheet-postil-dialog-move-item luckysheet-postil-dialog-move-item-".concat(v),
105221
- "data-type": v
105222
- });
105223
- })), isEditing && ( /*#__PURE__*/React__default['default'].createElement("div", {
105214
+ }, isEditing && ( /*#__PURE__*/React__default['default'].createElement("div", {
105224
105215
  className: "luckysheet-postil-dialog-resize"
105225
105216
  }, ["lt", "mt", "lm", "rm", "rt", "lb", "mb", "rb"].map(function (v) {
105226
105217
  return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -105243,11 +105234,7 @@
105243
105234
  height: "100%",
105244
105235
  overflow: "hidden"
105245
105236
  }
105246
- }, /*#__PURE__*/React__default['default'].createElement("div", {
105247
- dangerouslySetInnerHTML: {
105248
- __html: preValue
105249
- }
105250
- }), /*#__PURE__*/React__default['default'].createElement(ContentEditable, {
105237
+ }, (_context$hooks$commen = (_context$hooks = context.hooks).commentsPreRender) === null || _context$hooks$commen === void 0 ? void 0 : _context$hooks$commen.call(_context$hooks, r, c), /*#__PURE__*/React__default['default'].createElement(ContentEditable, {
105251
105238
  id: "comment-editor-".concat(rc),
105252
105239
  autoFocus: autoFocus,
105253
105240
  style: {
@@ -105255,7 +105242,8 @@
105255
105242
  lineHeight: "20px",
105256
105243
  boxSizing: "border-box",
105257
105244
  wordBreak: "break-all",
105258
- outline: "none"
105245
+ outline: "none",
105246
+ cursor: "auto"
105259
105247
  },
105260
105248
  allowEdit: context.allowEdit,
105261
105249
  spellCheck: false,
@@ -110455,16 +110443,15 @@
110455
110443
  });
110456
110444
  }
110457
110445
  if (name === "insert-comment") {
110458
- var _flowdata$row_index, _flowdata$row_index$c, _flowdata$row_index$c2, _flowdata$row_index2, _flowdata$row_index2$, _flowdata$row_index2$2;
110446
+ var _flowdata$row_index, _flowdata$row_index$c, _flowdata$row_index$c2;
110459
110447
  var flowdata = getFlowdata(context);
110460
110448
  var row_index = selection === null || selection === void 0 ? void 0 : selection.row[0];
110461
110449
  var col_index = selection === null || selection === void 0 ? void 0 : selection.column[0];
110462
- var hasPsValue = flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$row_index = flowdata[row_index]) === null || _flowdata$row_index === void 0 ? void 0 : (_flowdata$row_index$c = _flowdata$row_index[col_index]) === null || _flowdata$row_index$c === void 0 ? void 0 : (_flowdata$row_index$c2 = _flowdata$row_index$c.ps) === null || _flowdata$row_index$c2 === void 0 ? void 0 : _flowdata$row_index$c2.value;
110463
- var hasPsPreValue = flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$row_index2 = flowdata[row_index]) === null || _flowdata$row_index2 === void 0 ? void 0 : (_flowdata$row_index2$ = _flowdata$row_index2[col_index]) === null || _flowdata$row_index2$ === void 0 ? void 0 : (_flowdata$row_index2$2 = _flowdata$row_index2$.ps) === null || _flowdata$row_index2$2 === void 0 ? void 0 : _flowdata$row_index2$2.preValue;
110450
+ var hasPsValue = !!(flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$row_index = flowdata[row_index]) === null || _flowdata$row_index === void 0 ? void 0 : (_flowdata$row_index$c = _flowdata$row_index[col_index]) === null || _flowdata$row_index$c === void 0 ? void 0 : (_flowdata$row_index$c2 = _flowdata$row_index$c.ps) === null || _flowdata$row_index$c2 === void 0 ? void 0 : _flowdata$row_index$c2.value);
110464
110451
  var canAddPs = !hasPsValue;
110465
110452
  var canEditPs = hasPsValue;
110466
110453
  var canDeletePs = hasPsValue;
110467
- var canShowHidePs = hasPsValue || hasPsPreValue;
110454
+ var canShowHidePs = hasPsValue;
110468
110455
  var itemData = [{
110469
110456
  text: "新建说明",
110470
110457
  onClick: newComment,
@@ -110482,7 +110469,8 @@
110482
110469
  onClick: showHideComment,
110483
110470
  show: canShowHidePs
110484
110471
  }].filter(function (item) {
110485
- return item.show;
110472
+ var _context$hooks2, _context$hooks3;
110473
+ return ((_context$hooks2 = context.hooks) === null || _context$hooks2 === void 0 ? void 0 : _context$hooks2.showCommentsMenu) ? (_context$hooks3 = context.hooks) === null || _context$hooks3 === void 0 ? void 0 : _context$hooks3.showCommentsMenu(item, row_index, col_index) : item.show;
110486
110474
  });
110487
110475
  return itemData.map(function (item) {
110488
110476
  return /*#__PURE__*/React__default['default'].createElement(Menu, {