@leankylin-sheet/react 1.0.1 → 1.1.0

package/dist/index.esm.js

@@ -340,7 +340,7 @@ var ColumnHeader = function ColumnHeader() {
   }, [context.scrollLeft]);
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
-    className: "fortune-col-header",
+    className: "leankylin-col-header",
     style: {
       height: context.columnHeaderHeight - 1.5
     },
@@ -349,22 +349,22 @@ var ColumnHeader = function ColumnHeader() {
     onMouseLeave: onMouseLeave,
     onContextMenu: onContextMenu
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-cols-freeze-handle",
+    className: "leankylin-cols-freeze-handle",
     onMouseDown: onColFreezeHandleMouseDown,
     style: {
       left: freezeHandleLeft
     }
   }), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-cols-change-size",
+    className: "leankylin-cols-change-size",
     ref: colChangeSizeRef,
-    id: "fortune-cols-change-size",
+    id: "leankylin-cols-change-size",
     onMouseDown: onColSizeHandleMouseDown,
     style: {
       left: hoverLocation.col - 5 + (hoverInFreeze ? context.scrollLeft : 0),
       opacity: context.luckysheet_cols_change_size ? 1 : 0
     }
   }), !context.luckysheet_cols_change_size && hoverLocation.col_index >= 0 ? ( /*#__PURE__*/React.createElement("div", {
-    className: "fortune-col-header-hover",
+    className: "leankylin-col-header-hover",
     style: _.assign({
       left: hoverLocation.col_pre,
       width: hoverLocation.col - hoverLocation.col_pre - 1,
@@ -391,7 +391,7 @@ var ColumnHeader = function ColumnHeader() {
       c1 = _ref.c1,
       c2 = _ref.c2;
     return /*#__PURE__*/React.createElement("div", {
-      className: "fortune-col-header-selected",
+      className: "leankylin-col-header-selected",
       key: i,
       style: _.assign({
         left: col_pre,
@@ -541,7 +541,7 @@ var RowHeader = function RowHeader() {
   }, [context.scrollTop]);
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
-    className: "fortune-row-header",
+    className: "leankylin-row-header",
     style: {
       width: context.rowHeaderWidth - 1.5,
       height: context.cellmainHeight
@@ -551,13 +551,13 @@ var RowHeader = function RowHeader() {
     onMouseLeave: onMouseLeave,
     onContextMenu: onContextMenu
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-rows-freeze-handle",
+    className: "leankylin-rows-freeze-handle",
     onMouseDown: onRowFreezeHandleMouseDown,
     style: {
       top: freezeHandleTop
     }
   }), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-rows-change-size",
+    className: "leankylin-rows-change-size",
     ref: rowChangeSizeRef,
     onMouseDown: onRowSizeHandleMouseDown,
     style: {
@@ -565,7 +565,7 @@ var RowHeader = function RowHeader() {
       opacity: context.luckysheet_rows_change_size ? 1 : 0
     }
   }), !context.luckysheet_rows_change_size && hoverLocation.row_index >= 0 ? ( /*#__PURE__*/React.createElement("div", {
-    className: "fortune-row-header-hover",
+    className: "leankylin-row-header-hover",
     style: _.assign({
       top: hoverLocation.row_pre,
       height: hoverLocation.row - hoverLocation.row_pre - 1,
@@ -578,7 +578,7 @@ var RowHeader = function RowHeader() {
       r1 = _ref.r1,
       r2 = _ref.r2;
     return /*#__PURE__*/React.createElement("div", {
-      className: "fortune-row-header-selected",
+      className: "leankylin-row-header-selected",
       key: i,
       style: _.assign({
         top: row_pre,
@@ -1020,12 +1020,12 @@ var Dialog = function Dialog(_ref) {
   var _locale = locale(context),
     button = _locale.button;
   return /*#__PURE__*/React.createElement("div", {
-    className: "fortune-dialog",
+    className: "leankylin-dialog",
     style: containerStyle
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-modal-dialog-header"
+    className: "leankylin-modal-dialog-header"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-modal-dialog-icon-close",
+    className: "leankylin-modal-dialog-icon-close",
     onClick: onCancel
   }, /*#__PURE__*/React.createElement(SVGIcon, {
     name: "close",
@@ -1034,18 +1034,18 @@ var Dialog = function Dialog(_ref) {
       cursor: "pointer"
     }
   }))), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-dialog-box-content",
+    className: "leankylin-dialog-box-content",
     style: contentStyle
   }, children), type != null && ( /*#__PURE__*/React.createElement("div", {
-    className: "fortune-dialog-box-button-container"
+    className: "leankylin-dialog-box-button-container"
   }, type === "ok" ? ( /*#__PURE__*/React.createElement("div", {
-    className: "fortune-message-box-button button-default",
+    className: "leankylin-message-box-button button-default",
     onClick: onOk
   }, button.confirm)) : ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-message-box-button button-primary",
+    className: "leankylin-message-box-button button-primary",
     onClick: onOk
   }, button.confirm), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-message-box-button button-default",
+    className: "leankylin-message-box-button button-default",
     onClick: onCancel
   }, button.cancel))))));
 };
@@ -1110,7 +1110,7 @@ var ModalProvider = function ModalProvider(_ref) {
     onContextMenu: function onContextMenu(e) {
       return e.stopPropagation();
     },
-    className: "fortune-popover-backdrop fortune-modal-container"
+    className: "leankylin-popover-backdrop leankylin-modal-container"
   }, component)));
 };
 
@@ -1193,8 +1193,8 @@ var SearchReplace = function SearchReplace(_ref) {
     };
   }, []);
   return /*#__PURE__*/React.createElement("div", {
-    id: "fortune-search-replace",
-    className: "fortune-search-replace fortune-dialog",
+    id: "leankylin-search-replace",
+    className: "leankylin-search-replace leankylin-dialog",
     style: getInitialPosition(getContainer()),
     onMouseEnter: function onMouseEnter() {
       _.set(refs.globalCache, "searchDialog.mouseEnter", true);
@@ -1213,7 +1213,7 @@ var SearchReplace = function SearchReplace(_ref) {
       return e.stopPropagation();
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "icon-close fortune-modal-dialog-icon-close",
+    className: "icon-close leankylin-modal-dialog-icon-close",
     onClick: closeDialog
   }, /*#__PURE__*/React.createElement(SVGIcon, {
     name: "close",
@@ -1295,7 +1295,7 @@ var SearchReplace = function SearchReplace(_ref) {
     className: "btnBox"
   }, showReplace && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     id: "replaceAllBtn",
-    className: "fortune-message-box-button button-default",
+    className: "leankylin-message-box-button button-default",
     onClick: function onClick() {
       setContext(function (draftCtx) {
         setSelectedCell(undefined);
@@ -1305,7 +1305,7 @@ var SearchReplace = function SearchReplace(_ref) {
     }
   }, findAndReplace.allReplaceBtn), /*#__PURE__*/React.createElement("div", {
     id: "replaceBtn",
-    className: "fortune-message-box-button button-default",
+    className: "leankylin-message-box-button button-default",
     onClick: function onClick() {
       return setContext(function (draftCtx) {
         setSelectedCell(undefined);
@@ -1317,7 +1317,7 @@ var SearchReplace = function SearchReplace(_ref) {
     }
   }, findAndReplace.replaceBtn))), /*#__PURE__*/React.createElement("div", {
     id: "searchAllBtn",
-    className: "fortune-message-box-button button-default",
+    className: "leankylin-message-box-button button-default",
     onClick: function onClick() {
       return setContext(function (draftCtx) {
         setSelectedCell(undefined);
@@ -1329,7 +1329,7 @@ var SearchReplace = function SearchReplace(_ref) {
     }
   }, findAndReplace.allFindBtn), /*#__PURE__*/React.createElement("div", {
     id: "searchNextBtn",
-    className: "fortune-message-box-button button-default",
+    className: "leankylin-message-box-button button-default",
     onClick: function onClick() {
       return setContext(function (draftCtx) {
         setSearchResult([]);
@@ -1338,7 +1338,7 @@ var SearchReplace = function SearchReplace(_ref) {
       });
     }
   }, findAndReplace.findBtn))), /*#__PURE__*/React.createElement("div", {
-    className: "close-button fortune-message-box-button button-default",
+    className: "close-button leankylin-message-box-button button-default",
     onClick: closeDialog
   }, button.close), searchResult.length > 0 && ( /*#__PURE__*/React.createElement("div", {
     id: "searchAllbox"
@@ -1459,7 +1459,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
   }, [button]);
   var renderToolbarButton = useCallback(function (iconId, onClick) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "fortune-toolbar-button",
+      className: "leankylin-toolbar-button",
       onClick: onClick
     }, /*#__PURE__*/React.createElement(SVGIcon, {
       name: iconId,
@@ -1496,7 +1496,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
       onKeyDown: function onKeyDown(e) {
         e.stopPropagation();
       },
-      className: "fortune-link-modify-modal link-toolbar",
+      className: "leankylin-link-modify-modal link-toolbar",
       style: {
         left: position.cellLeft + 20,
         top: position.cellBottom
@@ -1531,7 +1531,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
     }));
   }
   return selectingCellRange ? ( /*#__PURE__*/React.createElement("div", _objectSpread2(_objectSpread2({
-    className: "fortune-link-modify-modal range-selection-modal",
+    className: "leankylin-link-modify-modal range-selection-modal",
     style: {
       left: position.cellLeft,
       top: position.cellBottom + 5
@@ -1566,17 +1566,17 @@ var LinkEditCard = function LinkEditCard(_ref) {
     setLinkAddress(originAddress);
     setRangeModalVisible(false);
   })))) : ( /*#__PURE__*/React.createElement("div", _objectSpread2({
-    className: "fortune-link-modify-modal",
+    className: "leankylin-link-modify-modal",
     style: {
       left: position.cellLeft + 20,
       top: position.cellBottom
     }
   }, containerEvent), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-link-modify-line"
+    className: "leankylin-link-modify-line"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-link-modify-title"
+    className: "leankylin-link-modify-title"
   }, insertLink.linkText), /*#__PURE__*/React.createElement("input", {
-    className: "fortune-link-modify-input",
+    className: "leankylin-link-modify-input",
     spellCheck: "false",
     autoFocus: true,
     value: linkText,
@@ -1584,11 +1584,11 @@ var LinkEditCard = function LinkEditCard(_ref) {
       return setLinkText(e.target.value);
     }
   })), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-link-modify-line"
+    className: "leankylin-link-modify-line"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-link-modify-title"
+    className: "leankylin-link-modify-title"
   }, insertLink.linkType), /*#__PURE__*/React.createElement("select", {
-    className: "fortune-link-modify-select",
+    className: "leankylin-link-modify-select",
     value: linkType,
     onChange: function onChange(e) {
       if (e.target.value === "sheet") {
@@ -1608,36 +1608,36 @@ var LinkEditCard = function LinkEditCard(_ref) {
       value: type.value
     }, type.text);
   }))), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-link-modify-line"
+    className: "leankylin-link-modify-line"
   }, linkType === "webpage" && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-link-modify-title"
+    className: "leankylin-link-modify-title"
   }, insertLink.linkAddress), /*#__PURE__*/React.createElement("input", {
-    className: "fortune-link-modify-input ".concat(!linkAddress || isLinkAddressValid.isValid ? "" : "error-input"),
+    className: "leankylin-link-modify-input ".concat(!linkAddress || isLinkAddressValid.isValid ? "" : "error-input"),
     spellCheck: "false",
     value: linkAddress,
     onChange: function onChange(e) {
       return setLinkAddress(e.target.value);
     }
   }), tooltip)), linkType === "cellrange" && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-link-modify-title"
+    className: "leankylin-link-modify-title"
   }, insertLink.linkCell), /*#__PURE__*/React.createElement("input", {
-    className: "fortune-link-modify-input ".concat(!linkAddress || isLinkAddressValid.isValid ? "" : "error-input"),
+    className: "leankylin-link-modify-input ".concat(!linkAddress || isLinkAddressValid.isValid ? "" : "error-input"),
     spellCheck: "false",
     value: linkAddress,
     onChange: function onChange(e) {
       return setLinkAddress(e.target.value);
     }
   }), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-link-modify-cell-selector",
+    className: "leankylin-link-modify-cell-selector",
     onClick: function onClick() {
       return setRangeModalVisible(true);
     }
   }, /*#__PURE__*/React.createElement(SVGIcon, {
     name: "border-all"
   })), tooltip)), linkType === "sheet" && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-link-modify-title"
