@g1cloud/bluesea 5.0.0-beta.2 → 5.0.0-beta.21

package/css/bluesea.css

@@ -18681,6 +18681,19 @@ html {
   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;
@@ -21505,11 +21518,11 @@ html {
 }
 
 .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] {
@@ -21520,6 +21533,12 @@ html {
   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;
 }
@@ -25378,24 +25397,33 @@ html {
   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;
@@ -25462,6 +25490,7 @@ html {
 .bs-tree {
   overflow: auto;
   position: relative;
+  outline: 0;
 }
 
 .bs-tree > .tree-wrap {
@@ -26526,7 +26555,7 @@ html {
   min-width: 200px;
 }
 
-.bs-popup-select[data-v-70cc785c] {
+.bs-popup-select[data-v-d74fd89c] {
   column-gap: 8px !important;
 }
 
@@ -27084,7 +27113,7 @@ input[data-v-ef5774f0] {
   color: var(--body-text);
 }
 
-input[data-v-8648edf8] {
+input[data-v-d556d8eb] {
   width: 48px;
   height: 26px;
   padding: 2px 4px;
@@ -27093,11 +27122,11 @@ input[data-v-8648edf8] {
   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;
@@ -27800,22 +27829,22 @@ div[data-v-c1655c12] {
   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-bb3fe045],
+.image-upload-enter-active[data-v-bb3fe045],
+.image-upload-leave-active[data-v-bb3fe045] {
   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-bb3fe045],
+.image-upload-leave-to[data-v-bb3fe045] {
   display: none;
 }
 
-.image-upload-enter-from[data-v-872f4521] {
+.image-upload-enter-from[data-v-bb3fe045] {
   opacity: 0;
 }
 
-.image-upload-leave-active[data-v-872f4521] {
+.image-upload-leave-active[data-v-bb3fe045] {
   position: absolute;
 }
 
@@ -27845,6 +27874,99 @@ div[data-v-c1655c12] {
   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;
@@ -29940,16 +30062,9 @@ div[data-v-c1655c12] {
 
 .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 {
@@ -29966,11 +30081,32 @@ div[data-v-c1655c12] {
 }
 
 .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 {
@@ -29978,15 +30114,15 @@ div[data-v-c1655c12] {
 }
 
 .bs-list-layout-item > .list-item-content {
-  padding: 8px 8px 8px 42px;
+  padding: 8px;
 }
 
-.bs-button[data-v-0f28f6a6] {
+.bs-button[data-v-487255f8] {
   padding: 3px;
   height: auto;
 }
 
-.bs-button[data-v-0f28f6a6] .font-icon {
+.bs-button[data-v-487255f8] .font-icon {
   font-size: 12px;
 }
 

package/dist/{BSAlertModal-BixCrZDD.js → BSAlertModal-CYU9CQls.js}

@@ -1,5 +1,5 @@
 import { defineComponent, createBlock, openBlock, withCtx, withDirectives, createElementVNode, unref, createVNode } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, v as vT, B as BSButton, j as vFocusOnLoad } from "./index-CDwzpZX0.js";
+import { u as useModalHandle, _ as _sfc_main$1, v as vT, B as BSButton, l as vFocusOnLoad } from "./index-D3w5seMa.js";
 const _hoisted_1 = { class: "text-right" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BSAlertModal",

package/dist/{BSGridColumnSettingModal-CVVenSnr.js → BSGridColumnSettingModal-ZZsojFuF.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, onMounted, createBlock, openBlock, withCtx, createElementVNode, createVNode, mergeProps, unref, toHandlers, nextTick } from "vue";
-import { f as createInputGridHandler, u as useModalHandle, _ as _sfc_main$1, B as BSButton, g as _sfc_main$2, h as _sfc_main$3, i as _sfc_main$4, n as notNull } from "./index-CDwzpZX0.js";
+import { g as createInputGridHandler, u as useModalHandle, _ as _sfc_main$1, B as BSButton, h as _sfc_main$2, j as _sfc_main$3, k as _sfc_main$4, n as notNull } from "./index-D3w5seMa.js";
 const _hoisted_1 = { class: "text-center" };
 const _hoisted_2 = { class: "text-center" };
 const _hoisted_3 = { class: "bs-layout-horizontal" };

package/dist/{BSRichTextMaximizedModal-BqzE5__U.js → BSRichTextMaximizedModal-SyLzOqK2.js}

@@ -1,5 +1,5 @@
 import { defineComponent, mergeModels, useModel, useTemplateRef, createBlock, openBlock } from "vue";
-import { u as useModalHandle, d as _sfc_main$1 } from "./index-CDwzpZX0.js";
+import { u as useModalHandle, d as _sfc_main$1 } from "./index-D3w5seMa.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BSRichTextMaximizedModal",
   props: /* @__PURE__ */ mergeModels({

package/dist/{BSYesNoModal-B5lERw_k.js → BSYesNoModal-BnlBSnTl.js}

@@ -1,5 +1,5 @@
 import { defineComponent, createBlock, openBlock, withCtx, withDirectives, createElementVNode, unref, createVNode } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, v as vT, B as BSButton } from "./index-CDwzpZX0.js";
+import { u as useModalHandle, _ as _sfc_main$1, v as vT, B as BSButton } from "./index-D3w5seMa.js";
 const _hoisted_1 = { class: "text-right" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BSYesNoModal",

package/dist/{BSYoutubeInputModal-eRBqHjeW.js → BSYoutubeInputModal-DoEETszL.js}

@@ -1,5 +1,5 @@
 import { defineComponent, useModel, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode, createCommentVNode, unref } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, e as extractYoutubeVideoId } from "./index-CDwzpZX0.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, e as extractYoutubeVideoId, i as isYoutubeNocookieUrl, f as buildYoutubeUrl } from "./index-D3w5seMa.js";
 import YouTube from "vue3-youtube";
 const _hoisted_1 = { class: "bs-layout-vertical gap-16" };
 const _hoisted_2 = { class: "bs-layout-horizontal align-items-center" };
@@ -18,7 +18,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const modalHandle = useModalHandle();
     const select = () => {
       const videoId = extractYoutubeVideoId(url.value);
-      modelValue.value = videoId ? `https://youtu.be/${videoId}` : void 0;
+      if (videoId) {
+        const nocookie = isYoutubeNocookieUrl(url.value);
+        modelValue.value = buildYoutubeUrl(videoId, nocookie);
+      } else {
+        modelValue.value = void 0;
+      }
       modalHandle.close();
     };
     const close = () => {

package/dist/{ImageInsertModal-DvKLXL1n.js → ImageInsertModal-CB7nCYk5.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode, withDirectives, vShow } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, a as _sfc_main$2, b as _sfc_main$3, c as _sfc_main$4 } from "./index-CDwzpZX0.js";
-import { _ as _sfc_main$5 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-DVUZuLfG.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, a as _sfc_main$2, b as _sfc_main$3, c as _sfc_main$4 } from "./index-D3w5seMa.js";
+import { _ as _sfc_main$5 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-D6zZgPOW.js";
 const _hoisted_1 = { class: "bs-layout-form title-w-8" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "bs-layout-horizontal justify-content-end gap-8" };

package/dist/{ImageProperties.vue_vue_type_script_setup_true_lang-DVUZuLfG.js → ImageProperties.vue_vue_type_script_setup_true_lang-D6zZgPOW.js}

@@ -1,5 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, withDirectives, createTextVNode, unref } from "vue";
-import { b as _sfc_main$1, c as _sfc_main$2, v as vT } from "./index-CDwzpZX0.js";
+import { b as _sfc_main$1, c as _sfc_main$2, v as vT } from "./index-D3w5seMa.js";
 const _hoisted_1 = { class: "title" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "title" };

package/dist/{ImagePropertiesModal-Dsg6BS63.js → ImagePropertiesModal-DhC1BIGM.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, onMounted, useTemplateRef, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode } from "vue";
-import { m as findImageNode, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, l as formValidator, o as imageInfoNumberToPixel } from "./index-CDwzpZX0.js";
-import { _ as _sfc_main$4 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-DVUZuLfG.js";
+import { q as findImageNode, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, p as formValidator, r as imageInfoNumberToPixel } from "./index-D3w5seMa.js";
+import { _ as _sfc_main$4 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-D6zZgPOW.js";
 const _hoisted_1 = { class: "title" };
 const _hoisted_2 = { class: "bs-layout-horizontal justify-content-end gap-8" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{LinkPropertiesModal-Ct0ykD4j.js → LinkPropertiesModal-CiC7e3lM.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, onMounted, createBlock, openBlock, withCtx, createElementVNode, createVNode, createTextVNode, withModifiers } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3 } from "./index-CDwzpZX0.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3 } from "./index-D3w5seMa.js";
 const _hoisted_1 = { class: "bs-layout-form title-w-8" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "title" };

package/dist/{TableInsertModal-BhyzkcTU.js → TableInsertModal-D6pcuU2G.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, h as _sfc_main$3 } from "./index-CDwzpZX0.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, j as _sfc_main$3 } from "./index-D3w5seMa.js";
 const _hoisted_1 = { class: "bs-layout-form" };
 const _hoisted_2 = { class: "bs-form-label" };
 const _hoisted_3 = { class: "bs-form-label" };