@g1cloud/bluesea 5.0.0-alpha.94 → 5.0.0-alpha.96

package/css/component.scss

@@ -286,6 +286,16 @@
     }
   }
 
+  &.disabled {
+    & input::before {
+      color: $color-gray-400 !important;
+    }
+
+    & input ~ label {
+      color: $color-gray-400 !important;
+    }
+  }
+
   &.error {
     input::before {
       color: $danger !important;
@@ -304,6 +314,7 @@
   outline: 0;
   background-color: $color-body-bg;
   color: $color-body-text;
+  min-width: 64px;
 
   &:hover > .selected {
     border-color: $color-border-hover;
@@ -318,7 +329,7 @@
     border: 1px solid $color-border;
     border-radius: 2px;
     padding: 0 6px;
-    min-width: 50px;
+    min-width: 100%;
     cursor: pointer;
     display: flex;
 

package/css/frame/default.scss

@@ -124,13 +124,14 @@ header.default-header {
   }
 
   .header-tabs {
-    margin: 0 16px;
+    margin: 0 4px 0 16px;
     display: flex;
     align-items: end;
     gap: 1px;
     flex-grow: 1;
     align-self: end;
     overflow-x: auto;
+    scrollbar-width: none;
 
     .header-tab {
       background-color: $color-header-tab;
@@ -143,7 +144,7 @@ header.default-header {
       flex-grow: 1;
       position: relative;
       max-width: 180px;
-      min-width: 110px;
+      min-width: 48px;
       color: $color-header-text;
       cursor: pointer;
 
@@ -189,6 +190,30 @@ header.default-header {
       }
     }
   }
+
+  .header-tab-list-button {
+    align-self: end;
+
+    .tab-list-button {
+      min-width: 20px;
+      height: 32px;
+      padding: 4px 2px;
+      border-top-left-radius: 4px;
+      border-top-right-radius: 4px;
+      color: $color-header-text;
+      background-color: $color-header-tab;
+      user-select: none;
+      cursor: pointer;
+
+      &:hover:not(:active) {
+        opacity: .8;
+      }
+
+      &:active {
+        opacity: 1;
+      }
+    }
+  }
 }
 
 html {

package/css/utility.scss

@@ -154,6 +154,14 @@
   }
 }
 
+.min-w-0 {
+  min-width: 0 !important;
+}
+
+.min-h-0 {
+  min-height: 0 !important;
+}
+
 // display
 
 @mixin display() {
@@ -799,3 +807,7 @@ $vertical-aligns: baseline, top, middle, bottom, text-bottom, text-top;
 .cursor-default {
   cursor: default !important;
 }
+
+.focus-outline-none:focus {
+  outline: none !important;
+}

package/css/variable.scss

@@ -45,8 +45,8 @@ $blue: $primary-500 !default;
 $blue-bg: $primary-200 !default;
 $red: #EB0000 !default;
 $red-bg: #FFE3E2 !default;
-$orange: #F99341!default;
-$orange-bg: #FFF8DE!default;
+$orange: #F99341 !default;
+$orange-bg: #FFF8DE !default;
 $green: #2FA04D !default;
 $green-bg: #E9FEE7 !default;
 $purple: #945BD9 !default;
@@ -234,8 +234,7 @@ $gray-bg-dark: $gray-500;
   $purple-bg,
   $gray,
   $gray-bg,
-)
-{
+) {
   --header-bg-color: #{$header-bg};
   --header-text-color: #{$header-text};
   --body-bg-color: #{$body-bg};

package/dist/{BSAlertModal-CyLhWi4Z.js → BSAlertModal-DMAOeP5V.js}

@@ -1,20 +1,5 @@
 import { defineComponent, openBlock, createBlock, withCtx, createElementVNode, withDirectives, createVNode, unref } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, v as vT } from "./index-CQ7ikpUz.js";
-function doFocus(el) {
-  el.focus();
-}
-const vFocusOnLoad = {
-  mounted: (el, binding) => {
-    if (binding.value === void 0 || String(binding.value) === "true" || typeof binding.value === "number") {
-      if (typeof binding.value === "number") {
-        setTimeout(() => doFocus(el), binding.value);
-      } else {
-        doFocus(el);
-      }
-    }
-  }
-};
-const vFocusOnLoad$1 = vFocusOnLoad;
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, v as vFocusOnLoad, i as vT } from "./index-DOuQt3GC.js";
 const _hoisted_1 = { class: "text-right" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BSAlertModal",
@@ -35,7 +20,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       modalHandle.close();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, { title: _ctx.title }, {
+      return openBlock(), createBlock(_sfc_main$1, {
+        title: _ctx.title,
+        "auto-focus": ""
+      }, {
         buttons: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
             withDirectives(createVNode(BSButton, {
@@ -45,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "data-id": "okBtn",
               onClick: clickOk
             }, null, 512), [
-              [unref(vFocusOnLoad$1)]
+              [unref(vFocusOnLoad)]
             ])
           ])
         ]),

package/dist/{BSGridColumnSettingModal-BdE5gwTK.js → BSGridColumnSettingModal-Csg9RD_i.js}

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

package/dist/{BSYesNoModal-C79FnSRz.js → BSYesNoModal-DzZDDSxW.js}

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

package/dist/{BSYoutubeInputModal-BcsnOCBj.js → BSYoutubeInputModal-BROkfuE3.js}

@@ -1,5 +1,5 @@
 import { defineComponent, useModel, ref, openBlock, createBlock, withCtx, createElementVNode, createVNode, unref, createCommentVNode } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, B as BSButton, e as extractYoutubeVideoId } from "./index-CQ7ikpUz.js";