+    className: "leankylin-link-modify-title"
   }, insertLink.linkSheet), /*#__PURE__*/React.createElement("select", {
-    className: "fortune-link-modify-select",
+    className: "leankylin-link-modify-select",
     onChange: function onChange(e) {
       if (!linkText) setLinkText(e.target.value);
       setLinkAddress(e.target.value);
@@ -2315,7 +2315,7 @@ var DataVerification = function DataVerification() {
     });
   }, []);
   return /*#__PURE__*/React.createElement("div", {
-    id: "fortune-data-verification"
+    id: "leankylin-data-verification"
   }, /*#__PURE__*/React.createElement("div", {
     className: "title"
   }, toolbar.dataVerification), /*#__PURE__*/React.createElement("div", {
@@ -3324,9 +3324,9 @@ var SheetOverlay = function SheetOverlay() {
       height: context.luckysheetTableContentHW[1]
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-col-header-wrap"
+    className: "leankylin-col-header-wrap"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-left-top",
+    className: "leankylin-left-top",
     onClick: onLeftTopClick,
     style: {
       width: context.rowHeaderWidth - 1.5,
@@ -3337,14 +3337,14 @@ var SheetOverlay = function SheetOverlay() {
       return containerRef.current;
     }
   })), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-row-body"
+    className: "leankylin-row-body"
   }, /*#__PURE__*/React.createElement(RowHeader, null), /*#__PURE__*/React.createElement(ScrollBar, {
     axis: "x"
   }), /*#__PURE__*/React.createElement(ScrollBar, {
     axis: "y"
   }), /*#__PURE__*/React.createElement("div", {
     ref: refs.cellArea,
-    className: "fortune-cell-area",
+    className: "leankylin-cell-area",
     onMouseDown: cellAreaMouseDown,
     onDoubleClick: cellAreaDoubleClick,
     onContextMenu: cellAreaContextMenu,
@@ -3354,39 +3354,39 @@ var SheetOverlay = function SheetOverlay() {
       cursor: context.luckysheet_cell_selected_extend ? "crosshair" : "default"
     }
   }, /*#__PURE__*/React.createElement("div", {
-    id: "fortune-formula-functionrange"
+    id: "leankylin-formula-functionrange"
   }), context.formulaRangeSelect && ( /*#__PURE__*/React.createElement("div", {
-    className: "fortune-selection-copy fortune-formula-functionrange-select",
+    className: "leankylin-selection-copy leankylin-formula-functionrange-select",
     style: context.formulaRangeSelect
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-selection-copy-top fortune-copy"
+    className: "leankylin-selection-copy-top leankylin-copy"
   }), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-selection-copy-right fortune-copy"
+    className: "leankylin-selection-copy-right leankylin-copy"
   }), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-selection-copy-bottom fortune-copy"
+    className: "leankylin-selection-copy-bottom leankylin-copy"
   }), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-selection-copy-left fortune-copy"
