@fileverse-dev/fortune-react 1.0.2-mod-28-patch-2 → 1.0.2-mod-34

package/dist/index.esm.css

@@ -944,32 +944,25 @@ html::-webkit-scrollbar-button {
 }
 
 .luckysheet-filter-options {
-  color: #897bff;
   cursor: pointer;
   position: absolute;
   z-index: 200;
-  border: 1px solid #897bff;
-  border-radius: 3px;
-  top: 3px;
-  margin-left: 0px;
-  display: "block";
-  padding: 0px 4px;
+  border-radius: 2px;
+  top: 4px;
+  margin-right: 2px;
+  margin-top: 2px;
   font-size: 12px;
   height: 15px;
-  background: #fff;
+  padding: 1px;
+  background: hsl(var(--color-bg-tertiary));
 }
 
 .luckysheet-filter-options:hover {
-  color: #fff;
-  border: 1px solid #fff;
-  background: #897bff;
+  background: hsl(var(--color-bg-default-hover));
 }
 
 .luckysheet-filter-options-active {
-  color: #fff;
-  border: 1px solid #897bff;
-  padding: 0px 1px;
-  background: #897bff;
+  background: hsl(var(--color-bg-tertiary));
 }
 
 .caret {
@@ -1551,10 +1544,108 @@ line-height: 16px; /* 133.333% */
   overflow: hidden;
   background-color: #fff;
   z-index: 300;
-  padding: 6px 20px 10px 20px;
-  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 16%);
-  border: solid 0.5px #e5e5e5;
-  border-radius: 6px;
+  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;
 }
 
 .fortune-link-modify-modal.link-toolbar {
@@ -1600,82 +1691,72 @@ line-height: 16px; /* 133.333% */
 }
 
 .fortune-link-modify-line {
-  padding-top: 10px;
+  padding-top: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.fortune-link-modify-line:first-child {
+  padding-top: 0;
 }
 
 .fortune-link-modify-title {
-  font-size: 12px;
-  display: inline-block;
-  height: 16px;
-  width: 74px;
-  line-height: 16px;
-  padding: 7px 0;
+  font-size: 14px;
+  font-weight: 500;
   color: #333333;
-  margin-right: 6px;
+  margin-bottom: 4px;
+}
+
+.fortune-link-modify-input {
+  width: 100% !important;
 }
 
-.fortune-link-modify-input,
 .fortune-link-modify-select {
-  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;
+  width: 100% !important;
 }
 
-.fortune-link-modify-input:focus,
-.fortune-link-modify-modal .range-selection-input:focus {
-  border-color: #4d90fe;
+.input-with-selector {
+  position: relative;
+  display: flex;
+  align-items: center;
 }
 
-.fortune-link-modify-input.error-input,
-.fortune-link-modify-modal .range-selection-input.error-input {
-  border: 1px solid #ef4e2f !important;
+.input-with-selector .fortune-link-modify-input {
+  padding-right: 32px !important;
 }
 
 .fortune-link-modify-cell-selector {
-  width: 20px;
-  right: 24px;
-  padding: 4px;
   position: absolute;
-  display: inline-block;
+  right: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 20px;
+  height: 20px;
+  padding: 2px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   border: none;
   cursor: pointer;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
+  background: transparent;
+  border-radius: 4px;
+}
+
+.fortune-link-modify-cell-selector:hover {
+  background-color: rgba(0, 0, 0, 0.06);
 }
 
 .fortune-link-modify-modal .modal-title {
-  font-weight: 500;
-  font-size: 16px;
+  font-weight: 600;
+  font-size: 18px;
   color: rgba(0, 0, 0, 0.88);
-  margin-bottom: 12px;
+  margin-bottom: 16px;
   line-height: 24px;
 }
 
 .fortune-link-modify-modal .range-selection-input {
-  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;
+  width: 100% !important;
 }
 
 .fortune-link-modify-modal .modal-icon-close {
@@ -1683,52 +1764,53 @@ 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: 3px 0px;
+  margin-top: 4px;
 }
 
 .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: 0px 0px 5px 0px;
+  padding-top: 20px;
+  margin-top: 8px;
+  border-top: 1px solid #f0f0f0;
 }
 
 .fortune-link-modify-modal.range-selection-modal .modal-footer {
-  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;
+  padding-top: 16px;
+  border-top: 1px solid #f0f0f0;
 }
 
-.fortune-link-modify-modal .button-default {
-  color: rgb(38, 42, 51);
-  background-color: rgb(255, 255, 255);
-  border: 1px solid rgb(235, 235, 235);
+/* 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-primary {
-  color: white;
-  background-color: #0188fb;
-  margin-left: 14px;
+.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-data-verification {
@@ -2471,6 +2553,29 @@ input[type="number"].condition-rules-project-input {
   cursor: pointer;
 }
 
+.fortune-border-grid {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  gap: 4px;
+  padding: 8px;
+  min-width: 200px;
+}
+
+.fortune-border-grid-item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  cursor: pointer;
+  border-radius: 4px;
+  transition: background-color 0.2s ease;
+}
+
+.fortune-border-grid-item:hover {
+  background-color: hsl(var(--color-bg-default-hover));
+}
+
 #fortune-split-column {
   /* position: absolute;
     padding: 30px 42px;
@@ -3072,13 +3177,12 @@ label {
   min-width: 240px;
   max-height: 100%;
   overflow-y: auto;
-  border-radius: 4px;
+  border-radius: 8px;
   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;
@@ -3090,9 +3194,8 @@ label {
           user-select: none;
   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;
+  /* max-width: 250px; */
+  color: hsl(var(--color-text-default));
   line-height: 20px;
 }
 
@@ -3174,9 +3277,10 @@ label {
 
 .fortune-menuitem-row {
   display: flex;
-  padding: 7px 24px;
   white-space: pre;
   align-items: center;
+  gap: 8px;
+  justify-content: flex-end;
 }
 
 .fortune-byvalue-btn {
@@ -3302,21 +3406,32 @@ label {
 }
 
 #luckysheet-filter-byvalue-select {
+  position: relative;
   min-height: 100px;
+  max-height: 210px;
   overflow-y: auto;
   overflow-x: hidden;
-  padding: 4px 24px;
+  padding: 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  border-radius: 4px;
+  border: 1px solid hsl(var(--color-border-default));
 }
 
 #luckysheet-filter-byvalue-select .count,
 #luckysheet-pivotTableFilter-byvalue-select .count {
-  color: gray;
-  margin-left: 5px;
+  color: hsl(var(--color-text-secondary));
+  font-size: 14px;
 }
 
 #luckysheet-filter-byvalue-select .select-item {
   display: flex;
   align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  font-size: 14px;
+
 }
 
 /*颜色筛选 -- pan*/