@fileverse-dev/fortune-react 1.0.2-mod-45 → 1.0.2-mod-46

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { defaultContext, defaultSettings, getSheetIndex, colLocationByIndex, fixPositionOnFrozenCells, colLocation, getFlowdata, isAllowEdit, handleColumnHeaderMouseDown, handleColSizeHandleMouseDown, handleColFreezeHandleMouseDown, handleContextMenu, selectTitlesMap, selectTitlesRange, fixColumnStyleOverflowInFreeze, rowLocationByIndex, rowLocation, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, handleRowFreezeHandleMouseDown, fixRowStyleOverflowInFreeze, locale, getStyleByCell, getCellValue, createRangeHightlight, isInlineStringCell, getInlineStringHTML, valueShowEs, escapeHTMLTag, escapeScriptTag, moveToEnd, isShowHidenCR, getrangeseleciton, cancelNormalSelected, moveHighlightCell, israngeseleciton, handleFormulaInput, onSearchDialogMoveStart, replaceAll, replace, searchAll, searchNext, normalizeSelection, scrollToHighlightCell, isLinkValid, goToLink, replaceHtml, removeHyperlink, saveHyperlink, createFilterOptions, onImageMoveStart, onImageResizeStart, showComments, setEditingComment, onCommentBoxMoveStart, confirmMessage, getRangeByTxt, getDropdownList, setCellValue, getRangetxt, setConditionRules, mergeBorder, setDropdownValue, onIframeMoveStart, onIframeResizeStart, onIframeMove, onIframeMoveEnd, onIframeResize, onIframeResizeEnd, handleCellAreaMouseDown, handleCellAreaDoubleClick, selectAll, showLinkCard, getCellRowColumn, getCellHyperlink, handleOverlayMouseMove, handleOverlayMouseUp, handleKeydownForZoom, handleOverlayTouchStart, handleOverlayTouchMove, handleOverlayTouchEnd, insertRowCol, drawArrow, onCellsMoveStart, createDropCellRange, updateContextWithSheetData, updateContextWithCanvas, initFreeze, Canvas, handleGlobalWheel, getDataArr, updateMoreCell, getRegStr, getOptionValue, getSelectRange, applyLocation, updateItem, update, sanitizeDuneUrl, normalizedCellAttr, updateFormat, handleTextSize, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, showImgChooser, insertImage, editComment, deleteComment, showHideComment, showHideAllComments, newComment, handleSum, autoSelectionFormula, handleMerge, handleBorder, handleFreeze, handleSort, createFilter, clearFilter, toolbarItemSelectedFunc, toolbarItemClickHandler, insertDuneChart, handleTextColor, handleTextBackground, getInlineStringNoStyle, rangeHightlightselected, updateCell, editSheetName, cancelActiveImgItem, MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, addSheet, getFreezeState, toggleFreeze, jfrefreshgrid, handleCopy, deleteRowCol, hideSelected, showSelected, api, removeActiveImage, deleteSelectedCellText, sortSelection, handleLink, handlePasteByClick, deleteSheet, opToPatch, setCaretPosition, orderbydatafiler, getFilterColumnValues, getFilterColumnColors, saveFilter, calcSelectionInfo, patchToOp, filterPatch, inverseRowColOptions, ensureSheetIndex, initSheetIndex, handleGlobalKeyDown, handlePaste, groupValuesRefresh } from '@fileverse-dev/fortune-core';
+import { defaultContext, defaultSettings, getSheetIndex, colLocationByIndex, fixPositionOnFrozenCells, colLocation, getFlowdata, isAllowEdit, handleColumnHeaderMouseDown, handleColSizeHandleMouseDown, handleColFreezeHandleMouseDown, handleContextMenu, selectTitlesMap, selectTitlesRange, fixColumnStyleOverflowInFreeze, rowLocationByIndex, rowLocation, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, handleRowFreezeHandleMouseDown, fixRowStyleOverflowInFreeze, locale, getStyleByCell, getCellValue, createRangeHightlight, isInlineStringCell, getInlineStringHTML, valueShowEs, escapeHTMLTag, escapeScriptTag, moveToEnd, isShowHidenCR, getrangeseleciton, cancelNormalSelected, moveHighlightCell, israngeseleciton, handleFormulaInput, onSearchDialogMoveStart, replaceAll, replace, searchAll, searchNext, normalizeSelection, scrollToHighlightCell, isLinkValid, goToLink, replaceHtml, removeHyperlink, saveHyperlink, createFilterOptions, onImageMoveStart, onImageResizeStart, showComments, setEditingComment, onCommentBoxMoveStart, confirmMessage, getRangeByTxt, getDropdownList, setCellValue, getRangetxt, setConditionRules, mergeBorder, setDropdownValue, onIframeMoveStart, onIframeResizeStart, onIframeMove, onIframeMoveEnd, onIframeResize, onIframeResizeEnd, handleCellAreaMouseDown, handleCellAreaDoubleClick, selectAll, showLinkCard, getCellRowColumn, getCellHyperlink, handleOverlayMouseMove, handleOverlayMouseUp, handleKeydownForZoom, handleOverlayTouchStart, handleOverlayTouchMove, handleOverlayTouchEnd, insertRowCol, drawArrow, onCellsMoveStart, createDropCellRange, updateContextWithSheetData, updateContextWithCanvas, initFreeze, Canvas, handleGlobalWheel, getDataArr, updateMoreCell, getRegStr, getOptionValue, getSelectRange, applyLocation, updateItem, update, sanitizeDuneUrl, normalizedCellAttr, updateFormat, handleTextSize, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, showImgChooser, insertImage, editComment, deleteComment, showHideComment, showHideAllComments, newComment, handleSum, autoSelectionFormula, handleMerge, handleBorder, handleFreeze, handleSort, createFilter, clearFilter, toolbarItemSelectedFunc, toolbarItemClickHandler, insertDuneChart, handleTextColor, handleTextBackground, getInlineStringNoStyle, rangeHightlightselected, updateCell, editSheetName, cancelActiveImgItem, MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, addSheet, getFreezeState, toggleFreeze, jfrefreshgrid, handleCopy, removeActiveImage, deleteSelectedCellText, deleteRowCol, hideSelected, showSelected, api, sortSelection, handleLink, handlePasteByClick, deleteSheet, opToPatch, setCaretPosition, orderbydatafiler, getFilterColumnValues, getFilterColumnColors, saveFilter, calcSelectionInfo, patchToOp, filterPatch, inverseRowColOptions, ensureSheetIndex, initSheetIndex, handleGlobalKeyDown, handlePaste, groupValuesRefresh } from '@fileverse-dev/fortune-core';
 import React, { useContext, useRef, useState, useMemo, useCallback, useEffect, useLayoutEffect, useImperativeHandle } from 'react';
 import produce, { applyPatches, enablePatches, produceWithPatches } from 'immer';
 import _ from 'lodash';
