@fileverse-dev/fortune-react 1.0.2-mod-111 → 1.0.2-mod-113

package/dist/index.css

@@ -1284,8 +1284,7 @@ line-height: 16px; /* 133.333% */
 }
 
 .fortune-dialog {
-  min-width: 368px;
-  max-width: 90%;
+  width: 368px;
   max-height: 90%;
   border-radius: 12px;
   background: hsl(var(--color-bg-default));
@@ -2906,6 +2905,7 @@ label {
   border: none;
   box-shadow: 0px 8px 32px 0px #00000026;
   animation: fadeIn 0.2s ease-in-out;
+  max-width: 480px;
 }
 
 .modal-header {
@@ -2915,7 +2915,7 @@ label {
   padding: 0.75rem;
   border-bottom: 1px solid #e5e7eb;
   height: 52px;
-  width: 480px;
+  width: 100%;
 }
 
 .modal-header svg {
@@ -2934,7 +2934,7 @@ label {
   -webkit-user-select: text;
      -moz-user-select: text;
           user-select: text;
-  max-width: 150px;
+  max-width: 218px;
   flex: 1;
 }
 
@@ -3821,8 +3821,8 @@ label {
   height: 30px;
   line-height: 30px;
   width: 100%;
-  margin-right: 46px;
   cursor: pointer;
+  border-radius: 4px;
 }
 
 .fortune-sheet-list-item-name {
@@ -3839,7 +3839,8 @@ label {
 }
 
 .fortune-sheet-list :hover {
-  background-color: #efefef;
+  background-color: hsl(var(--color-bg-default-hover));
+  transition: background-color 0.2s ease-in-out;
 }
 
 .fortune-sheet-hidden-button {
@@ -3854,12 +3855,6 @@ label {
   background-color: #d0d0d0;
 }
 
-.fortune-sheet-selected-check-sapce {
-  width: 20px;
-  display: inline-block;
-  margin-left: 15px;
-}
-
 .fortune-dune-preview {
   position: absolute;
   background-color: #fff;

package/dist/index.esm.css

@@ -1284,8 +1284,7 @@ line-height: 16px; /* 133.333% */
 }
 
 .fortune-dialog {
-  min-width: 368px;
-  max-width: 90%;
+  width: 368px;
   max-height: 90%;
   border-radius: 12px;
   background: hsl(var(--color-bg-default));
@@ -2906,6 +2905,7 @@ label {
   border: none;
   box-shadow: 0px 8px 32px 0px #00000026;
   animation: fadeIn 0.2s ease-in-out;
+  max-width: 480px;
 }
 
 .modal-header {
@@ -2915,7 +2915,7 @@ label {
   padding: 0.75rem;
   border-bottom: 1px solid #e5e7eb;
   height: 52px;
-  width: 480px;
+  width: 100%;
 }
 
 .modal-header svg {
@@ -2934,7 +2934,7 @@ label {
   -webkit-user-select: text;
      -moz-user-select: text;
           user-select: text;
-  max-width: 150px;
+  max-width: 218px;
   flex: 1;
 }
 
@@ -3821,8 +3821,8 @@ label {
   height: 30px;
   line-height: 30px;
   width: 100%;
-  margin-right: 46px;
   cursor: pointer;
+  border-radius: 4px;
 }
 
 .fortune-sheet-list-item-name {
@@ -3839,7 +3839,8 @@ label {
 }
 
 .fortune-sheet-list :hover {
-  background-color: #efefef;
+  background-color: hsl(var(--color-bg-default-hover));
+  transition: background-color 0.2s ease-in-out;
 }
 
 .fortune-sheet-hidden-button {
@@ -3854,12 +3855,6 @@ label {
   background-color: #d0d0d0;
 }
 
-.fortune-sheet-selected-check-sapce {
-  width: 20px;
-  display: inline-block;
-  margin-left: 15px;
-}
-
 .fortune-dune-preview {
   position: absolute;
   background-color: #fff;

package/dist/index.esm.js

@@ -1657,12 +1657,12 @@ var Dialog = function Dialog(_ref) {
     className: "fortune-dialog",
     style: containerStyle
   }, /*#__PURE__*/React.createElement("div", {
-    className: cn("flex items-center justify-end border-b color-border-default py-3 px-6", {
-      "justify-between": title
-    })
-  }, title && /*#__PURE__*/React.createElement("div", {
+    className: cn("flex items-center justify-between border-b color-border-default py-3 px-6")
+  }, title ? (/*#__PURE__*/React.createElement("div", {
+    className: "text-heading-sm"
+  }, title)) : (/*#__PURE__*/React.createElement("div", {
     className: "text-heading-sm"
-  }, title), /*#__PURE__*/React.createElement(IconButton, {
+  }, "Oops! Something went wrong")), /*#__PURE__*/React.createElement(IconButton, {
     icon: "X",
     variant: "ghost",
     onClick: onCancel,
@@ -1705,7 +1705,8 @@ var MessageBox = function MessageBox(_ref) {
   return /*#__PURE__*/React.createElement(Dialog, {
     type: type,
     onOk: onOk,
-    onCancel: onCancel
+    onCancel: onCancel,
+    title: type === "yesno" ? "Confirmation" : undefined
   }, children);
 };
 
@@ -4627,7 +4628,31 @@ var Combo = function Combo(_ref) {
     height: 16
   })) : (/*#__PURE__*/React.createElement("span", {
     className: "fortune-toolbar-combo-text"
-  }, text !== undefined ? text : ""))))) : (/*#__PURE__*/React.createElement(Tooltip, {
+  }, text !== undefined ? text : ""))))) : (/*#__PURE__*/React.createElement("span", null, iconId === "font-color" ? (/*#__PURE__*/React.createElement(Tooltip, {
+    text: tooltip,
+    placement: "bottom"
+  }, /*#__PURE__*/React.createElement(Button$1, {
+    variant: "ghost",
+    onClick: function onClick() {
+      return setOpen(!open);
+    },
+    className: cn("fortune-toolbar-combo-button !min-w-fit !px-0", {}),
+    style: {
+      width: 30,
+      height: 30
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: fillColor
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.9997 3C12.3784 3 12.7248 3.21402 12.8942 3.55273L20.8942 19.5527L20.9352 19.6465C21.115 20.1204 20.9101 20.663 20.447 20.8945C19.9839 21.1259 19.4272 20.9642 19.1559 20.5361L19.1052 20.4473L16.8815 16H7.11786L4.89422 20.4473C4.64719 20.9412 4.04636 21.1415 3.55243 20.8945C3.05867 20.6475 2.85831 20.0466 3.10516 19.5527L11.1052 3.55273L11.1764 3.43164C11.3613 3.16376 11.6684 3.0001 11.9997 3ZM8.11786 14H15.8815L11.9997 6.23633L8.11786 14Z",
+    fill: fillColor
+  }))))) : (/*#__PURE__*/React.createElement(Tooltip, {
     text: tooltip,
     placement: "bottom"
   }, /*#__PURE__*/React.createElement(IconButton, {
@@ -4642,7 +4667,7 @@ var Combo = function Combo(_ref) {
     style: {
       color: iconId === "font-color" ? fillColor : undefined
     }
-  })));
+  })))));
   return /*#__PURE__*/React.createElement("div", {
     ref: buttonRef,
     className: "fortune-toolbar-item"
@@ -5585,7 +5610,7 @@ var DuneChartsInputModal = function DuneChartsInputModal(_ref) {
     className: "custom-overlay",
     onClick: onClose
   }, /*#__PURE__*/React.createElement("div", {
-    className: "input-modal",
+    className: "input-modal w-3/4 md:w-full",
     style: {
       transformOrigin: "top center"
     },
@@ -8561,7 +8586,8 @@ var ContextMenu = function ContextMenu() {
             height: "40px"
           }
         }, /*#__PURE__*/React.createElement(LucideIcon, {
-          name: "Filter"
+          name: "Filter",
+          className: "w-4 h-4"
         }), /*#__PURE__*/React.createElement("p", null, filter.filter))), /*#__PURE__*/React.createElement(Menu, {
           onClick: function onClick() {
             setContext(function (draftCtx) {
@@ -8588,7 +8614,8 @@ var ContextMenu = function ContextMenu() {
       }), /*#__PURE__*/React.createElement("p", null, rightclick.filterSelection)), /*#__PURE__*/React.createElement(LucideIcon, {
         name: "ChevronRight",
         width: 16,
-        height: 16
+        height: 16,
+        className: "w-4 h-4 color-text-secondary"
       })))));
     }
     if (name === "image") {
@@ -8651,7 +8678,8 @@ var ContextMenu = function ContextMenu() {
       }), /*#__PURE__*/React.createElement("p", null, rightclick.conditionFormat || "Conditional Format")), /*#__PURE__*/React.createElement(LucideIcon, {
         name: "ChevronRight",
         width: 16,
-        height: 16
+        height: 16,
+        className: "color-text-secondary w-4 h-4"
       })))));
     }
     return null;
