npm - @leankylin-sheet/react - Versions diffs - 1.0.1 → 1.1.0 - Mend

@leankylin-sheet/react 1.0.1 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/index.js CHANGED Viewed

@@ -350,7 +350,7 @@ var ColumnHeader = function ColumnHeader() {
   }, [context.scrollLeft]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     ref: containerRef,
-    className: "fortune-col-header",
+    className: "leankylin-col-header",
     style: {
       height: context.columnHeaderHeight - 1.5
     },
@@ -359,22 +359,22 @@ var ColumnHeader = function ColumnHeader() {
     onMouseLeave: onMouseLeave,
     onContextMenu: onContextMenu
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-cols-freeze-handle",
+    className: "leankylin-cols-freeze-handle",
     onMouseDown: onColFreezeHandleMouseDown,
     style: {
       left: freezeHandleLeft
     }
   }), /*#__PURE__*/React__default['default'].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__default['default'].createElement("div", {
-    className: "fortune-col-header-hover",
+    className: "leankylin-col-header-hover",
     style: ___default['default'].assign({
       left: hoverLocation.col_pre,
       width: hoverLocation.col - hoverLocation.col_pre - 1,
@@ -401,7 +401,7 @@ var ColumnHeader = function ColumnHeader() {
       c1 = _ref.c1,
       c2 = _ref.c2;
     return /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "fortune-col-header-selected",
+      className: "leankylin-col-header-selected",
       key: i,
       style: ___default['default'].assign({
         left: col_pre,
@@ -551,7 +551,7 @@ var RowHeader = function RowHeader() {
   }, [context.scrollTop]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     ref: containerRef,
-    className: "fortune-row-header",
+    className: "leankylin-row-header",
     style: {
       width: context.rowHeaderWidth - 1.5,
       height: context.cellmainHeight
@@ -561,13 +561,13 @@ var RowHeader = function RowHeader() {
     onMouseLeave: onMouseLeave,
     onContextMenu: onContextMenu
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-rows-freeze-handle",
+    className: "leankylin-rows-freeze-handle",
     onMouseDown: onRowFreezeHandleMouseDown,
     style: {
       top: freezeHandleTop
     }
   }), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-rows-change-size",
+    className: "leankylin-rows-change-size",
     ref: rowChangeSizeRef,
     onMouseDown: onRowSizeHandleMouseDown,
     style: {
@@ -575,7 +575,7 @@ var RowHeader = function RowHeader() {
       opacity: context.luckysheet_rows_change_size ? 1 : 0
     }
   }), !context.luckysheet_rows_change_size && hoverLocation.row_index >= 0 ? ( /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-row-header-hover",
+    className: "leankylin-row-header-hover",
     style: ___default['default'].assign({
       top: hoverLocation.row_pre,
       height: hoverLocation.row - hoverLocation.row_pre - 1,
@@ -588,7 +588,7 @@ var RowHeader = function RowHeader() {
       r1 = _ref.r1,
       r2 = _ref.r2;
     return /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "fortune-row-header-selected",
+      className: "leankylin-row-header-selected",
       key: i,
       style: ___default['default'].assign({
         top: row_pre,
@@ -1030,12 +1030,12 @@ var Dialog = function Dialog(_ref) {
   var _locale = core.locale(context),
     button = _locale.button;
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-dialog",
+    className: "leankylin-dialog",
     style: containerStyle
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-modal-dialog-header"
+    className: "leankylin-modal-dialog-header"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-modal-dialog-icon-close",
+    className: "leankylin-modal-dialog-icon-close",
     onClick: onCancel
   }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
     name: "close",
@@ -1044,18 +1044,18 @@ var Dialog = function Dialog(_ref) {
       cursor: "pointer"
     }
   }))), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-dialog-box-content",
+    className: "leankylin-dialog-box-content",
     style: contentStyle
   }, children), type != null && ( /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-dialog-box-button-container"
+    className: "leankylin-dialog-box-button-container"
   }, type === "ok" ? ( /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-message-box-button button-default",
+    className: "leankylin-message-box-button button-default",
     onClick: onOk
   }, button.confirm)) : ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-message-box-button button-primary",
+    className: "leankylin-message-box-button button-primary",
     onClick: onOk
   }, button.confirm), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-message-box-button button-default",
+    className: "leankylin-message-box-button button-default",
     onClick: onCancel
   }, button.cancel))))));
 };
@@ -1120,7 +1120,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)));
 };
@@ -1203,8 +1203,8 @@ var SearchReplace = function SearchReplace(_ref) {
     };
   }, []);
   return /*#__PURE__*/React__default['default'].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() {
       ___default['default'].set(refs.globalCache, "searchDialog.mouseEnter", true);
@@ -1223,7 +1223,7 @@ var SearchReplace = function SearchReplace(_ref) {
       return e.stopPropagation();
     }
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "icon-close fortune-modal-dialog-icon-close",
+    className: "icon-close leankylin-modal-dialog-icon-close",
     onClick: closeDialog
   }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
     name: "close",