+import { u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, B as BSButton, e as extractYoutubeVideoId } from "./index-DOuQt3GC.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" };

package/dist/{ImageInsertModal-C0jLo583.js → ImageInsertModal-H4fb0KIX.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, openBlock, createBlock, withCtx, createVNode, withDirectives, createElementVNode, vShow } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, a as _sfc_main$2, b as _sfc_main$3, c as _sfc_main$4, B as BSButton } from "./index-CQ7ikpUz.js";
-import { _ as _sfc_main$5 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-BNUD4Jvn.js";
+import { u as useModalHandle, _ as _sfc_main$1, a as _sfc_main$2, b as _sfc_main$3, c as _sfc_main$4, B as BSButton } from "./index-DOuQt3GC.js";
+import { _ as _sfc_main$5 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-DoBrnaZD.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" };
@@ -36,7 +36,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const close = () => modalHandle.close();
     modalHandle.setDefaultStyle({
-      width: "540px"
+      width: "540px",
+      height: "460px"
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, { title: { key: "bs.richtext.insertImage" } }, {

package/dist/{ImageProperties.vue_vue_type_script_setup_true_lang-BNUD4Jvn.js → ImageProperties.vue_vue_type_script_setup_true_lang-DoBrnaZD.js}

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

package/dist/{ImagePropertiesModal-DnNs3pWi.js → ImagePropertiesModal-DwQ3X4MX.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, onMounted, useTemplateRef, openBlock, createBlock, withCtx, createElementBlock, createElementVNode, createVNode, createCommentVNode } from "vue";
-import { i as findImageNode, u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, B as BSButton, j as imageInfoNumberToPixel, k as formValidator } from "./index-CQ7ikpUz.js";
-import { _ as _sfc_main$4 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-BNUD4Jvn.js";
+import { j as findImageNode, u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, B as BSButton, k as imageInfoNumberToPixel, l as formValidator } from "./index-DOuQt3GC.js";
+import { _ as _sfc_main$4 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-DoBrnaZD.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-7reCxlAi.js → LinkPropertiesModal-DntgbMkA.js}

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

package/dist/{TableInsertModal-CPUMFIGw.js → TableInsertModal-PVzSFxN5.js}

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

package/dist/{VideoInsertModal-DJzt3PJY.js → VideoInsertModal-Dy1MtGKR.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, openBlock, createBlock, withCtx, createVNode, withDirectives, createElementVNode, vShow } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, a as _sfc_main$2, b as _sfc_main$3, c as _sfc_main$4, B as BSButton } from "./index-CQ7ikpUz.js";
-import { _ as _sfc_main$5 } from "./VideoProperties.vue_vue_type_script_setup_true_lang-DtjimxUo.js";
+import { u as useModalHandle, _ as _sfc_main$1, a as _sfc_main$2, b as _sfc_main$3, c as _sfc_main$4, B as BSButton } from "./index-DOuQt3GC.js";
+import { _ as _sfc_main$5 } from "./VideoProperties.vue_vue_type_script_setup_true_lang-_ajcMQH7.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" };
@@ -36,7 +36,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const close = () => modalHandle.close();
     modalHandle.setDefaultStyle({
-      width: "540px"
+      width: "540px",
+      height: "460px"
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, { title: { key: "bs.richtext.insertVideo" } }, {

package/dist/{VideoProperties.vue_vue_type_script_setup_true_lang-DtjimxUo.js → VideoProperties.vue_vue_type_script_setup_true_lang-_ajcMQH7.js}

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, withDirectives, unref, createTextVNode } from "vue";
-import { g as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, v as vT } from "./index-CQ7ikpUz.js";
+import { g as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, i as vT } from "./index-DOuQt3GC.js";
 const _hoisted_1 = { class: "bs-layout-horizontal gap-8" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "title" };

package/dist/{VideoPropertiesModal-CAF7Lk_Q.js → VideoPropertiesModal-DEeYVXBA.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, onMounted, useTemplateRef, openBlock, createBlock, withCtx, createElementBlock, createElementVNode, createVNode, createCommentVNode } from "vue";
-import { o as findVideoNode, u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, B as BSButton, p as videoInfoNumberToPixel, k as formValidator } from "./index-CQ7ikpUz.js";
-import { _ as _sfc_main$4 } from "./VideoProperties.vue_vue_type_script_setup_true_lang-DtjimxUo.js";
+import { p as findVideoNode, u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, B as BSButton, q as videoInfoNumberToPixel, l as formValidator } from "./index-DOuQt3GC.js";
+import { _ as _sfc_main$4 } from "./VideoProperties.vue_vue_type_script_setup_true_lang-_ajcMQH7.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/{YoutubeInsertModal-Yxoejon5.js → YoutubeInsertModal-BDFujEzP.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, openBlock, createBlock, withCtx, createElementVNode, createVNode } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, B as BSButton, y as youtubeInfoNumberToPixel } from "./index-CQ7ikpUz.js";
-import { _ as _sfc_main$4 } from "./YoutubeProperties.vue_vue_type_script_setup_true_lang-DW3AGwQu.js";
+import { u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, B as BSButton, y as youtubeInfoNumberToPixel } from "./index-DOuQt3GC.js";
+import { _ as _sfc_main$4 } from "./YoutubeProperties.vue_vue_type_script_setup_true_lang-DzYO5FKq.js";
 const _hoisted_1 = { class: "bs-layout-form" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "bs-layout-horizontal justify-content-end gap-8" };
@@ -29,7 +29,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const close = () => modalHandle.close();
     modalHandle.setDefaultStyle({
       width: "540px",
-      height: "400px"
+      height: "460px"
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, { title: { key: "bs.richtext.youtube" } }, {

package/dist/{YoutubeProperties.vue_vue_type_script_setup_true_lang-DW3AGwQu.js → YoutubeProperties.vue_vue_type_script_setup_true_lang-DzYO5FKq.js}

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

package/dist/{YoutubePropertiesModal-C1HD5Etr.js → YoutubePropertiesModal-DLTde_EY.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, onMounted, openBlock, createBlock, withCtx, createElementBlock, createElementVNode, createVNode, createCommentVNode } from "vue";
-import { l as findYoutubeNode, m as normalizeYoutubeInfoData, u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, B as BSButton, y as youtubeInfoNumberToPixel } from "./index-CQ7ikpUz.js";
-import { _ as _sfc_main$4 } from "./YoutubeProperties.vue_vue_type_script_setup_true_lang-DW3AGwQu.js";
+import { m as findYoutubeNode, o as normalizeYoutubeInfoData, u as useModalHandle, _ as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, B as BSButton, y as youtubeInfoNumberToPixel } from "./index-DOuQt3GC.js";
+import { _ as _sfc_main$4 } from "./YoutubeProperties.vue_vue_type_script_setup_true_lang-DzYO5FKq.js";
 const _hoisted_1 = {
   key: 0,
   class: "bs-layout-form"