@fileverse-dev/fortune-react 1.0.2-mod-32 → 1.0.2-mod-28-patch-1

package/dist/index.umd.css

@@ -944,25 +944,32 @@ html::-webkit-scrollbar-button {
 }
 
 .luckysheet-filter-options {
+  color: #897bff;
   cursor: pointer;
   position: absolute;
   z-index: 200;
-  border-radius: 2px;
-  top: 4px;
-  margin-right: 2px;
-  margin-top: 2px;
+  border: 1px solid #897bff;
+  border-radius: 3px;
+  top: 3px;
+  margin-left: 0px;
+  display: "block";
+  padding: 0px 4px;
   font-size: 12px;
   height: 15px;
-  padding: 1px;
-  background: hsl(var(--color-bg-tertiary));
+  background: #fff;
 }
 
 .luckysheet-filter-options:hover {
-  background: hsl(var(--color-bg-default-hover));
+  color: #fff;
+  border: 1px solid #fff;
+  background: #897bff;
 }
 
 .luckysheet-filter-options-active {
-  background: hsl(var(--color-bg-tertiary));
+  color: #fff;
+  border: 1px solid #897bff;
+  padding: 0px 1px;
+  background: #897bff;
 }
 
 .caret {
@@ -1133,7 +1140,7 @@ html::-webkit-scrollbar-button {
 .luckysheet-formula-help-content {
   display: flex;
   flex-direction: column;
-  /* gap: 8px; */
+  gap: 8px;
 }
 
 .luckysheet-formula-help-content-param {
@@ -1173,6 +1180,14 @@ font-style: normal;
 font-weight: 400;
 line-height: 16px; /* 133.333% */
 }
+.example-value-code {
+    color: var(--color-text-default, #363B3F);
+
+font-size: var(--font-size-2xsm, 12px);
+font-style: normal;
+font-weight: 400;
+line-height: 16px; /* 133.333% */
+}
 
 .formula-title {
   display: flex;
@@ -1196,7 +1211,7 @@ line-height: 16px; /* 133.333% */
 }
 
 .luckysheet-arguments-help-parameter-content {
-  padding: 1px 10px;
+  padding: 1px 0px;
   display: inline-block;
   word-wrap: break-word;
 }
@@ -1536,108 +1551,10 @@ line-height: 16px; /* 133.333% */
   overflow: hidden;
   background-color: #fff;
   z-index: 300;
-  padding: 16px 20px 20px 20px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  border: 1px solid #e5e5e5;
-  border-radius: 8px;
-  min-width: 320px;
-}
-
-.fortune-link-cards-container {
-  position: absolute;
-  display: flex;
-  gap: 16px;
-  z-index: 300;
-}
-
-.fortune-link-card {
-  position: absolute;
-  background-color: #fff;
-  border: 1px solid #e5e5e5;
-  border-radius: 8px;
-  padding: 16px;
-  width: 300px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  z-index: 300;
-}
-
-.fortune-link-type-select {
-  width: 100% !important;
-}
-
-.fortune-link-type-dropdown {
-  z-index: 999999 !important;
-}
-
-.fortune-sheet-dropdown {
-  z-index: 999999 !important;
-}
-
-.fortune-input-with-icon {
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-
-.fortune-input-with-icon .input-icon {
-  position: absolute;
-  left: 12px;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 16px;
-  height: 16px;
-  color: #666;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.fortune-input-with-icon .input-icon svg {
-  width: 16px;
-  height: 16px;
-}
-
-.fortune-link-input {
-  width: 100% !important;
-  padding-left: 36px !important;
-}
-
-.fortune-sheet-select {
-  width: 100% !important;
-  padding-left: 36px !important;
-}
-
-/* Ensure Select dropdowns appear above everything */
-[data-radix-portal] {
-  z-index: 999999 !important;
-}
-
-.fortune-insert-button {
-  width: 100% !important;
-  background-color: #000 !important;
-  color: white !important;
-  border: none !important;
-  border-radius: 6px !important;
-  padding: 12px !important;
-  font-weight: 500 !important;
-}
-
-.fortune-insert-button:hover {
-  background-color: #333 !important;
-}
-
-.fortune-insert-button:disabled {
-  background-color: #ccc !important;
-  color: #666 !important;
-  cursor: not-allowed !important;
-}
-
-.fortune-insert-button:disabled:hover {
-  background-color: #ccc !important;
+  padding: 6px 20px 10px 20px;
+  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 16%);
+  border: solid 0.5px #e5e5e5;
+  border-radius: 6px;
 }
 
 .fortune-link-modify-modal.link-toolbar {
@@ -1683,72 +1600,82 @@ line-height: 16px; /* 133.333% */
 }
 
 .fortune-link-modify-line {
-  padding-top: 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.fortune-link-modify-line:first-child {
-  padding-top: 0;
+  padding-top: 10px;
 }
 
 .fortune-link-modify-title {
-  font-size: 14px;
-  font-weight: 500;
+  font-size: 12px;
+  display: inline-block;
+  height: 16px;
+  width: 74px;
+  line-height: 16px;
+  padding: 7px 0;
   color: #333333;
-  margin-bottom: 4px;
-}
-
-.fortune-link-modify-input {
-  width: 100% !important;
+  margin-right: 6px;
 }
 
+.fortune-link-modify-input,
 .fortune-link-modify-select {
-  width: 100% !important;
+  width: 232px;
+  box-sizing: border-box;
+  height: 26px;
+  border-radius: 5px;
+  border: 1px solid #d9d9d9;
+  font-size: 12px;
+  padding: 1px 8px;
+  outline: none;
+  -webkit-user-select: auto;
+  -moz-user-select: auto;
+  -ms-user-select: auto;
+  user-select: auto;
 }
 
-.input-with-selector {
-  position: relative;
-  display: flex;
-  align-items: center;
+.fortune-link-modify-input:focus,
+.fortune-link-modify-modal .range-selection-input:focus {
+  border-color: #4d90fe;
 }
 
-.input-with-selector .fortune-link-modify-input {
-  padding-right: 32px !important;
+.fortune-link-modify-input.error-input,
+.fortune-link-modify-modal .range-selection-input.error-input {
+  border: 1px solid #ef4e2f !important;
 }
 
 .fortune-link-modify-cell-selector {
-  position: absolute;
-  right: 8px;
-  top: 50%;
-  transform: translateY(-50%);
   width: 20px;
-  height: 20px;
-  padding: 2px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  right: 24px;
+  padding: 4px;
+  position: absolute;
+  display: inline-block;
   border: none;
   cursor: pointer;
-  background: transparent;
-  border-radius: 4px;
-}
-
-.fortune-link-modify-cell-selector:hover {
-  background-color: rgba(0, 0, 0, 0.06);
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
 }
 
 .fortune-link-modify-modal .modal-title {
-  font-weight: 600;
-  font-size: 18px;
+  font-weight: 500;
+  font-size: 16px;
   color: rgba(0, 0, 0, 0.88);
-  margin-bottom: 16px;
+  margin-bottom: 12px;
   line-height: 24px;
 }
 
 .fortune-link-modify-modal .range-selection-input {
-  width: 100% !important;
+  display: block;
+  outline: none;
+  font-size: 14px;
+  height: 32px;
+  width: 100%;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 7px 11px;
+  border: 1px solid #e0e0e0;
+  border-radius: 4px;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  margin: 0;
 }
 
 .fortune-link-modify-modal .modal-icon-close {
@@ -1756,53 +1683,52 @@ line-height: 16px; /* 133.333% */
   right: 22px;
   top: 22px;
   cursor: pointer;
-  width: 20px;
-  height: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 4px;
-}
-
-.fortune-link-modify-modal .modal-icon-close:hover {
-  background-color: rgba(0, 0, 0, 0.06);
 }
 
 .fortune-link-modify-modal .validation-input-tip {
+  height: 17px;
   font-size: 12px;
   color: #ef4e2f;
-  margin-top: 4px;
+  margin: 3px 0px;
 }
 
 .fortune-link-modify-modal .button-group {
   display: flex;
-  gap: 12px;
-  justify-content: flex-end;
 }
 
 .fortune-link-modify-modal .modal-footer {
   display: flex;
   justify-content: flex-end;
-  padding-top: 20px;
-  margin-top: 8px;
-  border-top: 1px solid #f0f0f0;
+  padding: 0px 0px 5px 0px;
 }
 
 .fortune-link-modify-modal.range-selection-modal .modal-footer {
-  padding-top: 16px;
-  border-top: 1px solid #f0f0f0;
+  padding: 0px;
+}
+
+.fortune-link-modify-modal .button-basic {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  font-size: 14px;
+  height: 32px;
+  width: 88px;
+  padding: 0;
+  border-radius: 4px;
+  cursor: pointer;
 }
 
-/* Error state styling for fileverse/ui components */
-.fortune-link-modify-modal .error-input input,
-.fortune-link-card .error-input input {
-  border-color: #ef4e2f !important;
+.fortune-link-modify-modal .button-default {
+  color: rgb(38, 42, 51);
+  background-color: rgb(255, 255, 255);
+  border: 1px solid rgb(235, 235, 235);
 }
 
-.fortune-link-modify-modal .error-input input:focus,
-.fortune-link-card .error-input input:focus {
-  border-color: #ef4e2f !important;
-  box-shadow: 0 0 0 2px rgba(239, 78, 47, 0.2) !important;
+.fortune-link-modify-modal .button-primary {
+  color: white;
+  background-color: #0188fb;
+  margin-left: 14px;
 }
 
 #fortune-data-verification {
@@ -3146,12 +3072,13 @@ label {
   min-width: 240px;
   max-height: 100%;
   overflow-y: auto;
-  border-radius: 8px;
+  border-radius: 4px;
   box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
   transition: opacity 0.218s;
   background: #fff;
   border: 1px solid hsl(var(--color-border-default));
   cursor: default;
+  font-size: 13px;
   margin: 0;
   outline: none;
   padding: 8px;
@@ -3163,8 +3090,9 @@ label {
           user-select: none;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px;
-  /* max-width: 250px; */
-  color: hsl(var(--color-text-default));
+  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;
   line-height: 20px;
 }
 
@@ -3246,10 +3174,9 @@ label {
 
 .fortune-menuitem-row {
   display: flex;
+  padding: 7px 24px;
   white-space: pre;
   align-items: center;
-  gap: 8px;
-  justify-content: flex-end;
 }
 
 .fortune-byvalue-btn {
@@ -3375,32 +3302,21 @@ label {
 }
 
 #luckysheet-filter-byvalue-select {
-  position: relative;
   min-height: 100px;
-  max-height: 210px;
   overflow-y: auto;
   overflow-x: hidden;
-  padding: 8px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  border-radius: 4px;
-  border: 1px solid hsl(var(--color-border-default));
+  padding: 4px 24px;
 }
 
 #luckysheet-filter-byvalue-select .count,
 #luckysheet-pivotTableFilter-byvalue-select .count {
-  color: hsl(var(--color-text-secondary));
-  font-size: 14px;
+  color: gray;
+  margin-left: 5px;
 }
 
 #luckysheet-filter-byvalue-select .select-item {
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  font-size: 14px;
-
 }
 
 /*颜色筛选 -- pan*/