@@ -1305,7 +1305,7 @@ var SearchReplace = function SearchReplace(_ref) {
     className: "btnBox"
   }, showReplace && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].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);
@@ -1315,7 +1315,7 @@ var SearchReplace = function SearchReplace(_ref) {
     }
   }, findAndReplace.allReplaceBtn), /*#__PURE__*/React__default['default'].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);
@@ -1327,7 +1327,7 @@ var SearchReplace = function SearchReplace(_ref) {
     }
   }, findAndReplace.replaceBtn))), /*#__PURE__*/React__default['default'].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);
@@ -1339,7 +1339,7 @@ var SearchReplace = function SearchReplace(_ref) {
     }
   }, findAndReplace.allFindBtn), /*#__PURE__*/React__default['default'].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([]);
@@ -1348,7 +1348,7 @@ var SearchReplace = function SearchReplace(_ref) {
       });
     }
   }, findAndReplace.findBtn))), /*#__PURE__*/React__default['default'].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__default['default'].createElement("div", {
     id: "searchAllbox"
@@ -1469,7 +1469,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
   }, [button]);
   var renderToolbarButton = React.useCallback(function (iconId, onClick) {
     return /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "fortune-toolbar-button",
+      className: "leankylin-toolbar-button",
       onClick: onClick
     }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
       name: iconId,
@@ -1506,7 +1506,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
@@ -1541,7 +1541,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
     }));
   }
   return selectingCellRange ? ( /*#__PURE__*/React__default['default'].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
@@ -1576,17 +1576,17 @@ var LinkEditCard = function LinkEditCard(_ref) {
     setLinkAddress(originAddress);
     setRangeModalVisible(false);
   })))) : ( /*#__PURE__*/React__default['default'].createElement("div", _objectSpread2({
-    className: "fortune-link-modify-modal",
+    className: "leankylin-link-modify-modal",
     style: {
       left: position.cellLeft + 20,
       top: position.cellBottom
     }
   }, containerEvent), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-link-modify-line"
+    className: "leankylin-link-modify-line"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-link-modify-title"
+    className: "leankylin-link-modify-title"
   }, insertLink.linkText), /*#__PURE__*/React__default['default'].createElement("input", {
-    className: "fortune-link-modify-input",
+    className: "leankylin-link-modify-input",
     spellCheck: "false",
     autoFocus: true,
     value: linkText,
@@ -1594,11 +1594,11 @@ var LinkEditCard = function LinkEditCard(_ref) {
       return setLinkText(e.target.value);
     }
   })), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-link-modify-line"
+    className: "leankylin-link-modify-line"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-link-modify-title"
+    className: "leankylin-link-modify-title"
   }, insertLink.linkType), /*#__PURE__*/React__default['default'].createElement("select", {
-    className: "fortune-link-modify-select",
+    className: "leankylin-link-modify-select",
     value: linkType,
     onChange: function onChange(e) {
       if (e.target.value === "sheet") {
@@ -1618,36 +1618,36 @@ var LinkEditCard = function LinkEditCard(_ref) {
       value: type.value
     }, type.text);
   }))), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-link-modify-line"
+    className: "leankylin-link-modify-line"
   }, linkType === "webpage" && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-link-modify-title"
+    className: "leankylin-link-modify-title"
   }, insertLink.linkAddress), /*#__PURE__*/React__default['default'].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__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-link-modify-title"
+    className: "leankylin-link-modify-title"
   }, insertLink.linkCell), /*#__PURE__*/React__default['default'].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__default['default'].createElement("div", {
-    className: "fortune-link-modify-cell-selector",
+    className: "leankylin-link-modify-cell-selector",
     onClick: function onClick() {
       return setRangeModalVisible(true);
     }
   }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
     name: "border-all"
   })), tooltip)), linkType === "sheet" && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-link-modify-title"
+    className: "leankylin-link-modify-title"
   }, insertLink.linkSheet), /*#__PURE__*/React__default['default'].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);
@@ -2325,7 +2325,7 @@ var DataVerification = function DataVerification() {
     });
   }, []);
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    id: "fortune-data-verification"
+    id: "leankylin-data-verification"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "title"
   }, toolbar.dataVerification), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -3334,9 +3334,9 @@ var SheetOverlay = function SheetOverlay() {
       height: context.luckysheetTableContentHW[1]
     }
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-col-header-wrap"
+    className: "leankylin-col-header-wrap"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-left-top",
+    className: "leankylin-left-top",
     onClick: onLeftTopClick,
     style: {
       width: context.rowHeaderWidth - 1.5,
@@ -3347,14 +3347,14 @@ var SheetOverlay = function SheetOverlay() {
       return containerRef.current;
     }
   })), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-row-body"