@@ -7526,7 +7526,8 @@ var ContextMenu = function ContextMenu() {
     rightclick = _locale.rightclick,
     drag = _locale.drag,
     generalDialog = _locale.generalDialog,
-    info = _locale.info;
+    info = _locale.info,
+    toolbar = _locale.toolbar;
   var getMenuElement = useCallback(function (name, i) {
     var _context$luckysheet_s;
     var selection = (_context$luckysheet_s = context.luckysheet_select_save) === null || _context$luckysheet_s === void 0 ? void 0 : _context$luckysheet_s[0];
@@ -7615,6 +7616,45 @@ var ContextMenu = function ContextMenu() {
         }
       }), /*#__PURE__*/React.createElement("p", null, "Comment")));
     }
+    if (name === "dataVerification") {
+      return /*#__PURE__*/React.createElement(Menu, {
+        key: name,
+        onClick: function onClick() {
+          if (context.allowEdit === false) return;
+          setContext(function (draftCtx) {
+            draftCtx.contextMenu = {};
+          });
+          showDialog(/*#__PURE__*/React.createElement(DataVerification, null), undefined, toolbar.dataVerification);
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "context-item"
+      }, /*#__PURE__*/React.createElement(SVGIcon, {
+        name: "dataVerification",
+        style: {
+          marginRight: "4px"
+        }
+      }), /*#__PURE__*/React.createElement("p", null, "Data Verification")));
+    }
+    if (name === "searchReplace") {
+      return /*#__PURE__*/React.createElement(Menu, {
+        key: name,
+        onClick: function onClick() {
+          if (context.allowEdit === false) return;
+          setContext(function (draftCtx) {
+            draftCtx.showSearch = true;
+            draftCtx.showReplace = true;
+            draftCtx.contextMenu = {};
+          });
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "context-item"
+      }, /*#__PURE__*/React.createElement(SVGIcon, {
+        name: "search",
+        style: {
+          marginRight: "4px"
+        }
+      }), /*#__PURE__*/React.createElement("p", null, "Find and Replace")));
+    }
     if (name === "copy") {
       return /*#__PURE__*/React.createElement(Menu, {
         key: name,
@@ -7641,6 +7681,45 @@ var ContextMenu = function ContextMenu() {
         }
       }), /*#__PURE__*/React.createElement("p", null, rightclick.copy)));
     }
