@fileverse-dev/fortune-react 1.0.2-mod-25 → 1.0.2-mod-26

package/dist/components/ConditionFormat/index.d.ts

@@ -2,6 +2,6 @@ import React from "react";
 import "./index.css";
 declare const ConditionalFormat: React.FC<{
     items: string[];
-    setOpen?: React.Dispatch<React.SetStateAction<boolean>>;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
 }>;
 export default ConditionalFormat;

package/dist/components/ContextMenu/index.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
 import "./index.css";
-import "tippy.js/dist/tippy.css";
 declare const ContextMenu: React.FC;
 export default ContextMenu;

package/dist/components/Dialog/index.d.ts

@@ -7,7 +7,6 @@ type Props = {
     containerStyle?: React.CSSProperties;
     contentStyle?: React.CSSProperties;
     children?: React.ReactNode;
-    title?: string | React.ReactNode;
 };
 declare const Dialog: React.FC<Props>;
 export default Dialog;

package/dist/hooks/useDialog.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 export declare function useDialog(): {
-    showDialog: (content: string | React.ReactNode, type?: "ok" | "yesno", title?: string | React.ReactNode, onOk?: () => void, onCancel?: () => void) => void;
+    showDialog: (content: string | React.ReactNode, type?: "ok" | "yesno", onOk?: () => void, onCancel?: () => void) => void;
     hideDialog: () => void;
 };

package/dist/index.css

@@ -1073,10 +1073,10 @@ html::-webkit-scrollbar-button {
   width: 300px;
 }
 