+    className: "leankylin-row-body"
   }, /*#__PURE__*/React__default['default'].createElement(RowHeader, null), /*#__PURE__*/React__default['default'].createElement(ScrollBar, {
     axis: "x"
   }), /*#__PURE__*/React__default['default'].createElement(ScrollBar, {
     axis: "y"
   }), /*#__PURE__*/React__default['default'].createElement("div", {
     ref: refs.cellArea,
-    className: "fortune-cell-area",
+    className: "leankylin-cell-area",
     onMouseDown: cellAreaMouseDown,
     onDoubleClick: cellAreaDoubleClick,
     onContextMenu: cellAreaContextMenu,
@@ -3364,39 +3364,39 @@ var SheetOverlay = function SheetOverlay() {
       cursor: context.luckysheet_cell_selected_extend ? "crosshair" : "default"
     }
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    id: "fortune-formula-functionrange"
+    id: "leankylin-formula-functionrange"
   }), context.formulaRangeSelect && ( /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-selection-copy fortune-formula-functionrange-select",
+    className: "leankylin-selection-copy leankylin-formula-functionrange-select",
     style: context.formulaRangeSelect
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-selection-copy-top fortune-copy"
+    className: "leankylin-selection-copy-top leankylin-copy"
   }), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-selection-copy-right fortune-copy"
+    className: "leankylin-selection-copy-right leankylin-copy"
   }), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-selection-copy-bottom fortune-copy"
+    className: "leankylin-selection-copy-bottom leankylin-copy"
   }), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-selection-copy-left fortune-copy"
+    className: "leankylin-selection-copy-left leankylin-copy"
   }), /*#__PURE__*/React__default['default'].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__default['default'].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: ___default['default'].omit(v, "backgroundColor")
     }, ["top", "right", "bottom", "left"].map(function (d) {
       return /*#__PURE__*/React__default['default'].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__default['default'].createElement("div", {
-      className: "fortune-selection-copy-hc",
+      className: "leankylin-selection-copy-hc",
       style: {
         backgroundColor: backgroundColor
       }
@@ -3404,7 +3404,7 @@ var SheetOverlay = function SheetOverlay() {
       return /*#__PURE__*/React__default['default'].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
         }
@@ -3417,10 +3417,10 @@ var SheetOverlay = function SheetOverlay() {
     className: "luckysheet-column-count-show luckysheet-count-show",
     id: "luckysheet-column-count-show"
   }), /*#__PURE__*/React__default['default'].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__default['default'].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__default['default'].createElement("div", {
     className: "luckysheet-cell-selected-focus",
@@ -3438,7 +3438,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__default['default'].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];
@@ -3449,7 +3449,7 @@ var SheetOverlay = function SheetOverlay() {
     var col = context.visibledatacolumn[c2];
     var col_pre = c1 - 1 === -1 ? 0 : context.visibledatacolumn[c1 - 1];
     return /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "fortune-selection-copy",
+      className: "leankylin-selection-copy",
       key: "".concat(r1, "-").concat(r2, "-").concat(c1, "-").concat(c2),
       style: {
         left: col_pre,
@@ -3458,23 +3458,23 @@ var SheetOverlay = function SheetOverlay() {
         height: row - row_pre - 1
       }
     }, /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "fortune-selection-copy-top fortune-copy"
+      className: "leankylin-selection-copy-top leankylin-copy"
     }), /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "fortune-selection-copy-right fortune-copy"
+      className: "leankylin-selection-copy-right leankylin-copy"
     }), /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "fortune-selection-copy-bottom fortune-copy"
+      className: "leankylin-selection-copy-bottom leankylin-copy"
     }), /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "fortune-selection-copy-left fortune-copy"
+      className: "leankylin-selection-copy-left leankylin-copy"
     }), /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "fortune-selection-copy-hc"
+      className: "leankylin-selection-copy-hc"
     }));
   }))), /*#__PURE__*/React__default['default'].createElement("div", {
     id: "luckysheet-chart-rangeShow"
   }), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-cell-selected-extend"
+    className: "leankylin-cell-selected-extend"
   }), /*#__PURE__*/React__default['default'].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();
     }