+    if (name === "cut") {
+      return /*#__PURE__*/React.createElement(Menu, {
+        key: name,
+        onClick: function onClick() {
+          setContext(function (draftCtx) {
+            var _draftCtx$luckysheet_2;
+            if (((_draftCtx$luckysheet_2 = draftCtx.luckysheet_select_save) === null || _draftCtx$luckysheet_2 === void 0 ? void 0 : _draftCtx$luckysheet_2.length) > 1) {
+              showAlert(rightclick.noMulti, "ok");
+              draftCtx.contextMenu = {};
+              return;
+            }
+            handleCopy(draftCtx);
+            if (draftCtx.activeImg != null) {
+              removeActiveImage(draftCtx);
+            } else {
+              var msg = deleteSelectedCellText(draftCtx);
+              if (msg === "partMC") {
+                showDialog(generalDialog.partiallyError, "ok");
+              } else if (msg === "allowEdit") {
+                showDialog(generalDialog.readOnlyError, "ok");
+              } else if (msg === "dataNullError") {
+                showDialog(generalDialog.dataNullError, "ok");
+              }
+            }
+            jfrefreshgrid(draftCtx, null, undefined);
+            draftCtx.contextMenu = {};
+          });
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "context-item"
+      }, /*#__PURE__*/React.createElement(SVGIcon, {
+        name: "cut-flv",
+        width: 18,
+        height: 18,
+        style: {
+          marginRight: "8px"
+        }
+      }), /*#__PURE__*/React.createElement("p", null, "Cut")));
+    }
     if (name === "paste" && regeneratorRuntime) {
       return /*#__PURE__*/React.createElement(Menu, {
         key: name,
@@ -7680,8 +7759,7 @@ var ContextMenu = function ContextMenu() {
       }), /*#__PURE__*/React.createElement("p", null, rightclick.paste)));
     }
     if (name === "insert-column") {
-      return (selection === null || selection === void 0 ? void 0 : selection.row_select) ? null : ["left", "right"].map(function (dir) {
-        var _context$lang, _context$lang2;
+      return (selection === null || selection === void 0 ? void 0 : selection.row_select) ? null : ["left"].map(function (dir) {
         return /*#__PURE__*/React.createElement(Menu, {
           key: "add-col-".concat(dir),
           onClick: function onClick() {
@@ -7713,18 +7791,11 @@ var ContextMenu = function ContextMenu() {
           name: "insert-flv",
           width: 18,
           height: 18
-        }), /*#__PURE__*/React.createElement("div", null, _.startsWith((_context$lang = context.lang) !== null && _context$lang !== void 0 ? _context$lang : "", "zh") && (/*#__PURE__*/React.createElement(React.Fragment, null, rightclick.to, /*#__PURE__*/React.createElement("span", {
-          className: "luckysheet-cols-rows-shift-".concat(dir)
-        }, rightclick[dir]))), "".concat(rightclick.insert, "  "), "1", /*#__PURE__*/React.createElement("span", {
-          className: "luckysheet-cols-rows-shift-word luckysheet-mousedown-cancel"
-        }, " ".concat(rightclick.column, "  ")), !_.startsWith((_context$lang2 = context.lang) !== null && _context$lang2 !== void 0 ? _context$lang2 : "", "zh") && (/*#__PURE__*/React.createElement("span", {
-          className: "luckysheet-cols-rows-shift-".concat(dir)
-        }, rightclick[dir])))));
+        }), /*#__PURE__*/React.createElement("div", null, "Insert column to the left")));
       });
     }
     if (name === "insert-row") {
-      return (selection === null || selection === void 0 ? void 0 : selection.column_select) ? null : ["top", "bottom"].map(function (dir) {
-        var _context$lang3, _context$lang4;
+      return (selection === null || selection === void 0 ? void 0 : selection.column_select) ? null : ["bottom"].map(function (dir) {
         return /*#__PURE__*/React.createElement(Menu, {
           key: "add-row-".concat(dir),
           onClick: function onClick() {
@@ -7756,17 +7827,11 @@ var ContextMenu = function ContextMenu() {
           name: "insert-flv",
           width: 18,
           height: 18
-        }), /*#__PURE__*/React.createElement("div", null, _.startsWith((_context$lang3 = context.lang) !== null && _context$lang3 !== void 0 ? _context$lang3 : "", "zh") && (/*#__PURE__*/React.createElement(React.Fragment, null, rightclick.to, /*#__PURE__*/React.createElement("span", {
-          className: "luckysheet-cols-rows-shift-".concat(dir)
-        }, rightclick[dir]))), "".concat(rightclick.insert, "  "), "1", /*#__PURE__*/React.createElement("span", {
-          className: "luckysheet-cols-rows-shift-word luckysheet-mousedown-cancel"
-        }, " ".concat(rightclick.row, "  ")), !_.startsWith((_context$lang4 = context.lang) !== null && _context$lang4 !== void 0 ? _context$lang4 : "", "zh") && (/*#__PURE__*/React.createElement("span", {
-          className: "luckysheet-cols-rows-shift-".concat(dir)
-        }, rightclick[dir])))));
+        }), /*#__PURE__*/React.createElement("div", null, "Insert row below")));
       });
     }
     if (name === "delete-column") {
-      return (selection === null || selection === void 0 ? void 0 : selection.column_select) && (/*#__PURE__*/React.createElement(Menu, {
+      return  (/*#__PURE__*/React.createElement(Menu, {
         key: "delete-col",
         onClick: function onClick() {
           if (!selection) return;
@@ -7780,8 +7845,8 @@ var ContextMenu = function ContextMenu() {
             id: context.currentSheetId
           };
           setContext(function (draftCtx) {
-            var _draftCtx$luckysheet_2, _draftCtx$luckysheetf, _draftCtx$luckysheetf2;
-            if (((_draftCtx$luckysheet_2 = draftCtx.luckysheet_select_save) === null || _draftCtx$luckysheet_2 === void 0 ? void 0 : _draftCtx$luckysheet_2.length) > 1) {
+            var _draftCtx$luckysheet_3, _draftCtx$luckysheetf, _draftCtx$luckysheetf2;
+            if (((_draftCtx$luckysheet_3 = draftCtx.luckysheet_select_save) === null || _draftCtx$luckysheet_3 === void 0 ? void 0 : _draftCtx$luckysheet_3.length) > 1) {
               showAlert(rightclick.noMulti, "ok");
               draftCtx.contextMenu = {};
               draftCtx.dataVerificationDropDownList = false;
@@ -7806,10 +7871,19 @@ var ContextMenu = function ContextMenu() {
             deleteRowColOp: deleteRowColOp
           });
         }
-      }, rightclick.deleteSelected, rightclick.column));
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "context-item"
+      }, /*#__PURE__*/React.createElement(SVGIcon, {
+        name: "delete-flv",
+        width: 18,
+        height: 18,
+        style: {
+          marginRight: "8px"
+        }
+      }), /*#__PURE__*/React.createElement("div", null, rightclick.deleteSelected, rightclick.column))));
     }
     if (name === "delete-row") {
-      return (selection === null || selection === void 0 ? void 0 : selection.row_select) && (/*#__PURE__*/React.createElement(Menu, {
+      return  (/*#__PURE__*/React.createElement(Menu, {
         key: "delete-row",
         onClick: function onClick() {
           if (!selection) return;
@@ -7823,8 +7897,8 @@ var ContextMenu = function ContextMenu() {
             id: context.currentSheetId
           };
           setContext(function (draftCtx) {
-            var _draftCtx$luckysheet_3, _draftCtx$luckysheetf3;
-            if (((_draftCtx$luckysheet_3 = draftCtx.luckysheet_select_save) === null || _draftCtx$luckysheet_3 === void 0 ? void 0 : _draftCtx$luckysheet_3.length) > 1) {
+            var _draftCtx$luckysheet_4, _draftCtx$luckysheetf3;
+            if (((_draftCtx$luckysheet_4 = draftCtx.luckysheet_select_save) === null || _draftCtx$luckysheet_4 === void 0 ? void 0 : _draftCtx$luckysheet_4.length) > 1) {
               showAlert(rightclick.noMulti, "ok");
               draftCtx.contextMenu = {};
               return;
@@ -7848,7 +7922,16 @@ var ContextMenu = function ContextMenu() {
             deleteRowColOp: deleteRowColOp
           });
         }
-      }, rightclick.deleteSelected, rightclick.row));
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "context-item"
+      }, /*#__PURE__*/React.createElement(SVGIcon, {
+        name: "delete-flv",
+        width: 18,
+        height: 18,
+        style: {
+          marginRight: "8px"
+        }
+      }), /*#__PURE__*/React.createElement("div", null, rightclick.deleteSelected, rightclick.row))));
     }
     if (name === "hide-row") {
       return (selection === null || selection === void 0 ? void 0 : selection.row_select) === true && ["hideSelected", "showHide"].map(function (item) {
@@ -7868,7 +7951,16 @@ var ContextMenu = function ContextMenu() {
               draftCtx.contextMenu = {};
             });
           }
-        }, rightclick[item] + rightclick.row);
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "context-item"
+        }, /*#__PURE__*/React.createElement(SVGIcon, {
+          name: "hide-flv",
+          width: 18,
+          height: 18,
+          style: {
+            marginRight: "8px"
+          }
+        }), /*#__PURE__*/React.createElement("div", null, rightclick[item] + rightclick.row)));
       });
     }
     if (name === "hide-column") {
@@ -7889,7 +7981,16 @@ var ContextMenu = function ContextMenu() {
               draftCtx.contextMenu = {};
             });
           }