+    className: "leankylin-selection-copy-left leankylin-copy"
   }), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-selection-copy-hc"
+    className: "leankylin-selection-copy-hc"
   }))), context.formulaRangeHighlight.map(function (v) {
     var rangeIndex = v.rangeIndex,
       backgroundColor = v.backgroundColor;
     return /*#__PURE__*/React.createElement("div", {
       key: rangeIndex,
-      id: "fortune-formula-functionrange-highlight",
-      className: "fortune-selection-highlight fortune-formula-functionrange-highlight",
+      id: "leankylin-formula-functionrange-highlight",
+      className: "leankylin-selection-highlight leankylin-formula-functionrange-highlight",
       style: _.omit(v, "backgroundColor")
     }, ["top", "right", "bottom", "left"].map(function (d) {
       return /*#__PURE__*/React.createElement("div", {
         key: d,
         "data-type": d,
-        className: "fortune-selection-copy-".concat(d, " fortune-copy"),
+        className: "leankylin-selection-copy-".concat(d, " leankylin-copy"),
         style: {
           backgroundColor: backgroundColor
         }
       });
     }), /*#__PURE__*/React.createElement("div", {
-      className: "fortune-selection-copy-hc",
+      className: "leankylin-selection-copy-hc",
       style: {
         backgroundColor: backgroundColor
       }
@@ -3394,7 +3394,7 @@ var SheetOverlay = function SheetOverlay() {
       return /*#__PURE__*/React.createElement("div", {
         key: d,
         "data-type": d,
-        className: "fortune-selection-highlight-".concat(d, " luckysheet-highlight"),
+        className: "leankylin-selection-highlight-".concat(d, " luckysheet-highlight"),
         style: {
           backgroundColor: backgroundColor
         }
@@ -3407,10 +3407,10 @@ var SheetOverlay = function SheetOverlay() {
     className: "luckysheet-column-count-show luckysheet-count-show",
     id: "luckysheet-column-count-show"
   }), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-change-size-line",
+    className: "leankylin-change-size-line",
     hidden: !context.luckysheet_cols_change_size && !context.luckysheet_rows_change_size && !context.luckysheet_cols_freeze_drag && !context.luckysheet_rows_freeze_drag
   }), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-freeze-drag-line",
+    className: "leankylin-freeze-drag-line",
     hidden: !context.luckysheet_cols_freeze_drag && !context.luckysheet_rows_freeze_drag
   }), /*#__PURE__*/React.createElement("div", {
     className: "luckysheet-cell-selected-focus",
@@ -3428,7 +3428,7 @@ var SheetOverlay = function SheetOverlay() {
       return e.preventDefault();
     }
   }), ((_context$luckysheet_s3 = (_context$luckysheet_s4 = context.luckysheet_selection_range) === null || _context$luckysheet_s4 === void 0 ? void 0 : _context$luckysheet_s4.length) !== null && _context$luckysheet_s3 !== void 0 ? _context$luckysheet_s3 : 0) > 0 && ( /*#__PURE__*/React.createElement("div", {
-    id: "fortune-selection-copy"
+    id: "leankylin-selection-copy"
   }, context.luckysheet_selection_range.map(function (range) {
     var r1 = range.row[0];
     var r2 = range.row[1];
@@ -3439,7 +3439,7 @@ var SheetOverlay = function SheetOverlay() {
     var col = context.visibledatacolumn[c2];
     var col_pre = c1 - 1 === -1 ? 0 : context.visibledatacolumn[c1 - 1];
     return /*#__PURE__*/React.createElement("div", {
-      className: "fortune-selection-copy",
+      className: "leankylin-selection-copy",
       key: "".concat(r1, "-").concat(r2, "-").concat(c1, "-").concat(c2),
       style: {
         left: col_pre,
@@ -3448,23 +3448,23 @@ var SheetOverlay = function SheetOverlay() {
         height: row - row_pre - 1
       }
     }, /*#__PURE__*/React.createElement("div", {
-      className: "fortune-selection-copy-top fortune-copy"
+      className: "leankylin-selection-copy-top leankylin-copy"
     }), /*#__PURE__*/React.createElement("div", {
-      className: "fortune-selection-copy-right fortune-copy"
+      className: "leankylin-selection-copy-right leankylin-copy"
     }), /*#__PURE__*/React.createElement("div", {
-      className: "fortune-selection-copy-bottom fortune-copy"
+      className: "leankylin-selection-copy-bottom leankylin-copy"
     }), /*#__PURE__*/React.createElement("div", {
-      className: "fortune-selection-copy-left fortune-copy"
+      className: "leankylin-selection-copy-left leankylin-copy"
     }), /*#__PURE__*/React.createElement("div", {
-      className: "fortune-selection-copy-hc"
+      className: "leankylin-selection-copy-hc"
     }));
   }))), /*#__PURE__*/React.createElement("div", {
     id: "luckysheet-chart-rangeShow"
   }), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-cell-selected-extend"
+    className: "leankylin-cell-selected-extend"
   }), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-cell-selected-move",
-    id: "fortune-cell-selected-move",
+    className: "leankylin-cell-selected-move",
+    id: "leankylin-cell-selected-move",
     onMouseDown: function onMouseDown(e) {
       return e.preventDefault();
     }
@@ -3553,7 +3553,7 @@ var SheetOverlay = function SheetOverlay() {
     _.set(usernameStyle, r === 0 ? "top" : "bottom", height);
     return /*#__PURE__*/React.createElement("div", {
       key: (presence === null || presence === void 0 ? void 0 : presence.userId) || index,
-      className: "fortune-presence-selection",
+      className: "leankylin-presence-selection",
       style: {
         left: col_pre,
         top: row_pre - 2,
@@ -3563,7 +3563,7 @@ var SheetOverlay = function SheetOverlay() {
         borderWidth: 1
       }
     }, /*#__PURE__*/React.createElement("div", {
-      className: "fortune-presence-username",
+      className: "leankylin-presence-username",
       style: usernameStyle
     }, presence.username));
   }), ((_context$linkCard = context.linkCard) === null || _context$linkCard === void 0 ? void 0 : _context$linkCard.sheetId) === context.currentSheetId && ( /*#__PURE__*/React.createElement(LinkEditCard, _objectSpread2({}, context.linkCard))), ((_context$rangeDialog = context.rangeDialog) === null || _context$rangeDialog === void 0 ? void 0 : _context$rangeDialog.show) && /*#__PURE__*/React.createElement(RangeDialog, null), /*#__PURE__*/React.createElement(FilterOptions, {
@@ -3639,7 +3639,7 @@ var SheetOverlay = function SheetOverlay() {
       display: context.allowEdit ? "block" : "none"
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-add-row-button",
+    className: "leankylin-add-row-button",
     onClick: function onClick() {
       handleBottomAddRow();
     }
@@ -3660,7 +3660,7 @@ var SheetOverlay = function SheetOverlay() {
       color: "#9c9c9c"
     }
   }, "(", info.addLast, ")"), /*#__PURE__*/React.createElement("span", {
-    className: "fortune-add-row-button",
+    className: "leankylin-add-row-button",
     onClick: function onClick() {
       setContext(function (ctx) {
         ctx.scrollTop = 0;
@@ -3847,7 +3847,7 @@ var Button = function Button(_ref) {
     selected = _ref.selected,
     children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: "fortune-toolbar-button fortune-toolbar-item",
+    className: "leankylin-toolbar-button leankylin-toolbar-item",
     onClick: onClick,
     "data-tips": tooltip,
     role: "button",
@@ -3860,18 +3860,18 @@ var Button = function Button(_ref) {
       opacity: 0.3
     } : {}
   }), tooltip && /*#__PURE__*/React.createElement("div", {
-    className: "fortune-tooltip"
+    className: "leankylin-tooltip"
   }, tooltip), children);
 };
 
 var Divider = function Divider() {
   return /*#__PURE__*/React.createElement("div", {
-    className: "fortune-toolbar-divider fortune-toolbar-item"
+    className: "leankylin-toolbar-divider leankylin-toolbar-item"
   });
 };
 var MenuDivider = function MenuDivider() {
   return /*#__PURE__*/React.createElement("div", {
-    className: "fortune-toolbar-menu-divider"
+    className: "leankylin-toolbar-menu-divider"
   });
 };
 
@@ -3919,12 +3919,12 @@ var Combo = function Combo(_ref) {
     }
   }, [open]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "fortune-toobar-combo-container fortune-toolbar-item"
+    className: "leankylin-toobar-combo-container leankylin-toolbar-item"
   }, /*#__PURE__*/React.createElement("div", {
     ref: buttonRef,
-    className: "fortune-toolbar-combo"
+    className: "leankylin-toolbar-combo"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-toolbar-combo-button",
+    className: "leankylin-toolbar-combo-button",
     onClick: function onClick(e) {
       if (_onClick) _onClick(e);else setOpen(!open);
     },
@@ -3934,9 +3934,9 @@ var Combo = function Combo(_ref) {
   }, iconId ? ( /*#__PURE__*/React.createElement(SVGIcon, {
     name: iconId
   })) : ( /*#__PURE__*/React.createElement("span", {
-    className: "fortune-toolbar-combo-text"
+    className: "leankylin-toolbar-combo-text"
   }, text))), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-toolbar-combo-arrow",
+    className: "leankylin-toolbar-combo-arrow",
     onClick: function onClick() {
       return setOpen(!open);
     },
@@ -3947,10 +3947,10 @@ var Combo = function Combo(_ref) {
     name: "combo-arrow",
     width: 10
   })), tooltip && /*#__PURE__*/React.createElement("div", {
-    className: "fortune-tooltip"
+    className: "leankylin-tooltip"
   }, tooltip)), open && ( /*#__PURE__*/React.createElement("div", {
     ref: popupRef,
-    className: "fortune-toolbar-combo-popup",
+    className: "leankylin-toolbar-combo-popup",
     style: popupPosition
   }, children === null || children === void 0 ? void 0 : children(setOpen))));
 };