@@ -3563,7 +3563,7 @@ var SheetOverlay = function SheetOverlay() {
     ___default['default'].set(usernameStyle, r === 0 ? "top" : "bottom", height);
     return /*#__PURE__*/React__default['default'].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,
@@ -3573,7 +3573,7 @@ var SheetOverlay = function SheetOverlay() {
         borderWidth: 1
       }
     }, /*#__PURE__*/React__default['default'].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__default['default'].createElement(LinkEditCard, _objectSpread2({}, context.linkCard))), ((_context$rangeDialog = context.rangeDialog) === null || _context$rangeDialog === void 0 ? void 0 : _context$rangeDialog.show) && /*#__PURE__*/React__default['default'].createElement(RangeDialog, null), /*#__PURE__*/React__default['default'].createElement(FilterOptions, {
@@ -3649,7 +3649,7 @@ var SheetOverlay = function SheetOverlay() {
       display: context.allowEdit ? "block" : "none"
     }
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-add-row-button",
+    className: "leankylin-add-row-button",
     onClick: function onClick() {
       handleBottomAddRow();
     }
@@ -3670,7 +3670,7 @@ var SheetOverlay = function SheetOverlay() {
       color: "#9c9c9c"
     }
   }, "(", info.addLast, ")"), /*#__PURE__*/React__default['default'].createElement("span", {
-    className: "fortune-add-row-button",
+    className: "leankylin-add-row-button",
     onClick: function onClick() {
       setContext(function (ctx) {
         ctx.scrollTop = 0;
@@ -3857,7 +3857,7 @@ var Button = function Button(_ref) {
     selected = _ref.selected,
     children = _ref.children;
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-toolbar-button fortune-toolbar-item",
+    className: "leankylin-toolbar-button leankylin-toolbar-item",
     onClick: onClick,
     "data-tips": tooltip,
     role: "button",
@@ -3870,18 +3870,18 @@ var Button = function Button(_ref) {
       opacity: 0.3
     } : {}
   }), tooltip && /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-tooltip"
+    className: "leankylin-tooltip"
   }, tooltip), children);
 };
 var Divider = function Divider() {
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-toolbar-divider fortune-toolbar-item"
+    className: "leankylin-toolbar-divider leankylin-toolbar-item"
   });
 };
 var MenuDivider = function MenuDivider() {
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-toolbar-menu-divider"
+    className: "leankylin-toolbar-menu-divider"
   });
 };
@@ -3929,12 +3929,12 @@ var Combo = function Combo(_ref) {
     }
   }, [open]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-toobar-combo-container fortune-toolbar-item"
+    className: "leankylin-toobar-combo-container leankylin-toolbar-item"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     ref: buttonRef,
-    className: "fortune-toolbar-combo"
+    className: "leankylin-toolbar-combo"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-toolbar-combo-button",
+    className: "leankylin-toolbar-combo-button",
     onClick: function onClick(e) {
       if (_onClick) _onClick(e);else setOpen(!open);
     },
@@ -3944,9 +3944,9 @@ var Combo = function Combo(_ref) {
   }, iconId ? ( /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
     name: iconId
   })) : ( /*#__PURE__*/React__default['default'].createElement("span", {
-    className: "fortune-toolbar-combo-text"
+    className: "leankylin-toolbar-combo-text"
   }, text))), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-toolbar-combo-arrow",
+    className: "leankylin-toolbar-combo-arrow",
     onClick: function onClick() {
       return setOpen(!open);
     },
@@ -3957,10 +3957,10 @@ var Combo = function Combo(_ref) {
     name: "combo-arrow",
     width: 10
   })), tooltip && /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-tooltip"
+    className: "leankylin-tooltip"
   }, tooltip)), open && ( /*#__PURE__*/React__default['default'].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))));
 };
@@ -3969,7 +3969,7 @@ var Select = function Select(_ref) {
   var children = _ref.children,
     style = _ref.style;
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-toolbar-select",
+    className: "leankylin-toolbar-select",
     style: style
   }, children);
 };
@@ -3981,7 +3981,7 @@ var Option = function Option(_ref2) {
     _onMouseEnter = _ref2.onMouseEnter;
   return /*#__PURE__*/React__default['default'].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);
     },
@@ -4178,12 +4178,12 @@ var FormulaSearch$1 = function FormulaSearch(_ref) {
       }
     }, /*#__PURE__*/React__default['default'].createElement("div", null, v.n), /*#__PURE__*/React__default['default'].createElement("div", null, v.a));
   }))), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-dialog-box-button-container"
+    className: "leankylin-dialog-box-button-container"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-message-box-button button-primary",
+    className: "leankylin-message-box-button button-primary",
     onClick: onConfirm
   }, button.confirm), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-message-box-button button-default",
+    className: "leankylin-message-box-button button-default",
     onClick: onCancel
   }, button.cancel)));
 };
@@ -4250,7 +4250,7 @@ var SplitColumn = function SplitColumn() {
     });
   }, [context, splitOperate]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    id: "fortune-split-column"
+    id: "leankylin-split-column"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "title"
   }, splitText.splitTextTitle), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -4437,7 +4437,7 @@ var LocationCondition = function LocationCondition() {
     return conditionType === currentType;
   }, [conditionType]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    id: "fortune-location-condition"
+    id: "leankylin-location-condition"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "title"
   }, findAndReplace.location), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -4549,7 +4549,7 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
     conditionformat = _locale.conditionformat;
   var showSubMenu = React.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");
@@ -4586,7 +4586,7 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
         onMouseEnter: showSubMenu,
         onMouseLeave: hideSubMenu
       }, /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "fortune-toolbar-menu-line",
+        className: "leankylin-toolbar-menu-line",
         key: "div".concat(name)
       }, conditionformat[name], /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "rightArrow",
@@ -4637,7 +4637,7 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
         onMouseEnter: showSubMenu,
         onMouseLeave: hideSubMenu
       }, /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "fortune-toolbar-menu-line"