-        }, rightclick[item] + rightclick.column);
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "context-item"
+        }, /*#__PURE__*/React.createElement(SVGIcon, {
+          name: "hide-flv",
+          width: 18,
+          height: 18,
+          style: {
+            marginRight: "8px"
+          }
+        }), /*#__PURE__*/React.createElement("div", null, rightclick[item] + rightclick.column)));
       });
     }
     if (name === "set-row-height") {
@@ -7922,7 +8023,16 @@ var ContextMenu = function ContextMenu() {
             draftCtx.contextMenu = {};
           });
         }
-      }, rightclick.row, rightclick.height, /*#__PURE__*/React.createElement("input", {
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "context-item"
+      }, /*#__PURE__*/React.createElement(SVGIcon, {
+        name: "resize-flv",
+        width: 18,
+        height: 18,
+        style: {
+          marginRight: "8px"
+        }
+      }), /*#__PURE__*/React.createElement("div", null, "Resize row height", /*#__PURE__*/React.createElement("input", {
         onClick: function onClick(e) {
           return e.stopPropagation();
         },
@@ -7939,7 +8049,7 @@ var ContextMenu = function ContextMenu() {
         style: {
           width: "40px"
         }
-      }), "px")) : null;
+      }), "px")))) : null;
     }
     if (name === "set-column-width") {
       var _context$luckysheet_s0, _context$luckysheet_s1;
@@ -7971,7 +8081,16 @@ var ContextMenu = function ContextMenu() {
             draftCtx.contextMenu = {};
           });
         }
-      }, rightclick.column, rightclick.width, /*#__PURE__*/React.createElement("input", {
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "context-item"
+      }, /*#__PURE__*/React.createElement(SVGIcon, {
+        name: "resize-flv",
+        width: 18,
+        height: 18,
+        style: {
+          marginRight: "8px"
+        }
+      }), /*#__PURE__*/React.createElement("div", null, "Resize column height", /*#__PURE__*/React.createElement("input", {
         onClick: function onClick(e) {
           return e.stopPropagation();
         },
@@ -7988,7 +8107,7 @@ var ContextMenu = function ContextMenu() {
         style: {
           width: "40px"
         }
-      }), "px")) : null;
+      }), "px")))) : null;
     }
     if (name === "clear") {
       return /*#__PURE__*/React.createElement(Menu, {
@@ -8024,6 +8143,52 @@ var ContextMenu = function ContextMenu() {
         }
       }), /*#__PURE__*/React.createElement("p", null, rightclick.clearContent)));
     }