@@ -3959,7 +3959,7 @@ var Select = function Select(_ref) {
   var children = _ref.children,
     style = _ref.style;
   return /*#__PURE__*/React.createElement("div", {
-    className: "fortune-toolbar-select",
+    className: "leankylin-toolbar-select",
     style: style
   }, children);
 };
@@ -3971,7 +3971,7 @@ var Option = function Option(_ref2) {
     _onMouseEnter = _ref2.onMouseEnter;
   return /*#__PURE__*/React.createElement("div", {
     onClick: onClick,
-    className: "fortune-toolbar-select-option",
+    className: "leankylin-toolbar-select-option",
     onMouseLeave: function onMouseLeave(e) {
       return _onMouseLeave === null || _onMouseLeave === void 0 ? void 0 : _onMouseLeave(e);
     },
@@ -4168,12 +4168,12 @@ var FormulaSearch$1 = function FormulaSearch(_ref) {
       }
     }, /*#__PURE__*/React.createElement("div", null, v.n), /*#__PURE__*/React.createElement("div", null, v.a));
   }))), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-dialog-box-button-container"
+    className: "leankylin-dialog-box-button-container"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-message-box-button button-primary",
+    className: "leankylin-message-box-button button-primary",
     onClick: onConfirm
   }, button.confirm), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-message-box-button button-default",
+    className: "leankylin-message-box-button button-default",
     onClick: onCancel
   }, button.cancel)));
 };