+        className: "leankylin-toolbar-menu-line"
       }, conditionformat[name], /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "rightArrow",
         width: 18
@@ -4680,7 +4680,7 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
     }
     if (name === "dataBar") {
       return /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "fortune-toolbar-menu-line",
+        className: "leankylin-toolbar-menu-line",
         key: "div".concat(name)
       }, conditionformat[name], /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "rightArrow",
@@ -4689,7 +4689,7 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
     }
     if (name === "colorGradation") {
       return /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "fortune-toolbar-menu-line",
+        className: "leankylin-toolbar-menu-line",
         key: "div".concat(name)
       }, conditionformat[name], /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "rightArrow",
@@ -4698,13 +4698,13 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
     }
     if (name === "icons") {
       return /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "fortune-toolbar-menu-line",
+        className: "leankylin-toolbar-menu-line",
         key: "div".concat(name)
       }, conditionformat[name]);
     }
     if (name === "newFormatRule") {
       return /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "fortune-toolbar-menu-line",
+        className: "leankylin-toolbar-menu-line",
         key: "div".concat(name)
       }, conditionformat[name]);
     }
@@ -4714,7 +4714,7 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
         onMouseEnter: showSubMenu,
         onMouseLeave: hideSubMenu
       }, /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "fortune-toolbar-menu-line"
+        className: "leankylin-toolbar-menu-line"
       }, conditionformat[name], /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "rightArrow",
         width: 18
@@ -4741,7 +4741,7 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
     }
     if (name === "manageRules") {
       return /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "fortune-toolbar-menu-line",
+        className: "leankylin-toolbar-menu-line",
         key: "div".concat(name)
       }, conditionformat[name]);
     }
@@ -4805,7 +4805,7 @@ var CustomButton = function CustomButton(_ref) {
     iconName = _ref.iconName,
     icon = _ref.icon;
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-toolbar-button fortune-toolbar-item",
+    className: "leankylin-toolbar-button leankylin-toolbar-item",
     onClick: onClick,
     "data-tips": tooltip,
     role: "button",
@@ -4816,7 +4816,7 @@ var CustomButton = function CustomButton(_ref) {
     iconName: iconName,
     content: icon
   }), tooltip && /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-tooltip"
+    className: "leankylin-tooltip"
   }, tooltip), children);
 };
@@ -4824,15 +4824,15 @@ var palette = [["#000000", "#444444", "#666666", "#999999", "#cccccc", "#eeeeee"
 var ColorPicker = function ColorPicker(_ref) {
   var onPick = _ref.onPick;
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-toolbar-color-picker"
+    className: "leankylin-toolbar-color-picker"
   }, palette.map(function (rows, i) {
     return /*#__PURE__*/React__default['default'].createElement("div", {
       key: i,
-      className: "fortune-toolbar-color-picker-row"
+      className: "leankylin-toolbar-color-picker-row"
     }, rows.map(function (c) {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         key: c,
-        className: "fortune-toolbar-color-picker-item",
+        className: "leankylin-toolbar-color-picker-item",
         onClick: function onClick() {
           return onPick(c);
         },
@@ -4858,7 +4858,7 @@ var CustomColor = function CustomColor(_ref) {
     inputColor = _useState2[0],
     setInputColor = _useState2[1];
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    id: "fortune-custom-color"
+    id: "leankylin-custom-color"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "color-reset",
     onClick: function onClick() {
@@ -4969,7 +4969,7 @@ var CustomBorder = function CustomBorder(_ref) {
   var showBorderSubMenu = React.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 (___default['default'].isNil(subMenuItem)) return;
     subMenuItem.style.display = "block";
     var workbookContainerRect = refs.workbookContainer.current.getBoundingClientRect();
@@ -4988,7 +4988,7 @@ var CustomBorder = function CustomBorder(_ref) {
     setPreviewdasharray(dasharray);
   }, []);
   return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-border-select-option",
+    className: "leankylin-border-select-option",
     key: "borderColor",
     onMouseEnter: function onMouseEnter(e) {
       showBorderSubMenu(e);
@@ -4997,7 +4997,7 @@ var CustomBorder = function CustomBorder(_ref) {
       hideBorderSubMenu();
     }
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-toolbar-menu-line"
+    className: "leankylin-toolbar-menu-line"
   }, border.borderColor, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
     name: "rightArrow",
     style: {
@@ -5005,13 +5005,13 @@ var CustomBorder = function CustomBorder(_ref) {
     }
   })), /*#__PURE__*/React__default['default'].createElement("div", {
     ref: colorPreviewRef,
-    className: "fortune-border-color-preview",
+    className: "leankylin-border-color-preview",
     style: {
       backgroundColor: changeColor
     }
   }), /*#__PURE__*/React__default['default'].createElement("div", {
     ref: colorRef,
-    className: "fortune-border-select-menu",
+    className: "leankylin-border-select-menu",
     style: {
       display: "none",
       width: "166px"
@@ -5027,7 +5027,7 @@ var CustomBorder = function CustomBorder(_ref) {
       setchangeColor(color);
     }
   }))), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-border-select-option",
+    className: "leankylin-border-select-option",
     key: "borderStyle",
     onMouseEnter: function onMouseEnter(e) {
       showBorderSubMenu(e);
@@ -5036,14 +5036,14 @@ var CustomBorder = function CustomBorder(_ref) {
       hideBorderSubMenu();
     }
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-toolbar-menu-line"
+    className: "leankylin-toolbar-menu-line"
   }, border.borderStyle, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
     name: "rightArrow",
     style: {
       width: "14px"
     }
   })), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-border-style-preview"
+    className: "leankylin-border-style-preview"
   }, /*#__PURE__*/React__default['default'].createElement("svg", {
     width: "90"
   }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -5055,23 +5055,23 @@ var CustomBorder = function CustomBorder(_ref) {
     d: "M0 0 l90 0"
   })))), /*#__PURE__*/React__default['default'].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__default['default'].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__default['default'].createElement("div", {
-    className: "fortune-boder-style-picker"
+    className: "leankylin-boder-style-picker"
   }, size.map(function (items, i) {
     return /*#__PURE__*/React__default['default'].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);
@@ -5197,17 +5197,17 @@ var FormatSearch = function FormatSearch(_ref) {
       }
     }, /*#__PURE__*/React__default['default'].createElement("div", null, v.name), /*#__PURE__*/React__default['default'].createElement("div", null, v.value));
   }))), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-dialog-box-button-container",