+    if (name === "ascSort") {
+      return /*#__PURE__*/React.createElement(Menu, {
+        key: name,
+        onClick: function onClick() {
+          if (context.allowEdit === false) return;
+          setContext(function (draftCtx) {
+            sortSelection(draftCtx, true);
+            draftCtx.contextMenu = {};
+            draftCtx.contextMenu = {};
+          });
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "context-item"
+      }, /*#__PURE__*/React.createElement(SVGIcon, {
+        name: "asc-sort-flv",
+        width: 18,
+        height: 18,
+        style: {
+          marginTop: "4px",
+          marginRight: "4px"
+        }
+      }), /*#__PURE__*/React.createElement("p", null, "Ascending sort")));
+    }
+    if (name === "desSort") {
+      return /*#__PURE__*/React.createElement(Menu, {
+        key: name,
+        onClick: function onClick() {
+          if (context.allowEdit === false) return;
+          setContext(function (draftCtx) {
+            sortSelection(draftCtx, false);
+            draftCtx.contextMenu = {};
+            draftCtx.contextMenu = {};
+          });
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "context-item"
+      }, /*#__PURE__*/React.createElement(SVGIcon, {
+        name: "des-sort-flv",
+        width: 18,
+        height: 18,
+        style: {
+          marginTop: "4px",
+          marginRight: "4px"
+        }
+      }), /*#__PURE__*/React.createElement("p", null, "Descending sort")));
+    }
     if (name === "sort") {
       var _locale2 = locale(context),
         sort = _locale2.sort;
@@ -8195,7 +8360,14 @@ var ContextMenu = function ContextMenu() {
             draftCtx.contextMenu = {};
           });
         }