@@ -4240,7 +4240,7 @@ var SplitColumn = function SplitColumn() {
     });
   }, [context, splitOperate]);
   return /*#__PURE__*/React.createElement("div", {
-    id: "fortune-split-column"
+    id: "leankylin-split-column"
   }, /*#__PURE__*/React.createElement("div", {
     className: "title"
   }, splitText.splitTextTitle), /*#__PURE__*/React.createElement("div", {
@@ -4427,7 +4427,7 @@ var LocationCondition = function LocationCondition() {
     return conditionType === currentType;
   }, [conditionType]);
   return /*#__PURE__*/React.createElement("div", {
-    id: "fortune-location-condition"
+    id: "leankylin-location-condition"
   }, /*#__PURE__*/React.createElement("div", {
     className: "title"
   }, findAndReplace.location), /*#__PURE__*/React.createElement("div", {
@@ -4539,7 +4539,7 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
     conditionformat = _locale.conditionformat;
   var showSubMenu = useCallback(function (e) {
     var target = e.target;
-    var menuItem = target.className === "fortune-toolbar-menu-line" ? target.parentElement : target;
+    var menuItem = target.className === "leankylin-toolbar-menu-line" ? target.parentElement : target;
     var menuItemRect = menuItem.getBoundingClientRect();
     var workbookContainerRect = refs.workbookContainer.current.getBoundingClientRect();
     var subMenu = menuItem.querySelector(".condition-format-sub-menu");
@@ -4576,7 +4576,7 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
         onMouseEnter: showSubMenu,
         onMouseLeave: hideSubMenu
       }, /*#__PURE__*/React.createElement("div", {
-        className: "fortune-toolbar-menu-line",
+        className: "leankylin-toolbar-menu-line",
         key: "div".concat(name)
       }, conditionformat[name], /*#__PURE__*/React.createElement(SVGIcon, {
         name: "rightArrow",
@@ -4627,7 +4627,7 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
         onMouseEnter: showSubMenu,
         onMouseLeave: hideSubMenu
       }, /*#__PURE__*/React.createElement("div", {
-        className: "fortune-toolbar-menu-line"
+        className: "leankylin-toolbar-menu-line"
       }, conditionformat[name], /*#__PURE__*/React.createElement(SVGIcon, {
         name: "rightArrow",
         width: 18
@@ -4670,7 +4670,7 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
     }
     if (name === "dataBar") {
       return /*#__PURE__*/React.createElement("div", {
-        className: "fortune-toolbar-menu-line",
+        className: "leankylin-toolbar-menu-line",
         key: "div".concat(name)
       }, conditionformat[name], /*#__PURE__*/React.createElement(SVGIcon, {
         name: "rightArrow",
@@ -4679,7 +4679,7 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
     }
     if (name === "colorGradation") {
       return /*#__PURE__*/React.createElement("div", {
-        className: "fortune-toolbar-menu-line",
+        className: "leankylin-toolbar-menu-line",
         key: "div".concat(name)
       }, conditionformat[name], /*#__PURE__*/React.createElement(SVGIcon, {
         name: "rightArrow",
@@ -4688,13 +4688,13 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
     }
     if (name === "icons") {
       return /*#__PURE__*/React.createElement("div", {
-        className: "fortune-toolbar-menu-line",
+        className: "leankylin-toolbar-menu-line",
         key: "div".concat(name)
       }, conditionformat[name]);
     }
     if (name === "newFormatRule") {
       return /*#__PURE__*/React.createElement("div", {
-        className: "fortune-toolbar-menu-line",
+        className: "leankylin-toolbar-menu-line",
         key: "div".concat(name)
       }, conditionformat[name]);
     }
@@ -4704,7 +4704,7 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
         onMouseEnter: showSubMenu,
         onMouseLeave: hideSubMenu
       }, /*#__PURE__*/React.createElement("div", {
-        className: "fortune-toolbar-menu-line"
+        className: "leankylin-toolbar-menu-line"
       }, conditionformat[name], /*#__PURE__*/React.createElement(SVGIcon, {
         name: "rightArrow",
         width: 18
@@ -4731,7 +4731,7 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
     }
     if (name === "manageRules") {
       return /*#__PURE__*/React.createElement("div", {
-        className: "fortune-toolbar-menu-line",
+        className: "leankylin-toolbar-menu-line",
         key: "div".concat(name)
       }, conditionformat[name]);
     }
@@ -4795,7 +4795,7 @@ var CustomButton = function CustomButton(_ref) {
     iconName = _ref.iconName,
     icon = _ref.icon;
   return /*#__PURE__*/React.createElement("div", {
-    className: "fortune-toolbar-button fortune-toolbar-item",
+    className: "leankylin-toolbar-button leankylin-toolbar-item",
     onClick: onClick,
     "data-tips": tooltip,
     role: "button",
@@ -4806,7 +4806,7 @@ var CustomButton = function CustomButton(_ref) {
     iconName: iconName,
     content: icon
   }), tooltip && /*#__PURE__*/React.createElement("div", {
-    className: "fortune-tooltip"
+    className: "leankylin-tooltip"
   }, tooltip), children);
 };
 
@@ -4814,15 +4814,15 @@ var palette = [["#000000", "#444444", "#666666", "#999999", "#cccccc", "#eeeeee"
 var ColorPicker = function ColorPicker(_ref) {
   var onPick = _ref.onPick;
   return /*#__PURE__*/React.createElement("div", {
-    className: "fortune-toolbar-color-picker"
+    className: "leankylin-toolbar-color-picker"
   }, palette.map(function (rows, i) {
     return /*#__PURE__*/React.createElement("div", {
       key: i,
-      className: "fortune-toolbar-color-picker-row"
+      className: "leankylin-toolbar-color-picker-row"
     }, rows.map(function (c) {
       return /*#__PURE__*/React.createElement("div", {
         key: c,
-        className: "fortune-toolbar-color-picker-item",
+        className: "leankylin-toolbar-color-picker-item",
         onClick: function onClick() {
           return onPick(c);
         },
@@ -4848,7 +4848,7 @@ var CustomColor = function CustomColor(_ref) {
     inputColor = _useState2[0],
     setInputColor = _useState2[1];
   return /*#__PURE__*/React.createElement("div", {
-    id: "fortune-custom-color"
+    id: "leankylin-custom-color"
   }, /*#__PURE__*/React.createElement("div", {
     className: "color-reset",
     onClick: function onClick() {
@@ -4959,7 +4959,7 @@ var CustomBorder = function CustomBorder(_ref) {
   var showBorderSubMenu = useCallback(function (e) {
     var target = e.target;
     var menuItemRect = target.getBoundingClientRect();
-    var subMenuItem = target.querySelector(".fortune-border-select-menu");
+    var subMenuItem = target.querySelector(".leankylin-border-select-menu");
     if (_.isNil(subMenuItem)) return;
     subMenuItem.style.display = "block";
     var workbookContainerRect = refs.workbookContainer.current.getBoundingClientRect();
@@ -4978,7 +4978,7 @@ var CustomBorder = function CustomBorder(_ref) {
     setPreviewdasharray(dasharray);
   }, []);
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-border-select-option",
+    className: "leankylin-border-select-option",
     key: "borderColor",
     onMouseEnter: function onMouseEnter(e) {
       showBorderSubMenu(e);
@@ -4987,7 +4987,7 @@ var CustomBorder = function CustomBorder(_ref) {
       hideBorderSubMenu();
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-toolbar-menu-line"
+    className: "leankylin-toolbar-menu-line"
   }, border.borderColor, /*#__PURE__*/React.createElement(SVGIcon, {
     name: "rightArrow",
     style: {
@@ -4995,13 +4995,13 @@ var CustomBorder = function CustomBorder(_ref) {
     }
   })), /*#__PURE__*/React.createElement("div", {
     ref: colorPreviewRef,
-    className: "fortune-border-color-preview",
+    className: "leankylin-border-color-preview",
     style: {
       backgroundColor: changeColor
     }
   }), /*#__PURE__*/React.createElement("div", {
     ref: colorRef,
-    className: "fortune-border-select-menu",
+    className: "leankylin-border-select-menu",
     style: {
       display: "none",
       width: "166px"
@@ -5017,7 +5017,7 @@ var CustomBorder = function CustomBorder(_ref) {
       setchangeColor(color);
     }
   }))), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-border-select-option",
+    className: "leankylin-border-select-option",
     key: "borderStyle",
     onMouseEnter: function onMouseEnter(e) {
       showBorderSubMenu(e);
@@ -5026,14 +5026,14 @@ var CustomBorder = function CustomBorder(_ref) {
       hideBorderSubMenu();
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-toolbar-menu-line"
+    className: "leankylin-toolbar-menu-line"
   }, border.borderStyle, /*#__PURE__*/React.createElement(SVGIcon, {
     name: "rightArrow",
     style: {
       width: "14px"
     }
   })), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-border-style-preview"
+    className: "leankylin-border-style-preview"
   }, /*#__PURE__*/React.createElement("svg", {
     width: "90"
   }, /*#__PURE__*/React.createElement("g", {
@@ -5045,23 +5045,23 @@ var CustomBorder = function CustomBorder(_ref) {
     d: "M0 0 l90 0"
   })))), /*#__PURE__*/React.createElement("div", {
     ref: styleRef,
-    className: "fortune-border-select-menu fortune-toolbar-select",
+    className: "leankylin-border-select-menu leankylin-toolbar-select",
     style: {
       display: "none",
       width: "110px"
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-border-style-picker-menu fortune-border-style-reset",
+    className: "leankylin-border-style-picker-menu leankylin-border-style-reset",
     onClick: function onClick() {
       onPick(changeColor, "1");
       changePreviewStyle("1", "1,0");
     }
   }, border.borderDefault), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-boder-style-picker"
+    className: "leankylin-boder-style-picker"
   }, size.map(function (items, i) {
     return /*#__PURE__*/React.createElement("div", {
       key: i,
-      className: "fortune-border-style-picker-menu",
+      className: "leankylin-border-style-picker-menu",
       onClick: function onClick() {
         onPick(changeColor, items.Text);
         setchangeStyle(items.Text);
@@ -5187,17 +5187,17 @@ var FormatSearch = function FormatSearch(_ref) {
       }
     }, /*#__PURE__*/React.createElement("div", null, v.name), /*#__PURE__*/React.createElement("div", null, v.value));
   }))), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-dialog-box-button-container",
+    className: "leankylin-dialog-box-button-container",
     style: type === "currency" ? {
       marginTop: 40
     } : {
       marginTop: 30
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-message-box-button button-primary",
+    className: "leankylin-message-box-button button-primary",
     onClick: onConfirm
   }, button.confirm), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-message-box-button button-default",
+    className: "leankylin-message-box-button button-default",
     onClick: onCancel
   }, button.cancel)));
 };
@@ -5261,7 +5261,7 @@ var Toolbar = function Toolbar(_ref) {
     setcustomStyle = _useState8[1];
   var showSubMenu = useCallback(function (e, className) {
     var target = e.target;
-    var menuItem = target.className === "fortune-toolbar-menu-line" ? target.parentElement : target;
+    var menuItem = target.className === "leankylin-toolbar-menu-line" ? target.parentElement : target;
     var menuItemRect = menuItem.getBoundingClientRect();
     var workbookContainerRect = refs.workbookContainer.current.getBoundingClientRect();
     var subMenu = menuItem.querySelector(".".concat(className));
@@ -5293,7 +5293,7 @@ var Toolbar = function Toolbar(_ref) {
     if (toolbarWrapIndex === -1) {
       var container = containerRef.current;
       if (!container) return;
-      var items = container.querySelectorAll(".fortune-toolbar-item");
+      var items = container.querySelectorAll(".leankylin-toolbar-item");
       if (!items) return;
       var locations = [];
       var containerRect = container.getBoundingClientRect();
@@ -5411,12 +5411,12 @@ var Toolbar = function Toolbar(_ref) {
                 return hideSubMenu(e, "more-format");
               }
             }, /*#__PURE__*/React.createElement("div", {
-              className: "fortune-toolbar-menu-line"
+              className: "leankylin-toolbar-menu-line"
             }, /*#__PURE__*/React.createElement("div", null, text), /*#__PURE__*/React.createElement(SVGIcon, {
               name: "rightArrow",
               width: 14
             })), /*#__PURE__*/React.createElement("div", {
-              className: "more-format toolbar-item-sub-menu fortune-toolbar-select",
+              className: "more-format toolbar-item-sub-menu leankylin-toolbar-select",
               style: {
                 display: "none",
                 width: 150,
@@ -5434,7 +5434,7 @@ var Toolbar = function Toolbar(_ref) {
               }
             }].map(function (v) {
               return /*#__PURE__*/React.createElement("div", {
-                className: "set-background-item fortune-toolbar-select-option",
+                className: "set-background-item leankylin-toolbar-select-option",
                 key: v.text,
                 onClick: function onClick() {
                   v.onclick();
@@ -5454,9 +5454,9 @@ var Toolbar = function Toolbar(_ref) {
               });
             }
           }, /*#__PURE__*/React.createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, /*#__PURE__*/React.createElement("div", null, text), /*#__PURE__*/React.createElement("div", {
-            className: "fortune-toolbar-subtext"
+            className: "leankylin-toolbar-subtext"
           }, example)));
         }));
       });
@@ -5544,7 +5544,7 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React.createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, text, /*#__PURE__*/React.createElement(SVGIcon, {
             name: title
           })));
@@ -5585,7 +5585,7 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React.createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, text, /*#__PURE__*/React.createElement(SVGIcon, {
             name: title
           })));
@@ -5771,7 +5771,7 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React.createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, text));
         }));
       });
@@ -5799,7 +5799,7 @@ var Toolbar = function Toolbar(_ref) {
           showImgChooser();
         }
       }, /*#__PURE__*/React.createElement("input", {
-        id: "fortune-img-upload",
+        id: "leankylin-img-upload",
         type: "file",
         accept: "image/*",
         style: {
@@ -5935,9 +5935,9 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React.createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, /*#__PURE__*/React.createElement("div", null, text), /*#__PURE__*/React.createElement("div", {
-            className: "fortune-toolbar-subtext"
+            className: "leankylin-toolbar-subtext"
           }, value)));
         }), /*#__PURE__*/React.createElement(MenuDivider, null), /*#__PURE__*/React.createElement(Option, {
           key: "formula",
@@ -5987,7 +5987,7 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React.createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, /*#__PURE__*/React.createElement(SVGIcon, {
             name: value,
             style: {
@@ -6064,7 +6064,7 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React.createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, text, /*#__PURE__*/React.createElement(SVGIcon, {
             name: value
           })))) : ( /*#__PURE__*/React.createElement(MenuDivider, {
@@ -6114,7 +6114,7 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React.createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, text, /*#__PURE__*/React.createElement(SVGIcon, {
             name: value
           })));
@@ -6159,7 +6159,7 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React.createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, text, /*#__PURE__*/React.createElement(SVGIcon, {
             name: iconId
           })));
@@ -6216,7 +6216,7 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React.createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, text, /*#__PURE__*/React.createElement(SVGIcon, {
             name: iconId
           })));
@@ -6281,7 +6281,7 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React.createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, text, /*#__PURE__*/React.createElement(SVGIcon, {
             name: iconId
           })))) : ( /*#__PURE__*/React.createElement(MenuDivider, {
@@ -6305,7 +6305,7 @@ var Toolbar = function Toolbar(_ref) {
   }, [toolbar, cell, setContext, refs.cellInput, refs.fxInput, refs.globalCache, defaultFmt, align, handleUndo, handleRedo, flowdata, formula, showDialog, hideDialog, merge, border, freezen, screenshot, sort, textWrap, rotation, filter, splitText, findAndReplace, context.luckysheet_select_save, context.defaultFontSize, context.allowEdit, comment, fontarray, hideSubMenu, showSubMenu, refs.canvas, customColor, customStyle, toolbarFormat.moreCurrency]);
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
-    className: "fortune-toolbar"
+    className: "leankylin-toolbar"
   }, settings.customToolbarItems.map(function (n) {
     return /*#__PURE__*/React.createElement(CustomButton, {
       tooltip: n.tooltip,
@@ -6350,9 +6350,9 @@ var LocationBox = function LocationBox() {
     return getRangetxt(context, context.currentSheetId, lastSelection);
   }, [context.currentSheetId, context.luckysheet_select_save]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "fortune-name-box-container"
+    className: "leankylin-name-box-container"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-name-box",
+    className: "leankylin-name-box",
     tabIndex: 0,
     dir: "ltr",
     "aria-autocomplete": "list"
@@ -6364,7 +6364,8 @@ var FxEditor = function FxEditor() {
   var _useContext = useContext(WorkbookContext),
     context = _useContext.context,
     setContext = _useContext.setContext,
-    refs = _useContext.refs;
+    refs = _useContext.refs,
+    settings = _useContext.settings;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     focused = _useState2[0],
@@ -6496,21 +6497,21 @@ var FxEditor = function FxEditor() {
     return true;
   }, [context.config, context.luckysheet_select_save, context.luckysheetfile, context.currentSheetId, isHidenRC]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "fortune-fx-editor"
+    className: "leankylin-fx-editor"
   }, /*#__PURE__*/React.createElement(LocationBox, null), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-fx-icon"
+    className: "leankylin-fx-icon"
   }, /*#__PURE__*/React.createElement(SVGIcon, {
     name: "fx",
     width: 18,
     height: 18
   })), /*#__PURE__*/React.createElement("div", {
     ref: inputContainerRef,
-    className: "fortune-fx-input-container"
+    className: "leankylin-fx-input-container"
   }, /*#__PURE__*/React.createElement(ContentEditable, {
     innerRef: function innerRef(e) {
       refs.fxInput.current = e;
     },
-    className: "fortune-fx-input",
+    className: "leankylin-fx-input",
     id: "luckysheet-functionbox-cell",
     "aria-autocomplete": "list",
     onFocus: onFocus,
@@ -6521,7 +6522,7 @@ var FxEditor = function FxEditor() {
     },
     tabIndex: 0,
     allowEdit: allowEdit
-  }), focused && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormulaSearch, {
+  }), settings === null || settings === void 0 ? void 0 : settings.fxContainer, focused && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormulaSearch, {
     style: {
       top: inputContainerRef.current.clientHeight
     }
@@ -6813,9 +6814,9 @@ var ZoomControl = function ZoomControl() {
     });
   }, [setContext]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "fortune-zoom-container"
+    className: "leankylin-zoom-container"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-zoom-button",
+    className: "leankylin-zoom-button",
     onClick: function onClick(e) {
       zoomTo(context.zoomRatio - 0.1);
       e.stopPropagation();
@@ -6825,28 +6826,28 @@ var ZoomControl = function ZoomControl() {
     width: 16,
     height: 16
   })), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-zoom-ratio"
+    className: "leankylin-zoom-ratio"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-zoom-ratio-current fortune-zoom-button",
+    className: "leankylin-zoom-ratio-current leankylin-zoom-button",
     onClick: function onClick() {
       return setRadioMenuOpen(true);
     }
   }, (context.zoomRatio * 100).toFixed(0), "%"), radioMenuOpen && ( /*#__PURE__*/React.createElement("div", {
-    className: "fortune-zoom-ratio-menu",
+    className: "leankylin-zoom-ratio-menu",
     ref: menuRef
   }, presets.map(function (v) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "fortune-zoom-ratio-item",
+      className: "leankylin-zoom-ratio-item",
       key: v.text,
       onClick: function onClick(e) {
         zoomTo(v.value);
         e.preventDefault();
       }
     }, /*#__PURE__*/React.createElement("div", {
-      className: "fortune-zoom-ratio-text"
+      className: "leankylin-zoom-ratio-text"
     }, v.text));
   })))), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-zoom-button",
+    className: "leankylin-zoom-button",
     onClick: function onClick(e) {
       zoomTo(context.zoomRatio + 0.1);
       e.stopPropagation();
@@ -6991,7 +6992,7 @@ var SheetTab = function SheetTab() {
 
 var Divider$1 = function Divider() {
   return /*#__PURE__*/React.createElement("div", {
-    className: "fortune-context-menu-divider"
+    className: "leankylin-context-menu-divider"
   });
 };
 
@@ -7081,17 +7082,17 @@ var CustomSort = function CustomSort() {
     setRangeColChar(list);
   }, [col_end, col_start, context.luckysheetfile, isTitleChange, row_start, sheetIndex, sort.columnOperation]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "fortune-sort"
+    className: "leankylin-sort"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-sort-title"
+    className: "leankylin-sort-title"
   }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, sort.sortRangeTitle), indexToColumnChar(col_start), row_start + 1, /*#__PURE__*/React.createElement("span", null, sort.sortRangeTitleTo), indexToColumnChar(col_end), row_end + 1)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-sort-modal"
+    className: "leankylin-sort-modal"
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
-    id: "fortune-sort-haveheader",
+    id: "leankylin-sort-haveheader",
     onChange: handleTitleChange
   }), /*#__PURE__*/React.createElement("span", null, sort.hasTitle)), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-sort-tablec"