+    className: "leankylin-dialog-box-button-container",
     style: type === "currency" ? {
       marginTop: 40
     } : {
       marginTop: 30
     }
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-message-box-button button-primary",
+    className: "leankylin-message-box-button button-primary",
     onClick: onConfirm
   }, button.confirm), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-message-box-button button-default",
+    className: "leankylin-message-box-button button-default",
     onClick: onCancel
   }, button.cancel)));
 };
@@ -5271,7 +5271,7 @@ var Toolbar = function Toolbar(_ref) {
     setcustomStyle = _useState8[1];
   var showSubMenu = React.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));
@@ -5303,7 +5303,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();
@@ -5421,12 +5421,12 @@ var Toolbar = function Toolbar(_ref) {
                 return hideSubMenu(e, "more-format");
               }
             }, /*#__PURE__*/React__default['default'].createElement("div", {
-              className: "fortune-toolbar-menu-line"
+              className: "leankylin-toolbar-menu-line"
             }, /*#__PURE__*/React__default['default'].createElement("div", null, text), /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
               name: "rightArrow",
               width: 14
             })), /*#__PURE__*/React__default['default'].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,
@@ -5444,7 +5444,7 @@ var Toolbar = function Toolbar(_ref) {
               }
             }].map(function (v) {
               return /*#__PURE__*/React__default['default'].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();
@@ -5464,9 +5464,9 @@ var Toolbar = function Toolbar(_ref) {
               });
             }
           }, /*#__PURE__*/React__default['default'].createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, /*#__PURE__*/React__default['default'].createElement("div", null, text), /*#__PURE__*/React__default['default'].createElement("div", {
-            className: "fortune-toolbar-subtext"
+            className: "leankylin-toolbar-subtext"
           }, example)));
         }));
       });
@@ -5554,7 +5554,7 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React__default['default'].createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, text, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
             name: title
           })));
@@ -5595,7 +5595,7 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React__default['default'].createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, text, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
             name: title
           })));
@@ -5781,7 +5781,7 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React__default['default'].createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, text));
         }));
       });
@@ -5809,7 +5809,7 @@ var Toolbar = function Toolbar(_ref) {
           core.showImgChooser();
         }
       }, /*#__PURE__*/React__default['default'].createElement("input", {
-        id: "fortune-img-upload",
+        id: "leankylin-img-upload",
         type: "file",
         accept: "image/*",
         style: {
@@ -5945,9 +5945,9 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React__default['default'].createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, /*#__PURE__*/React__default['default'].createElement("div", null, text), /*#__PURE__*/React__default['default'].createElement("div", {
-            className: "fortune-toolbar-subtext"
+            className: "leankylin-toolbar-subtext"
           }, value)));
         }), /*#__PURE__*/React__default['default'].createElement(MenuDivider, null), /*#__PURE__*/React__default['default'].createElement(Option, {
           key: "formula",
@@ -5997,7 +5997,7 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React__default['default'].createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
             name: value,
             style: {
@@ -6074,7 +6074,7 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React__default['default'].createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, text, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
             name: value
           })))) : ( /*#__PURE__*/React__default['default'].createElement(MenuDivider, {
@@ -6124,7 +6124,7 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React__default['default'].createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, text, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
             name: value
           })));
@@ -6169,7 +6169,7 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React__default['default'].createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, text, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
             name: iconId
           })));
@@ -6226,7 +6226,7 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React__default['default'].createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, text, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
             name: iconId
           })));