-.luckysheet-formula-help-c .luckysheet-formula-help-content {
+/* .luckysheet-formula-help-c .luckysheet-formula-help-content {
   max-height: 300px;
   overflow-y: scroll;
-}
+} */
 
 .luckysheet-formula-help-content-example {
   margin-top: 5px;
@@ -1091,6 +1091,101 @@ html::-webkit-scrollbar-button {
   font-size: 14px;
 }
 
+.luckysheet-formula-help-title,
+.luckysheet-formula-search-item-active {
+  padding: 10px !important;
+  font-size: small;
+  /* background: #f8f9fa !important; */
+  font-weight: 600;
+  border-bottom: 0px !important;
+  border-top: 0px !important;
+}
+
+.luckysheet-formula-help-c,
+.luckysheet-formula-search-c {
+  padding: 6px;
+  -webkit-user-select: text;
+     -moz-user-select: text;
+          user-select: text;
+  border-radius: 10px;
+  top: 25px;
+  background: #f8f9fa;
+  min-width: 300px;
+  width: -moz-fit-content;
+  width: fit-content;
+  /* max-width: 450px; */
+  border: 1px solid lavender;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+
+#luckysheet-formula-help-c {
+  border-radius: 10px;
+  top: 25px;
+  background: #f8f9fa;
+}
+
+.luckysheet-formula-help-title-formula {
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
+.luckysheet-formula-help-content {
+  background-color: white;
+  /* margin: 0px 8px 8px 8px; */
+  padding: 2px;
+  border-radius: 0px 0px 10px 10px;
+}
+
+.luckysheet-formula-help-content-param,
+.luckysheet-formula-help-content {
+  display: flex;
+  flex-direction: column;
+  /* gap: 8px; */
+}
+
+.luckysheet-formula-help-content-param {
+  padding-top: 4px;
+  border-top: 1px solid lightgrey;
+}
+
+.luckysheet-formula-help-content-example {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.luckysheet-arguments-help-section-title {
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.example-title {
+  color: var(--color-text-secondary, #77818A);
+
+/* fv/text/helper/sm-bold */
+font-family: "Helvetica Neue";
+font-size: var(--font-size-2xsm, 12px);
+font-style: normal;
+font-weight: 500;
+line-height: 16px; /* 133.333% */
+}
+
+.example-value {
+  color: var(--color-text-default, #363B3F);
+
+/* fv/text/helper/sm */
+font-family: "Helvetica Neue";
+font-size: var(--font-size-2xsm, 12px);
+font-style: normal;
+font-weight: 400;
+line-height: 16px; /* 133.333% */
+}
+
+.formula-title {
+  display: flex;
+  justify-content: space-between;
+}
+
 .luckysheet-formula-help-title-formula {
   width: 250px;
   word-break: break-word;
@@ -1419,30 +1514,6 @@ html::-webkit-scrollbar-button {
   min-width: 154px;
 }
 
-/* Add scrollbar styles */
-#fortune-search-replace .table-container {
-  scrollbar-width: thin;
-  scrollbar-color: #babac0 transparent;
-}
-
-#fortune-search-replace .table-container::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-#fortune-search-replace .table-container::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-
-#fortune-search-replace .table-container::-webkit-scrollbar-thumb {
-  background-color: #babac0;
-  border-radius: 16px;
-}
-
-#fortune-search-replace .table-container::-webkit-scrollbar-button {
-  display: none;
-}
-
 .fortune-link-modify-modal {
   position: absolute;
   overflow: hidden;
@@ -1758,11 +1829,14 @@ html::-webkit-scrollbar-button {
 }
 
 #range-dialog {
-  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 4px 16px rgb(0 0 0 / 20%);
   background: #fff;
-  border: 1px solid hsl(var(--color-border-default));
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.333);
   outline: 0;
   position: absolute;
+  color: #000;
+  padding: 30px 42px;
   z-index: 100003;
   left: 50%;
   top: 50%;
@@ -1828,41 +1902,34 @@ html::-webkit-scrollbar-button {
 
 .condition-format-sub-menu {
   position: absolute;
-  top: -12px;
-  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
+  top: -8px;
+  box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
   background: #fff;
-  border: 1px solid hsl(var(--color-border-default));
-  border-radius: 8px;
+  border: 1px solid rgba(0, 0, 0, 0.2);
   cursor: default;
-  font-size: 14px;
+  font-size: 12px;
   z-index: 1004;
   box-sizing: border-box;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
   outline: none;
-  padding: 8px;
-  min-width: 190px;
 }
 
 .condition-format-item {
   display: flex;
   justify-content: space-between;
-  padding: 8px;
+  padding: 6px 18px;
   z-index: 1005;
-  border-radius: 4px;
-  cursor: pointer;
 }
 
 .condition-format-item:hover {
-  background: hsl(var(--color-bg-default-hover));
-  transition: all 0.2s ease-in-out;
+  background: #efefef;
 }
 
 .condition-format-item span {
-  font-size: 14px;
-  color: hsl(var(--color-text-secondary));
-  font-weight: 400;
+  font-size: 10px;
+  color: #afafaf;
 }
 
 .horizontal-line {
@@ -1904,11 +1971,8 @@ html::-webkit-scrollbar-button {
 }
 
 .condition-rules {
-  /* padding: 0px 42px 34px 42px; */
-  font-size: 14px;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
+  padding: 0px 42px 34px 42px;
+  font-size: 12px;
 }
 
 .condition-rules-title {
@@ -1918,8 +1982,9 @@ html::-webkit-scrollbar-button {
   margin-bottom: 18px;
 }
 
-.condition-rules-value {
-  margin-bottom: 4px;
+.conditin-rules-value {
+  margin: 5px 0;
+  font-weight: 600;
 }
 
 .condition-rules-inpbox {
@@ -1949,45 +2014,40 @@ html::-webkit-scrollbar-button {
 }
 
 .condition-rules-setbox {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
+  border: 1px solid #d4d4d4;
 }
 
 .condition-rules-set {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: 8px;
+  padding: 5px 10px;
 }
 
 .condition-rules-color {
-  display: flex;
-  align-items: center;
-  gap: 8px;
+  height: 30px;
+  line-height: 30px;
+  position: relative;
 }
 
 .condition-rules-check {
-  /* float: left; */
-  /* margin-top: 10px; */
+  float: left;
+  margin-top: 10px;
 }
 
 .condition-rules-label {
   display: inline-block;
-  width: 70px;
+  width: 80px;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
 
 .condition-rules-select-color {
-  background: hsl(var(--color-bg-default));
-  width: 2.5rem;
-  height: 1.5rem;
-  border-radius: 4px;
-  padding: 0;
-  margin: 0;
-  cursor: pointer;
+  padding: 2px;
+  border: solid 1px #e5e5e5;
+  background: #f5f5f5;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(20%, -50%);
 }
 
 .condition-rules-between-box {
@@ -2011,37 +2071,23 @@ html::-webkit-scrollbar-button {
 }
 
 .condition-rules-date {
-  width: 100%;
+  width: 98%;
+  border: none;
+  line-height: 26px;
 }
 
 .condition-rules-select {
-  width: 100%;
-  z-index: 999999;
+  width: 150px;
+  height: 30px;
 }
 
 .condition-rules-project-box {
   display: flex;
   align-items: center;
-  gap: 8px;
 }
 
 .condition-rules-project-input {
-  margin: 0px;
-  width: -moz-fit-content;
-  width: fit-content;
-  max-width: 55px !important;
-}
-
-/* Hide arrows for Chrome, Safari, Edge */
-input[type="number"].condition-rules-project-input::-webkit-outer-spin-button,
-input[type="number"].condition-rules-project-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-/* Hide arrows for Firefox */
-input[type="number"].condition-rules-project-input {
-  -moz-appearance: textfield;
+  margin: 0px 6px;
 }
 
 .fortune-toolbar {
@@ -2073,7 +2119,7 @@ input[type="number"].condition-rules-project-input {
 .fortune-toolbar-menu-divider {
   width: "100%";
   height: 1px;
-  margin: 8px 0px;
+  margin: 2px 6px;
   background-color: #e0e0e0;
 }
 
@@ -2139,14 +2185,14 @@ input[type="number"].condition-rules-project-input {
 .fortune-toolbar-select,
 .fortune-toolbar-color-picker {
   box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
-  padding: 0.5rem;
-  border: 1px solid hsl(var(--color-border-default));
-  border-radius: 8px;
+  padding: 10px;
+  border-radius: 6px;
   background: white;
-  min-width: 240px;
 }
 
 .fortune-toolbar-select {
+  padding-left: 0;
+  padding-right: 0;
   overflow: auto;
   max-height: 75vh;
 }
@@ -2158,7 +2204,7 @@ input[type="number"].condition-rules-project-input {
 .fortune-toolbar-select-option {
   font-size: 12px;
   min-width: 60px;
-  padding: 8px;
+  padding: 8px 12px;
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -2166,9 +2212,7 @@ input[type="number"].condition-rules-project-input {
 }
 
 .fortune-toolbar-select-option:hover {
-  background: hsl(var(--color-bg-default-hover));
-  border-radius: 4px;
-  transition: all 0.2s ease-in-out;
+  background: #efefef;
 }
 
 .fortune-toolbar-select::-webkit-scrollbar {
@@ -2367,7 +2411,6 @@ input[type="number"].condition-rules-project-input {
   background: #efefef;
   cursor: pointer;
 }
-
 /*函数公式查找样式*/
 #luckysheet-search-formula {
   font-size: 12px;
@@ -3032,30 +3075,30 @@ label {
 }
 
 .fortune-context-menu {
-  min-width: 240px;
   max-height: 100%;
   overflow-y: auto;
   border-radius: 4px;
-  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15);
   transition: opacity 0.218s;
   background: #fff;
-  border: 1px solid hsl(var(--color-border-default));
+  border: 1px solid #E8EBEC;
+  border: 1px solid #E8EBEC;
   cursor: default;
   font-size: 13px;
   margin: 0;
   outline: none;
-  padding: 8px;
+  padding: 6px 0;
   position: absolute;
   z-index: 1004;
   box-sizing: border-box;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size: 14px;
   max-width: 250px;
   box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.08);
-  color: #363b3f;
+  color: #363B3F;
   line-height: 20px;
 }
 
@@ -3063,14 +3106,8 @@ label {
   display: flex;
   align-items: center;
   height: 20px;
-  cursor: pointer;
-  border-radius: 4px;
 }
 
-.context-item:hover {
-  background: hsl(var(--color-bg-default-hover));
-  transition: all 0.2s ease-in-out;
-}
 
 .fortune-context-menu input.luckysheet-mousedown-cancel {
   width: 35px;
@@ -3092,19 +3129,20 @@ label {
   cursor: pointer;
   list-style: none;
   margin: 0;
+  padding: 1px 6em 1px 20px;
   white-space: nowrap;
+  padding-left: 8px;
   vertical-align: middle;
+  padding-right: 24px;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  border-radius: 4px;
 }
 
 /* 右击菜单项目 hover背景色 */
 .luckysheet-cols-menu .luckysheet-cols-menuitem:hover,
 .luckysheet-cols-menu .luckysheet-cols-menuitem-hover {
-  background: hsl(var(--color-bg-default-hover));
-  transition: all 0.2s ease-in-out;
+  background: #efefef;
 }
 
 .luckysheet-cols-menu
@@ -3115,14 +3153,11 @@ label {
   cursor: pointer;
   list-style: none;
   margin: 0;
-  padding: 8px !important;
+  padding: 6px 10px 6px 10px !important;
   white-space: nowrap;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  display: flex;
-  align-items: center;
-  gap: 8px;
 }
 
 .fortune-filter-menu .luckysheet-cols-menuitem {
@@ -3341,10 +3376,30 @@ label {
   right: -18px;
 }
 
-.tippy-box {
-  background-color: transparent !important;
+.fortune-sort-title {
+  background-color: #fff;
+  color: #000;
+  cursor: default;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px;
+  margin: 0 0 16px;
 }
-.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
+
+.fortune-sort-modal > div {
+  margin-bottom: 10px;
+}
+
+.fortune-sort-tablec td {
+  padding: 5px;
+  white-space: nowrap;
+}
+
+.fortune-sort-button {
+  margin-top: 10px;
+  margin-bottom: 25px;
+}
+
 #fortune-change-color {
   min-width: 164px;
   height: 252px;