+    className: "leankylin-sort-tablec"
   }, /*#__PURE__*/React.createElement("table", {
     cellSpacing: "0"
   }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
@@ -7118,7 +7119,7 @@ var CustomSort = function CustomSort() {
     name: "sort_0",
     onChange: handleRadioChange
   }), /*#__PURE__*/React.createElement("span", null, sort.desc))))))))), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-sort-button"
+    className: "leankylin-sort-button"
   }, /*#__PURE__*/React.createElement("div", {
     className: "button-basic button-primary",
     onClick: function onClick() {
@@ -7644,7 +7645,7 @@ var ContextMenu = function ContextMenu() {
   }, [contextMenu.x, contextMenu.y, setContext]);
   if (_.isEmpty(context.contextMenu)) return null;
   return /*#__PURE__*/React.createElement("div", {
-    className: "fortune-context-menu luckysheet-cols-menu",
+    className: "leankylin-context-menu luckysheet-cols-menu",
     ref: containerRef,
     onContextMenu: function onContextMenu(e) {
       return e.stopPropagation();
@@ -9081,7 +9082,7 @@ var ChangeColor = function ChangeColor(_ref) {
     });
   }, [selectColor, setContext]);
   return /*#__PURE__*/React.createElement("div", {
-    id: "fortune-change-color"
+    id: "leankylin-change-color"
   }, /*#__PURE__*/React.createElement("div", {
     className: "color-reset",
     onClick: function onClick() {
@@ -9213,7 +9214,7 @@ var SheetTabContextMenu = function SheetTabContextMenu() {
   }, [context.allowEdit, setContext, sheet === null || sheet === void 0 ? void 0 : sheet.id]);
   if (!sheet || x == null || y == null) return null;
   return /*#__PURE__*/React.createElement("div", {
-    className: "fortune-context-menu luckysheet-cols-menu",
+    className: "leankylin-context-menu luckysheet-cols-menu",
     onContextMenu: function onContextMenu(e) {
       return e.stopPropagation();
     },
@@ -9338,7 +9339,7 @@ var MoreItemsContaier = function MoreItemsContaier(_ref) {
   }, [containerRef, onClose]);
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
-    className: "fortune-toolbar-more-container"
+    className: "leankylin-toolbar-more-container"
   }, children);
 };
 
@@ -9936,7 +9937,7 @@ var FilterMenu = function FilterMenu() {
   }, [col, endRow, startRow]);
   if (filterContextMenu == null) return null;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-context-menu luckysheet-cols-menu fortune-filter-menu",
+    className: "leankylin-context-menu luckysheet-cols-menu leankylin-filter-menu",
     id: "luckysheet-\\${menuid}-menu",
     ref: containerRef,
     style: {
@@ -10027,15 +10028,15 @@ var FilterMenu = function FilterMenu() {
       }), filter.filterByValues), /*#__PURE__*/React.createElement("div", {
         className: "luckysheet-filter-byvalue"
       }, /*#__PURE__*/React.createElement("div", {
-        className: "fortune-menuitem-row byvalue-btn-row"
+        className: "leankylin-menuitem-row byvalue-btn-row"
       }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-        className: "fortune-byvalue-btn",
+        className: "leankylin-byvalue-btn",
         onClick: selectAll
       }, filter.filterValueByAllBtn), " - ", /*#__PURE__*/React.createElement("span", {
-        className: "fortune-byvalue-btn",
+        className: "leankylin-byvalue-btn",
         onClick: clearAll
       }, filter.filterValueByClearBtn), " - ", /*#__PURE__*/React.createElement("span", {
-        className: "fortune-byvalue-btn",
+        className: "leankylin-byvalue-btn",
         onClick: inverseSelect
       }, filter.filterValueByInverseBtn)), /*#__PURE__*/React.createElement("div", {
         className: "byvalue-filter-icon"
@@ -10112,7 +10113,7 @@ var FilterMenu = function FilterMenu() {
     }
     return null;
   }), /*#__PURE__*/React.createElement(Divider$1, null), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-menuitem-row"