@@ -6291,7 +6291,7 @@ var Toolbar = function Toolbar(_ref) {
               setOpen(false);
             }
           }, /*#__PURE__*/React__default['default'].createElement("div", {
-            className: "fortune-toolbar-menu-line"
+            className: "leankylin-toolbar-menu-line"
           }, text, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
             name: iconId
           })))) : ( /*#__PURE__*/React__default['default'].createElement(MenuDivider, {
@@ -6315,7 +6315,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__default['default'].createElement("div", {
     ref: containerRef,
-    className: "fortune-toolbar"
+    className: "leankylin-toolbar"
   }, settings.customToolbarItems.map(function (n) {
     return /*#__PURE__*/React__default['default'].createElement(CustomButton, {
       tooltip: n.tooltip,
@@ -6360,9 +6360,9 @@ var LocationBox = function LocationBox() {
     return core.getRangetxt(context, context.currentSheetId, lastSelection);
   }, [context.currentSheetId, context.luckysheet_select_save]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-name-box-container"
+    className: "leankylin-name-box-container"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-name-box",
+    className: "leankylin-name-box",
     tabIndex: 0,
     dir: "ltr",
     "aria-autocomplete": "list"
@@ -6374,7 +6374,8 @@ var FxEditor = function FxEditor() {
   var _useContext = React.useContext(WorkbookContext),
     context = _useContext.context,
     setContext = _useContext.setContext,
-    refs = _useContext.refs;
+    refs = _useContext.refs,
+    settings = _useContext.settings;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     focused = _useState2[0],
@@ -6506,21 +6507,21 @@ var FxEditor = function FxEditor() {
     return true;
   }, [context.config, context.luckysheet_select_save, context.luckysheetfile, context.currentSheetId, isHidenRC]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-fx-editor"
+    className: "leankylin-fx-editor"
   }, /*#__PURE__*/React__default['default'].createElement(LocationBox, null), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-fx-icon"
+    className: "leankylin-fx-icon"
   }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
     name: "fx",
     width: 18,
     height: 18
   })), /*#__PURE__*/React__default['default'].createElement("div", {
     ref: inputContainerRef,
-    className: "fortune-fx-input-container"
+    className: "leankylin-fx-input-container"
   }, /*#__PURE__*/React__default['default'].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,
@@ -6531,7 +6532,7 @@ var FxEditor = function FxEditor() {
     },
     tabIndex: 0,
     allowEdit: allowEdit
-  }), focused && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
+  }), settings === null || settings === void 0 ? void 0 : settings.fxContainer, focused && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
     style: {
       top: inputContainerRef.current.clientHeight
     }
@@ -6823,9 +6824,9 @@ var ZoomControl = function ZoomControl() {
     });
   }, [setContext]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-zoom-container"
+    className: "leankylin-zoom-container"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-zoom-button",
+    className: "leankylin-zoom-button",
     onClick: function onClick(e) {
       zoomTo(context.zoomRatio - 0.1);
       e.stopPropagation();
@@ -6835,28 +6836,28 @@ var ZoomControl = function ZoomControl() {
     width: 16,
     height: 16
   })), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-zoom-ratio"
+    className: "leankylin-zoom-ratio"
   }, /*#__PURE__*/React__default['default'].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__default['default'].createElement("div", {
-    className: "fortune-zoom-ratio-menu",
+    className: "leankylin-zoom-ratio-menu",
     ref: menuRef
   }, presets.map(function (v) {
     return /*#__PURE__*/React__default['default'].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__default['default'].createElement("div", {
-      className: "fortune-zoom-ratio-text"
+      className: "leankylin-zoom-ratio-text"
     }, v.text));
   })))), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-zoom-button",
+    className: "leankylin-zoom-button",
     onClick: function onClick(e) {
       zoomTo(context.zoomRatio + 0.1);
       e.stopPropagation();
@@ -7001,7 +7002,7 @@ var SheetTab = function SheetTab() {
 var Divider$1 = function Divider() {
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-context-menu-divider"
+    className: "leankylin-context-menu-divider"
   });
 };
@@ -7091,17 +7092,17 @@ var CustomSort = function CustomSort() {
     setRangeColChar(list);
   }, [col_end, col_start, context.luckysheetfile, isTitleChange, row_start, sheetIndex, sort.columnOperation]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-sort"
+    className: "leankylin-sort"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-sort-title"
+    className: "leankylin-sort-title"
   }, /*#__PURE__*/React__default['default'].createElement("span", null, /*#__PURE__*/React__default['default'].createElement("span", null, sort.sortRangeTitle), core.indexToColumnChar(col_start), row_start + 1, /*#__PURE__*/React__default['default'].createElement("span", null, sort.sortRangeTitleTo), core.indexToColumnChar(col_end), row_end + 1)), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-sort-modal"
+    className: "leankylin-sort-modal"
   }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("input", {
     type: "checkbox",
-    id: "fortune-sort-haveheader",
+    id: "leankylin-sort-haveheader",
     onChange: handleTitleChange
   }), /*#__PURE__*/React__default['default'].createElement("span", null, sort.hasTitle)), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-sort-tablec"