@@ -11867,7 +11895,7 @@ var SheetListItem = function SheetListItem(_ref) {
     });
   }, [context.currentSheetId, context.sheetScrollRecord, setContext]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "fortune-sheet-list-item",
+    className: "fortune-sheet-list-item flex items-center gap-2 px-2",
     key: sheet.id,
     ref: containerRef,
     onClick: function onClick() {
@@ -11888,15 +11916,11 @@ var SheetListItem = function SheetListItem(_ref) {
     },
     tabIndex: 0
   }, /*#__PURE__*/React.createElement("span", {
-    className: "fortune-sheet-selected-check-sapce"
-  }, sheet.id === context.currentSheetId && (/*#__PURE__*/React.createElement(SVGIcon, {
-    name: "check",
-    width: 16,
-    height: 16,
-    style: {
-      lineHeight: 30,
-      verticalAlign: "middle"
-    }
+    className: "w-4"
+  }, sheet.id === context.currentSheetId && (/*#__PURE__*/React.createElement(LucideIcon, {
+    name: "Check",
+    size: "sm",
+    className: "color-text-default w-4 h-4"
   }))), /*#__PURE__*/React.createElement("span", {
     className: "luckysheet-sheets-item-name fortune-sheet-list-item-name",
     spellCheck: "false"

package/dist/index.js

@@ -1669,12 +1669,12 @@ var Dialog = function Dialog(_ref) {
     className: "fortune-dialog",
     style: containerStyle
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: ui.cn("flex items-center justify-end border-b color-border-default py-3 px-6", {
-      "justify-between": title
-    })
-  }, title && /*#__PURE__*/React__default['default'].createElement("div", {
+    className: ui.cn("flex items-center justify-between border-b color-border-default py-3 px-6")
+  }, title ? (/*#__PURE__*/React__default['default'].createElement("div", {
+    className: "text-heading-sm"
+  }, title)) : (/*#__PURE__*/React__default['default'].createElement("div", {
     className: "text-heading-sm"
-  }, title), /*#__PURE__*/React__default['default'].createElement(ui.IconButton, {
+  }, "Oops! Something went wrong")), /*#__PURE__*/React__default['default'].createElement(ui.IconButton, {
     icon: "X",
     variant: "ghost",
     onClick: onCancel,
@@ -1717,7 +1717,8 @@ var MessageBox = function MessageBox(_ref) {
   return /*#__PURE__*/React__default['default'].createElement(Dialog, {
     type: type,
     onOk: onOk,
-    onCancel: onCancel
+    onCancel: onCancel,
+    title: type === "yesno" ? "Confirmation" : undefined
   }, children);
 };
 
@@ -4639,7 +4640,31 @@ var Combo = function Combo(_ref) {
     height: 16
   })) : (/*#__PURE__*/React__default['default'].createElement("span", {
     className: "fortune-toolbar-combo-text"
-  }, text !== undefined ? text : ""))))) : (/*#__PURE__*/React__default['default'].createElement(ui.Tooltip, {
+  }, text !== undefined ? text : ""))))) : (/*#__PURE__*/React__default['default'].createElement("span", null, iconId === "font-color" ? (/*#__PURE__*/React__default['default'].createElement(ui.Tooltip, {
+    text: tooltip,
+    placement: "bottom"
+  }, /*#__PURE__*/React__default['default'].createElement(ui.Button, {
+    variant: "ghost",
+    onClick: function onClick() {
+      return setOpen(!open);
+    },
+    className: ui.cn("fortune-toolbar-combo-button !min-w-fit !px-0", {}),
+    style: {
+      width: 30,
+      height: 30
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: fillColor
+  }, /*#__PURE__*/React__default['default'].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.9997 3C12.3784 3 12.7248 3.21402 12.8942 3.55273L20.8942 19.5527L20.9352 19.6465C21.115 20.1204 20.9101 20.663 20.447 20.8945C19.9839 21.1259 19.4272 20.9642 19.1559 20.5361L19.1052 20.4473L16.8815 16H7.11786L4.89422 20.4473C4.64719 20.9412 4.04636 21.1415 3.55243 20.8945C3.05867 20.6475 2.85831 20.0466 3.10516 19.5527L11.1052 3.55273L11.1764 3.43164C11.3613 3.16376 11.6684 3.0001 11.9997 3ZM8.11786 14H15.8815L11.9997 6.23633L8.11786 14Z",
+    fill: fillColor
+  }))))) : (/*#__PURE__*/React__default['default'].createElement(ui.Tooltip, {
     text: tooltip,
     placement: "bottom"
   }, /*#__PURE__*/React__default['default'].createElement(ui.IconButton, {
@@ -4654,7 +4679,7 @@ var Combo = function Combo(_ref) {
     style: {
       color: iconId === "font-color" ? fillColor : undefined
     }
-  })));
+  })))));
   return /*#__PURE__*/React__default['default'].createElement("div", {
     ref: buttonRef,
     className: "fortune-toolbar-item"
@@ -5597,7 +5622,7 @@ var DuneChartsInputModal = function DuneChartsInputModal(_ref) {
     className: "custom-overlay",
     onClick: onClose
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "input-modal",
+    className: "input-modal w-3/4 md:w-full",
     style: {
       transformOrigin: "top center"
     },
@@ -8573,7 +8598,8 @@ var ContextMenu = function ContextMenu() {
             height: "40px"
           }
         }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
-          name: "Filter"
+          name: "Filter",
+          className: "w-4 h-4"
         }), /*#__PURE__*/React__default['default'].createElement("p", null, filter.filter))), /*#__PURE__*/React__default['default'].createElement(Menu, {
           onClick: function onClick() {
             setContext(function (draftCtx) {
@@ -8600,7 +8626,8 @@ var ContextMenu = function ContextMenu() {
       }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.filterSelection)), /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
         name: "ChevronRight",
         width: 16,
-        height: 16
+        height: 16,
+        className: "w-4 h-4 color-text-secondary"
       })))));
     }
     if (name === "image") {
@@ -8663,7 +8690,8 @@ var ContextMenu = function ContextMenu() {
       }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.conditionFormat || "Conditional Format")), /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
         name: "ChevronRight",
         width: 16,
