@g1cloud/bluesea 5.0.0-beta.3 → 5.0.0-beta.30

package/dist/bluesea.css

@@ -1553,6 +1553,16 @@
 .bs-popup-button .bs-context-menu {
   position: absolute;
   min-width: 100%;
+}
+.bs-popup-button.icon-only > button {
+  border: 0 !important;
+  padding: 4px 0;
+}
+.bs-popup-button.icon-only > button > .font-icon {
+  font-size: 1.2rem;
+}
+.bs-popup-button.icon-only > button > .font-icon.right {
+  display: none;
 }.bs-box-component-wrap, .bs-select-wrap, .bs-input-wrap, .bs-text-input {
   display: inline-flex;
   flex-direction: column;
@@ -3885,10 +3895,10 @@ to {
   border-radius: 0 2px 2px 0;
 }
 .bs-color-input.error input[type=color] {
-  border-color: var(--error);
+  border-color: var(--danger);
 }
 .bs-color-input.error .bs-text-input .input-area {
-  border-color: var(--error);
+  border-color: var(--danger);
 }
 .bs-color-input.modified input[type=color] {
   border-color: var(--purple);
@@ -3896,6 +3906,11 @@ to {
 .bs-color-input.modified .bs-text-input .input-area {
   border-color: var(--purple);
 }
+.bs-color-input.disabled input[type=color] {
+  border-color: var(--border) !important;
+  background-color: var(--gray-100) !important;
+  color: var(--gray-400) !important;
+}
 .bs-color-input .view-mode {
   line-height: 1;
 }
@@ -7095,21 +7110,28 @@ to {
   position: relative;
   align-items: center;
   height: 28px;
-  padding: 0 4px;
+  padding: 0 3px;
   border-radius: 4px;
   cursor: pointer;
+  border: 1px solid transparent;
+}
+.bs-tree-row .row-caption.selected {
+  background-color: var(--blue-bg);
+}
+.bs-tree-row .row-caption.selected .caption {
+  color: var(--blue);
+  font-weight: bold;
+}
+.bs-tree-row .row-caption.focused {
+  border: 1px solid var(--blue);
 }
 .bs-tree-row .row-caption .caption {
-  padding: 4px;
+  padding: 3px;
   cursor: pointer;
   user-select: none;
   flex-grow: 1;
   white-space: nowrap;
 }
-.bs-tree-row .row-caption .caption.selected {
-  color: var(--blue);
-  font-weight: bold;
-}
 .bs-tree-row .row-caption > .expand-icon {
   transform: rotate(-90deg);
   transition: transform 300ms ease;
@@ -7161,6 +7183,7 @@ to {
 }.bs-tree {
   overflow: auto;
   position: relative;
+  outline: 0;
 }
 .bs-tree > .tree-wrap {
   min-width: max-content;
@@ -8053,7 +8076,7 @@ to {
 }
 .bs-multi-tree-select .bs-popup {
   min-width: 200px;
-}.bs-popup-select[data-v-70cc785c] {
+}.bs-popup-select[data-v-d74fd89c] {
   column-gap: 8px !important;
 }.bs-box-component-wrap, .bs-select-wrap, .bs-input-wrap, .bs-text-area {
   display: inline-flex;
@@ -8521,17 +8544,17 @@ input[data-v-ef5774f0] {
   border-right: 1px solid var(--border);
   background-color: var(--body-bg);
   color: var(--body-text);
-}input[data-v-8648edf8] {
+}input[data-v-d556d8eb] {
   width: 48px;
   height: 26px;
   padding: 2px 4px;
   border: 1px solid var(--border);
   border-radius: 2px;
   background-color: var(--body-bg);
-}span.table-property[data-v-96d890f0] {
+}span.table-property[data-v-537f70be] {
   position: relative;
 }
-span.table-property[data-v-96d890f0]:after {
+span.table-property[data-v-537f70be]:after {
   content: "settings";
   position: absolute;
   font-size: 0.5em;
@@ -9062,6 +9085,52 @@ span.table-property[data-v-96d890f0]:after {
 }
 .bs-media-preview:hover .show-on-hover {
   display: block;
+}.bs-media-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 250;
+  background-color: rgba(0, 0, 0, 0.9);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.bs-media-overlay .bs-media-overlay-media {
+  max-width: 95vw;
+  max-height: 95vh;
+  object-fit: contain;
+}
+.bs-media-overlay .bs-media-overlay-close {
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  color: var(--white);
+  font-size: 1.8em;
+  background-color: rgba(0, 0, 0, 0.5);
+  border-radius: 4px;
+  padding: 4px;
+  line-height: 1;
+}
+.bs-media-overlay .bs-media-overlay-nav {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  color: var(--white);
+  font-size: 3em;
+  background-color: rgba(0, 0, 0, 0.5);
+  border-radius: 4px;
+  padding: 8px 4px;
+  line-height: 1;
+  user-select: none;
+}
+.bs-media-overlay .bs-media-overlay-prev {
+  left: 12px;
+}
+.bs-media-overlay .bs-media-overlay-next {
+  right: 12px;
+}
+.bs-media-overlay .bs-media-overlay-nav-disabled {
+  opacity: 0.25;
+  cursor: default;
 }.bs-image-upload {
   display: inline-block;
 }
@@ -9114,19 +9183,19 @@ span.table-property[data-v-96d890f0]:after {
 }
 .bs-image-upload .disabled .image-box {
   border-color: var(--border) !important;
-}.image-upload-move[data-v-872f4521],
-.image-upload-enter-active[data-v-872f4521],
-.image-upload-leave-active[data-v-872f4521] {
+}.image-upload-move[data-v-e57e268c],
+.image-upload-enter-active[data-v-e57e268c],
+.image-upload-leave-active[data-v-e57e268c] {
   transition: all 0.3s ease;
 }
-.image-upload-leave-from[data-v-872f4521],
-.image-upload-leave-to[data-v-872f4521] {
+.image-upload-leave-from[data-v-e57e268c],
+.image-upload-leave-to[data-v-e57e268c] {
   display: none;
 }
-.image-upload-enter-from[data-v-872f4521] {
+.image-upload-enter-from[data-v-e57e268c] {
   opacity: 0;
 }
-.image-upload-leave-active[data-v-872f4521] {
+.image-upload-leave-active[data-v-e57e268c] {
   position: absolute;
 }.bs-positioned-image-upload .image-box {
   border: 1px solid var(--border);
@@ -9148,6 +9217,82 @@ span.table-property[data-v-96d890f0]:after {
 .bs-positioned-image-upload .upload-btn {
   background-color: var(--gray-100);
   color: #999;
+}.bs-file-upload {
+  display: inline-block;
+}
+.bs-file-upload.modified .file-box {
+  border-color: var(--purple) !important;
+}
+.bs-file-upload.error .file-box {
+  border-color: var(--red) !important;
+}
+.bs-file-upload .file-box {
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  padding: 8px 12px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-height: 40px;
+}
+.bs-file-upload .file-box .file-icon {
+  color: var(--gray-500);
+  font-size: 1.2em;
+}
+.bs-file-upload .file-box .file-name {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bs-file-upload .file-box a.file-name {
+  color: var(--primary);
+  text-decoration: none;
+}
+.bs-file-upload .file-box a.file-name:hover {
+  text-decoration: underline;
+}
+.bs-file-upload .file-box .remove-btn {
+  border: none;
+  background: none;
+  padding: 4px;
+  color: var(--gray-500);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.bs-file-upload .file-box .remove-btn:hover {
+  color: var(--red);
+}
+.bs-file-upload .upload-btn-wrapper {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.bs-file-upload .upload-btn-wrapper .upload-btn {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--gray-500);
+  padding: 4px 8px;
+  border-radius: 4px;
+}
+.bs-file-upload .upload-btn-wrapper .upload-btn:hover:not(.disabled) {
+  background-color: var(--gray-100);
+  color: var(--color-text);
+}
+.bs-file-upload .upload-btn-wrapper .no-file {
+  color: var(--gray-400);
+}
+.bs-file-upload .upload-btn-wrapper.dropping {
+  background-color: var(--primary-200);
+  border: 2px dashed var(--primary);
+  border-radius: 4px;
+}
+.bs-file-upload .disabled .file-box {
+  opacity: 0.5;
+  border-color: var(--border) !important;
 }.resize-handle[data-v-f4cd842f] {
   position: absolute;
   width: 5px;
@@ -10755,6 +10900,10 @@ span.table-property[data-v-96d890f0]:after {
   width: 100%;
   overflow-x: auto;
   overflow-y: hidden;
+  scrollbar-width: none;
+}
+.bs-tab-sheet .tab-bar::-webkit-scrollbar {
+  display: none;
 }
 .bs-tab-sheet .tab-bar .tabs {
   padding-top: 8px;
@@ -10769,7 +10918,7 @@ span.table-property[data-v-96d890f0]:after {
   margin-bottom: -1px;
   white-space: nowrap;
   cursor: pointer;
-  overflow-x: auto;
+  overflow-x: hidden;
 }
 .bs-tab-sheet .tab-bar .tabs .tab + .tab:before {
   content: "|";
@@ -10851,14 +11000,9 @@ span.table-property[data-v-96d890f0]:after {
   border-bottom: 0;
 }.bs-list-layout-item {
   position: relative;
-  border: 1px solid var(--gray-200);
-  margin-top: -1px;
-}
-.bs-list-layout-item:nth-child(odd) .list-item-title {
   background-color: var(--body-bg);
-}
-.bs-list-layout-item:nth-child(even) .list-item-title {
-  background-color: var(--gray-100);
+  border: 1px solid var(--gray-300);
+  margin-top: -1px;
 }
 .bs-list-layout-item.selected {
   border-color: var(--primary);
@@ -10871,21 +11015,38 @@ span.table-property[data-v-96d890f0]:after {
   color: var(--primary);
 }
 .bs-list-layout-item > .list-item-title {
-  padding: 4px 8px;
+  padding: 8px;
+  background-color: var(--gray-200);
 }
-.bs-list-layout-item > .list-item-title > .title-text {
-  font-size: 1.2em;
+.bs-list-layout-item:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+.bs-list-layout-item:first-child > .list-item-title {
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+.bs-list-layout-item:last-child {
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+.bs-list-layout-item:last-child:not(.expanded) > .list-item-title {
+  border-bottom-left-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+.bs-list-layout-item.expanded > .list-item-title {
+  border-bottom: 1px solid var(--gray-300);
 }
 .bs-list-layout-item .bs-checkbox.checked input::before {
   font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 48;
 }
 .bs-list-layout-item > .list-item-content {
-  padding: 8px 8px 8px 42px;
-}.bs-button[data-v-0f28f6a6] {
+  padding: 8px;
+}.bs-button[data-v-6e4e4dbf] {
   padding: 3px;
   height: auto;
 }
-.bs-button[data-v-0f28f6a6] .font-icon {
+.bs-button[data-v-6e4e4dbf] .font-icon {
   font-size: 12px;
 }.bs-horizontal-layout-resizer {
   cursor: ew-resize;