+    className: "leankylin-sort-tablec"
   }, /*#__PURE__*/React__default['default'].createElement("table", {
     cellSpacing: "0"
   }, /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
@@ -7128,7 +7129,7 @@ var CustomSort = function CustomSort() {
     name: "sort_0",
     onChange: handleRadioChange
   }), /*#__PURE__*/React__default['default'].createElement("span", null, sort.desc))))))))), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-sort-button"
+    className: "leankylin-sort-button"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "button-basic button-primary",
     onClick: function onClick() {
@@ -7654,7 +7655,7 @@ var ContextMenu = function ContextMenu() {
   }, [contextMenu.x, contextMenu.y, setContext]);
   if (___default['default'].isEmpty(context.contextMenu)) return null;
   return /*#__PURE__*/React__default['default'].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();
@@ -9091,7 +9092,7 @@ var ChangeColor = function ChangeColor(_ref) {
     });
   }, [selectColor, setContext]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    id: "fortune-change-color"
+    id: "leankylin-change-color"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "color-reset",
     onClick: function onClick() {
@@ -9223,7 +9224,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__default['default'].createElement("div", {
-    className: "fortune-context-menu luckysheet-cols-menu",
+    className: "leankylin-context-menu luckysheet-cols-menu",
     onContextMenu: function onContextMenu(e) {
       return e.stopPropagation();
     },
@@ -9348,7 +9349,7 @@ var MoreItemsContaier = function MoreItemsContaier(_ref) {
   }, [containerRef, onClose]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     ref: containerRef,
-    className: "fortune-toolbar-more-container"
+    className: "leankylin-toolbar-more-container"
   }, children);
 };
@@ -9946,7 +9947,7 @@ var FilterMenu = function FilterMenu() {
   }, [col, endRow, startRow]);
   if (filterContextMenu == null) return null;
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].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: {
@@ -10037,15 +10038,15 @@ var FilterMenu = function FilterMenu() {
       }), filter.filterByValues), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "luckysheet-filter-byvalue"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "fortune-menuitem-row byvalue-btn-row"
+        className: "leankylin-menuitem-row byvalue-btn-row"
       }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("span", {
-        className: "fortune-byvalue-btn",
+        className: "leankylin-byvalue-btn",
         onClick: selectAll
       }, filter.filterValueByAllBtn), " - ", /*#__PURE__*/React__default['default'].createElement("span", {
-        className: "fortune-byvalue-btn",
+        className: "leankylin-byvalue-btn",
         onClick: clearAll
       }, filter.filterValueByClearBtn), " - ", /*#__PURE__*/React__default['default'].createElement("span", {
-        className: "fortune-byvalue-btn",
+        className: "leankylin-byvalue-btn",
         onClick: inverseSelect
       }, filter.filterValueByInverseBtn)), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "byvalue-filter-icon"
@@ -10122,7 +10123,7 @@ var FilterMenu = function FilterMenu() {
     }
     return null;
   }), /*#__PURE__*/React__default['default'].createElement(Divider$1, null), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-menuitem-row"
+    className: "leankylin-menuitem-row"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "button-basic button-primary",
     onClick: function onClick() {
@@ -10304,7 +10305,7 @@ var SheetList = function SheetList() {
   }, [setContext]);
   useOutsideClick(containerRef, close, [close]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-context-menu luckysheet-cols-menu leankylin-sheet-list",
+    className: "leankylin-context-menu luckysheet-cols-menu leankylin-sheet-list",
     ref: containerRef
   }, ___default['default'].sortBy(context.luckysheetfile, function (s) {
     return Number(s.order);
@@ -10806,11 +10807,11 @@ var Workbook = /*#__PURE__*/React__default['default'].forwardRef(function (_ref,
   return /*#__PURE__*/React__default['default'].createElement(WorkbookContext.Provider, {
     value: providerValue
   }, /*#__PURE__*/React__default['default'].createElement(ModalProvider, null, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-container",
+    className: "leankylin-container",
     ref: workbookContainer,
     onKeyDown: onKeyDown
   }, /*#__PURE__*/React__default['default'].createElement(SVGDefines, null), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-workarea"
+    className: "leankylin-workarea"
   }, mergedSettings.showToolbar && ( /*#__PURE__*/React__default['default'].createElement(Toolbar, {
     moreItemsOpen: moreToolbarItems !== null,
     setMoreItems: setMoreToolbarItems
@@ -10836,9 +10837,9 @@ var Workbook = /*#__PURE__*/React__default['default'].forwardRef(function (_ref,
       e.preventDefault();
       e.stopPropagation();
     },
-    className: "fortune-popover-backdrop"
+    className: "leankylin-popover-backdrop"
   })), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-stat-area"
+    className: "leankylin-stat-area"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "luckysheet-sheet-selection-calInfo"
   }, !!calInfo.count && ( /*#__PURE__*/React__default['default'].createElement("div", {