-        height: 16
+        height: 16,
+        className: "color-text-secondary w-4 h-4"
       })))));
     }
     return null;
@@ -11879,7 +11907,7 @@ var SheetListItem = function SheetListItem(_ref) {
     });
   }, [context.currentSheetId, context.sheetScrollRecord, setContext]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-sheet-list-item",
+    className: "fortune-sheet-list-item flex items-center gap-2 px-2",
     key: sheet.id,
     ref: containerRef,
     onClick: function onClick() {
@@ -11900,15 +11928,11 @@ var SheetListItem = function SheetListItem(_ref) {
     },
     tabIndex: 0
   }, /*#__PURE__*/React__default['default'].createElement("span", {
-    className: "fortune-sheet-selected-check-sapce"
-  }, sheet.id === context.currentSheetId && (/*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-    name: "check",
-    width: 16,
-    height: 16,
-    style: {
-      lineHeight: 30,
-      verticalAlign: "middle"
-    }
+    className: "w-4"
+  }, sheet.id === context.currentSheetId && (/*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+    name: "Check",
+    size: "sm",
+    className: "color-text-default w-4 h-4"
   }))), /*#__PURE__*/React__default['default'].createElement("span", {
     className: "luckysheet-sheets-item-name fortune-sheet-list-item-name",
     spellCheck: "false"

package/dist/index.umd.css

@@ -1284,8 +1284,7 @@ line-height: 16px; /* 133.333% */
 }
 
 .fortune-dialog {
-  min-width: 368px;
-  max-width: 90%;
+  width: 368px;
   max-height: 90%;
   border-radius: 12px;
   background: hsl(var(--color-bg-default));
@@ -2906,6 +2905,7 @@ label {
   border: none;
   box-shadow: 0px 8px 32px 0px #00000026;
   animation: fadeIn 0.2s ease-in-out;
+  max-width: 480px;
 }
 
 .modal-header {
@@ -2915,7 +2915,7 @@ label {
   padding: 0.75rem;
   border-bottom: 1px solid #e5e7eb;
   height: 52px;
-  width: 480px;
+  width: 100%;
 }
 
 .modal-header svg {
@@ -2934,7 +2934,7 @@ label {
   -webkit-user-select: text;
      -moz-user-select: text;
           user-select: text;
-  max-width: 150px;
+  max-width: 218px;
   flex: 1;
 }
 
@@ -3821,8 +3821,8 @@ label {
   height: 30px;
   line-height: 30px;
   width: 100%;
-  margin-right: 46px;
   cursor: pointer;
+  border-radius: 4px;
 }
 
 .fortune-sheet-list-item-name {
@@ -3839,7 +3839,8 @@ label {
 }
 
 .fortune-sheet-list :hover {
-  background-color: #efefef;
+  background-color: hsl(var(--color-bg-default-hover));
+  transition: background-color 0.2s ease-in-out;
 }
 
 .fortune-sheet-hidden-button {
@@ -3854,12 +3855,6 @@ label {
   background-color: #d0d0d0;
 }
 
-.fortune-sheet-selected-check-sapce {
-  width: 20px;
-  display: inline-block;
-  margin-left: 15px;
-}
-
 .fortune-dune-preview {
   position: absolute;
   background-color: #fff;