-      }, rightclick.link);
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "context-item"
+      }, /*#__PURE__*/React.createElement(SVGIcon, {
+        name: "link",
+        style: {
+          marginRight: "4px"
+        }
+      }), /*#__PURE__*/React.createElement("p", null, rightclick.link)));
     }
     if (name === "conditionFormat") {
       var closeContextMenu = function closeContextMenu() {
@@ -9125,6 +9297,65 @@ var SVGDefines = function SVGDefines(_ref) {
     stroke: "#666",
     strokeWidth: "1.714"
   })), /*#__PURE__*/React.createElement("symbol", {
+    fill: "none",
+    viewBox: "0 0 16 16",
+    id: "delete-flv"
+  }, /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M7.5 7.5C7.91421 7.5 8.25 7.83579 8.25 8.25V12.75C8.25 13.1642 7.91421 13.5 7.5 13.5C7.08579 13.5 6.75 13.1642 6.75 12.75V8.25C6.75 7.83579 7.08579 7.5 7.5 7.5Z",
+    fill: "#363B3F"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11.25 8.25C11.25 7.83579 10.9142 7.5 10.5 7.5C10.0858 7.5 9.75 7.83579 9.75 8.25V12.75C9.75 13.1642 10.0858 13.5 10.5 13.5C10.9142 13.5 11.25 13.1642 11.25 12.75V8.25Z",
+    fill: "#363B3F"
+  }), /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M5.25 3.75V3C5.25 2.38108 5.55191 1.82493 5.93842 1.43842C6.32493 1.05191 6.88108 0.75 7.5 0.75H10.5C11.1189 0.75 11.6751 1.05191 12.0616 1.43842C12.4481 1.82493 12.75 2.38108 12.75 3V3.75H15.75C16.1642 3.75 16.5 4.08579 16.5 4.5C16.5 4.91421 16.1642 5.25 15.75 5.25H15V15C15 15.6189 14.6981 16.1751 14.3116 16.5616C13.9251 16.9481 13.3689 17.25 12.75 17.25H5.25C4.63108 17.25 4.07493 16.9481 3.68842 16.5616C3.30191 16.1751 3 15.6189 3 15V5.25H2.25C1.83579 5.25 1.5 4.91421 1.5 4.5C1.5 4.08579 1.83579 3.75 2.25 3.75H5.25ZM6.75 3C6.75 2.86892 6.82309 2.67507 6.99908 2.49908C7.17507 2.32309 7.36892 2.25 7.5 2.25H10.5C10.6311 2.25 10.8249 2.32309 11.0009 2.49908C11.1769 2.67507 11.25 2.86892 11.25 3V3.75H6.75V3ZM4.5 5.25V15C4.5 15.1311 4.57309 15.3249 4.74908 15.5009C4.92507 15.6769 5.11892 15.75 5.25 15.75H12.75C12.8811 15.75 13.0749 15.6769 13.2509 15.5009C13.4269 15.3249 13.5 15.1311 13.5 15V5.25H4.5Z",
+    fill: "#363B3F"
+  }))), /*#__PURE__*/React.createElement("symbol", {
+    fill: "none",
+    viewBox: "0 0 16 16",
+    id: "hide-flv"
+  }, /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    "clip-path": "url(#clip0_2908_227339)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M2.03033 0.96967C1.73744 0.676777 1.26256 0.676777 0.96967 0.96967C0.676777 1.26256 0.676777 1.73744 0.96967 2.03033L3.81821 4.87887C2.52281 5.92494 1.50372 7.22247 0.80625 8.68081C0.73125 8.83081 0.73125 9.05581 0.80625 9.28081C0.88125 9.50581 3.28125 14.9808 8.98125 14.9808C10.365 14.9808 11.7487 14.6335 12.929 13.9897L15.9697 17.0303C16.2626 17.3232 16.7374 17.3232 17.0303 17.0303C17.3232 16.7374 17.3232 16.2626 17.0303 15.9697L11.1229 10.0622C11.1214 10.0607 11.12 10.0593 11.1185 10.0578L7.9423 6.88163C7.94077 6.8801 7.93924 6.87856 7.9377 6.87704L2.03033 0.96967ZM6.40204 7.4627L4.84067 5.90133C3.83511 6.74921 2.95756 7.80845 2.30625 8.98081C2.83125 10.0308 4.93125 13.4808 8.98125 13.4808C9.95375 13.4808 10.9263 13.2626 11.7989 12.8596L10.5373 11.598C10.4182 11.6726 10.2938 11.739 10.1649 11.7964C9.79687 11.9604 9.39961 12.0486 8.9968 12.0557C8.59399 12.0628 8.19387 11.9887 7.82032 11.8378C7.44677 11.6869 7.10743 11.4623 6.82256 11.1775C6.53768 10.8926 6.3131 10.5532 6.16222 10.1797C6.01134 9.80614 5.93724 9.40602 5.94435 9.00321C5.95145 8.6004 6.03962 8.20314 6.20359 7.83515C6.26104 7.70619 6.3274 7.58176 6.40204 7.4627ZM9.41843 10.4791L7.52092 8.58158C7.47279 8.72591 7.44681 8.87699 7.44411 9.02967C7.44056 9.23108 7.47761 9.43113 7.55305 9.61791C7.62849 9.80469 7.74078 9.97435 7.88322 10.1168C8.02566 10.2592 8.19532 10.3715 8.3821 10.447C8.56888 10.5224 8.76893 10.5595 8.97034 10.5559C9.12302 10.5532 9.2741 10.5272 9.41843 10.4791Z",
+    fill: "#363B3F"
+  }), /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M9 3L8.99859 3C8.64964 3.00065 8.30105 3.02261 7.95477 3.06576C7.54374 3.11697 7.25204 3.49169 7.30325 3.90273C7.35446 4.31376 7.72918 4.60546 8.14022 4.55425C8.42568 4.51868 8.71304 4.50057 9.0007 4.5C11.3492 4.50024 13.0388 5.66802 14.1692 6.88534C14.7342 7.49382 15.1489 8.10466 15.4219 8.5633C15.523 8.73305 15.604 8.88086 15.6654 8.99858C15.3842 9.54451 15.0485 10.0609 14.6631 10.5399C14.4035 10.8626 14.4546 11.3347 14.7773 11.5943C15.1001 11.854 15.5722 11.8029 15.8318 11.4801C16.3662 10.8159 16.8187 10.0898 17.1795 9.31741C17.2699 9.12385 17.2732 8.90029 17.1891 8.70393L17.188 8.70132L17.1857 8.69616L17.1787 8.68019C17.1728 8.66708 17.1647 8.64909 17.1543 8.62654C17.1335 8.58145 17.1034 8.51807 17.0639 8.439C16.9849 8.28099 16.8678 8.05965 16.7109 7.79608C16.3979 7.27034 15.9221 6.56868 15.2683 5.86466C13.9613 4.45711 11.9011 3 9 3Z",
+    fill: "#363B3F"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_2908_227339"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "18",
+    height: "18",
+    fill: "white"
+  }))))), /*#__PURE__*/React.createElement("symbol", {
+    fill: "none",
+    viewBox: "0 0 16 16",
+    id: "resize-flv"
+  }, /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M3.00002 3.75C3.00002 3.33579 3.33581 3 3.75002 3H14.25C14.6642 3 15 3.33579 15 3.75V8.25C15 8.66421 15.3358 9 15.75 9C16.1642 9 16.5 8.66421 16.5 8.25V3.75C16.5 2.50736 15.4927 1.5 14.25 1.5H3.75002C2.50738 1.5 1.50002 2.50736 1.50002 3.75V8.25C1.50002 8.66421 1.83581 9 2.25002 9C2.66424 9 3.00002 8.66421 3.00002 8.25V3.75Z",
+    fill: "#363B3F"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M16.3169 13.9911C16.4164 13.8765 16.4754 13.7388 16.4938 13.5969C16.523 13.3723 16.4493 13.1423 16.2863 12.9756L16.2804 12.9697L14.0304 10.7197C13.7375 10.4268 13.2626 10.4268 12.9697 10.7197C12.6768 11.0126 12.6768 11.4874 12.9697 11.7803L13.9394 12.75L8.25002 12.75L8.24781 12.75L4.06068 12.75L5.03035 11.7803C5.32325 11.4874 5.32325 11.0126 5.03035 10.7197C4.73746 10.4268 4.26259 10.4268 3.96969 10.7197L1.72369 12.9657C1.7091 12.98 1.69508 12.995 1.68166 13.0106C1.58293 13.125 1.52444 13.2622 1.50621 13.4035C1.4998 13.453 1.49838 13.5028 1.50182 13.5521C1.51375 13.7245 1.58497 13.8935 1.71548 14.0261L1.71969 14.0303L3.96969 16.2803C4.26258 16.5732 4.73746 16.5732 5.03035 16.2803C5.32324 15.9874 5.32324 15.5126 5.03035 15.2197L4.06068 14.25L9.75002 14.25L9.75241 14.25L13.9394 14.25L12.9697 15.2197C12.6768 15.5126 12.6768 15.9874 12.9697 16.2803C13.2626 16.5732 13.7375 16.5732 14.0304 16.2803L16.2764 14.0342C16.2905 14.0204 16.3039 14.0061 16.3169 13.9911Z",
+    fill: "#363B3F"
+  }))), /*#__PURE__*/React.createElement("symbol", {
     viewBox: "0 0 1024 1024",
     version: "1.1",
     "p-id": "4116",
@@ -9857,6 +10088,21 @@ var SVGDefines = function SVGDefines(_ref) {
     "clip-rule": "evenodd",
     d: "M6.75 0.75C5.92157 0.75 5.25 1.42157 5.25 2.25H4.5C3.90326 2.25 3.33097 2.48705 2.90901 2.90901C2.48705 3.33097 2.25 3.90326 2.25 4.5V15C2.25 15.5967 2.48705 16.169 2.90901 16.591C3.33097 17.0129 3.90326 17.25 4.5 17.25H13.5C14.0967 17.25 14.669 17.0129 15.091 16.591C15.5129 16.169 15.75 15.5967 15.75 15V4.5C15.75 3.90326 15.5129 3.33097 15.091 2.90901C14.669 2.48705 14.0967 2.25 13.5 2.25H12.75C12.75 1.42157 12.0784 0.75 11.25 0.75H6.75ZM12.75 3.75C12.75 4.57843 12.0784 5.25 11.25 5.25H6.75C5.92157 5.25 5.25 4.57843 5.25 3.75H4.5C4.30109 3.75 4.11032 3.82902 3.96967 3.96967C3.82902 4.11032 3.75 4.30109 3.75 4.5V15C3.75 15.1989 3.82902 15.3897 3.96967 15.5303C4.11032 15.671 4.30109 15.75 4.5 15.75H13.5C13.6989 15.75 13.8897 15.671 14.0303 15.5303C14.171 15.3897 14.25 15.1989 14.25 15V4.5C14.25 4.30109 14.171 4.11032 14.0303 3.96967C13.8897 3.82902 13.6989 3.75 13.5 3.75H12.75ZM6.75 3.75H11.25V2.25H6.75V3.75Z",
     fill: "#363B3F"
+  }))), /*#__PURE__*/React.createElement("symbol", {
+    id: "cut-flv",
+    viewBox: "0 0 24 24"
+  }, /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M4.5 7.5C5.05636 7.5 5.57734 7.34855 6.02398 7.08464L7.93934 9L6.02397 10.9154C5.57734 10.6514 5.05636 10.5 4.5 10.5C2.84315 10.5 1.5 11.8431 1.5 13.5C1.5 15.1569 2.84315 16.5 4.5 16.5C6.15685 16.5 7.5 15.1569 7.5 13.5C7.5 12.9436 7.34855 12.4227 7.08463 11.976L15.5303 3.53033C15.8232 3.23744 15.8232 2.76256 15.5303 2.46967C15.2374 2.17678 14.7626 2.17678 14.4697 2.46967L9 7.93934L7.08464 6.02398C7.34855 5.57734 7.5 5.05636 7.5 4.5C7.5 2.84315 6.15685 1.5 4.5 1.5C2.84315 1.5 1.5 2.84315 1.5 4.5C1.5 6.15685 2.84315 7.5 4.5 7.5ZM4.5 3C3.67157 3 3 3.67157 3 4.5C3 5.32843 3.67157 6 4.5 6C4.90064 6 5.26459 5.84293 5.53364 5.58702C5.54204 5.57774 5.55072 5.56862 5.55967 5.55967C5.56862 5.55072 5.57774 5.54204 5.58702 5.53364C5.84293 5.26459 6 4.90064 6 4.5C6 3.67157 5.32843 3 4.5 3ZM4.5 12C4.90065 12 5.26461 12.1571 5.53366 12.413C5.54206 12.4223 5.55072 12.4314 5.55967 12.4403C5.56861 12.4493 5.57772 12.4579 5.58699 12.4663C5.84292 12.7354 6 13.0994 6 13.5C6 14.3284 5.32843 15 4.5 15C3.67157 15 3 14.3284 3 13.5C3 12.6716 3.67157 12 4.5 12Z",
+    fill: "#363B3F"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11.6304 10.5697C11.3375 10.2768 10.8626 10.2768 10.5697 10.5697C10.2768 10.8626 10.2768 11.3374 10.5697 11.6303L14.4697 15.5303C14.7626 15.8232 15.2375 15.8232 15.5304 15.5303C15.8233 15.2374 15.8233 14.7626 15.5304 14.4697L11.6304 10.5697Z",
+    fill: "#363B3F"
   }))), /*#__PURE__*/React.createElement("symbol", {
     id: "insert-flv",
     viewBox: "0 0 24 24"
@@ -9892,6 +10138,56 @@ var SVGDefines = function SVGDefines(_ref) {
     "clip-rule": "evenodd",
     d: "M3.75 1.5C3.15326 1.5 2.58097 1.73705 2.15901 2.15901C1.73705 2.58097 1.5 3.15326 1.5 3.75V15.75C1.5 16.0533 1.68273 16.3268 1.96299 16.4429C2.24324 16.559 2.56583 16.4948 2.78033 16.2803L5.56066 13.5H14.25C14.8467 13.5 15.419 13.2629 15.841 12.841C16.2629 12.419 16.5 11.8467 16.5 11.25V3.75C16.5 3.15326 16.2629 2.58097 15.841 2.15901C15.419 1.73705 14.8467 1.5 14.25 1.5H3.75ZM3.21967 3.21967C3.36032 3.07902 3.55109 3 3.75 3H14.25C14.4489 3 14.6397 3.07902 14.7803 3.21967C14.921 3.36032 15 3.55109 15 3.75V11.25C15 11.4489 14.921 11.6397 14.7803 11.7803C14.6397 11.921 14.4489 12 14.25 12H5.25C5.05109 12 4.86032 12.079 4.71967 12.2197L3 13.9393V3.75C3 3.55109 3.07902 3.36032 3.21967 3.21967Z",
     fill: "#363B3F"
+  }))), /*#__PURE__*/React.createElement("symbol", {
+    id: "asc-sort-flv",
+    viewBox: "0 0 24 24"
+  }, /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M1.71967 11.4697C2.01256 11.1768 2.48744 11.1768 2.78033 11.4697L5.25 13.9393L7.71967 11.4697C8.01256 11.1768 8.48744 11.1768 8.78033 11.4697C9.07322 11.7626 9.07322 12.2374 8.78033 12.5303L5.78033 15.5303C5.48744 15.8232 5.01256 15.8232 4.71967 15.5303L1.71967 12.5303C1.42678 12.2374 1.42678 11.7626 1.71967 11.4697Z",
+    fill: "#363B3F"
+  }), /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M5.25 2.25C5.66421 2.25 6 2.58579 6 3V15C6 15.4142 5.66421 15.75 5.25 15.75C4.83579 15.75 4.5 15.4142 4.5 15V3C4.5 2.58579 4.83579 2.25 5.25 2.25Z",
+    fill: "#363B3F"
+  }), /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M12.75 2.25C11.5074 2.25 10.5 3.25736 10.5 4.5V6C10.5 7.24264 11.5074 8.25 12.75 8.25C13.9926 8.25 15 7.24264 15 6V4.5C15 3.25736 13.9926 2.25 12.75 2.25ZM12 4.5C12 4.08579 12.3358 3.75 12.75 3.75C13.1642 3.75 13.5 4.08579 13.5 4.5V6C13.5 6.41421 13.1642 6.75 12.75 6.75C12.3358 6.75 12 6.41421 12 6V4.5Z",
+    fill: "#363B3F"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M10.5 10.5C10.5 10.0858 10.8358 9.75 11.25 9.75H12.75C13.1642 9.75 13.5 10.0858 13.5 10.5V14.25H14.25C14.6642 14.25 15 14.5858 15 15C15 15.4142 14.6642 15.75 14.25 15.75H11.25C10.8358 15.75 10.5 15.4142 10.5 15C10.5 14.5858 10.8358 14.25 11.25 14.25H12V11.25H11.25C10.8358 11.25 10.5 10.9142 10.5 10.5Z",
+    fill: "#363B3F"
+  }))), /*#__PURE__*/React.createElement("symbol", {
+    id: "des-sort-flv",
+    viewBox: "0 0 24 24"
+  }, /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M1.71967 11.4697C2.01256 11.1768 2.48744 11.1768 2.78033 11.4697L5.25 13.9393L7.71967 11.4697C8.01256 11.1768 8.48744 11.1768 8.78033 11.4697C9.07322 11.7626 9.07322 12.2374 8.78033 12.5303L5.78033 15.5303C5.48744 15.8232 5.01256 15.8232 4.71967 15.5303L1.71967 12.5303C1.42678 12.2374 1.42678 11.7626 1.71967 11.4697Z",
+    fill: "#363B3F"
+  }), /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M5.25 2.25C5.66421 2.25 6 2.58579 6 3V15C6 15.4142 5.66421 15.75 5.25 15.75C4.83579 15.75 4.5 15.4142 4.5 15V3C4.5 2.58579 4.83579 2.25 5.25 2.25Z",
+    fill: "#363B3F"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M10.5 3C10.5 2.58579 10.8358 2.25 11.25 2.25H12.75C13.1642 2.25 13.5 2.58579 13.5 3V6.75H14.25C14.6642 6.75 15 7.08579 15 7.5C15 7.91421 14.6642 8.25 14.25 8.25H11.25C10.8358 8.25 10.5 7.91421 10.5 7.5C10.5 7.08579 10.8358 6.75 11.25 6.75H12V3.75H11.25C10.8358 3.75 10.5 3.41421 10.5 3Z",
+    fill: "#363B3F"
+  }), /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M12.75 9.75C11.5074 9.75 10.5 10.7574 10.5 12V13.5C10.5 14.7426 11.5074 15.75 12.75 15.75C13.9926 15.75 15 14.7426 15 13.5V12C15 10.7574 13.9926 9.75 12.75 9.75ZM12 12C12 11.5858 12.3358 11.25 12.75 11.25C13.1642 11.25 13.5 11.5858 13.5 12V13.5C13.5 13.9142 13.1642 14.25 12.75 14.25C12.3358 14.25 12 13.9142 12 13.5V12Z",
+    fill: "#363B3F"
   }))), /*#__PURE__*/React.createElement("symbol", {
     id: "freeze-flv",
     viewBox: "0 0 24 24"