+    className: "leankylin-menuitem-row"
   }, /*#__PURE__*/React.createElement("div", {
     className: "button-basic button-primary",
     onClick: function onClick() {
@@ -10294,7 +10295,7 @@ var SheetList = function SheetList() {
   }, [setContext]);
   useOutsideClick(containerRef, close, [close]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "fortune-context-menu luckysheet-cols-menu leankylin-sheet-list",
+    className: "leankylin-context-menu luckysheet-cols-menu leankylin-sheet-list",
     ref: containerRef
   }, _.sortBy(context.luckysheetfile, function (s) {
     return Number(s.order);
@@ -10796,11 +10797,11 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(WorkbookContext.Provider, {
     value: providerValue
   }, /*#__PURE__*/React.createElement(ModalProvider, null, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-container",
+    className: "leankylin-container",
     ref: workbookContainer,
     onKeyDown: onKeyDown
   }, /*#__PURE__*/React.createElement(SVGDefines, null), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-workarea"
+    className: "leankylin-workarea"
   }, mergedSettings.showToolbar && ( /*#__PURE__*/React.createElement(Toolbar, {
     moreItemsOpen: moreToolbarItems !== null,
     setMoreItems: setMoreToolbarItems
@@ -10826,9 +10827,9 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       e.preventDefault();
       e.stopPropagation();
     },
-    className: "fortune-popover-backdrop"
+    className: "leankylin-popover-backdrop"
   })), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-stat-area"
+    className: "leankylin-stat-area"
   }, /*#__PURE__*/React.createElement("div", {
     className: "luckysheet-sheet-selection-calInfo"
   }, !!calInfo.count && ( /*#__PURE__*/React.createElement("div", {