@g1cloud/bluesea 5.0.0-beta.19 → 5.0.0-beta.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/bluesea.css +93 -0
- package/dist/{BSAlertModal-BHxFopXM.js → BSAlertModal-bXdRoQ4g.js} +1 -1
- package/dist/{BSGridColumnSettingModal-Cb917J3D.js → BSGridColumnSettingModal-CnqefrIo.js} +1 -1
- package/dist/{BSRichTextMaximizedModal-CcaX4vLb.js → BSRichTextMaximizedModal-Dc9sFpvh.js} +1 -1
- package/dist/{BSYesNoModal-D3lgFpfA.js → BSYesNoModal-nTiw15vA.js} +1 -1
- package/dist/{BSYoutubeInputModal-DL58pg-h.js → BSYoutubeInputModal-DN55K-10.js} +1 -1
- package/dist/{ImageInsertModal-J2mLr4xn.js → ImageInsertModal-999e_ass.js} +2 -2
- package/dist/{ImageProperties.vue_vue_type_script_setup_true_lang-C0YeN_Nt.js → ImageProperties.vue_vue_type_script_setup_true_lang-Dk8Skxl0.js} +1 -1
- package/dist/{ImagePropertiesModal-CZCxhkMB.js → ImagePropertiesModal-D6g2ZYpb.js} +2 -2
- package/dist/{LinkPropertiesModal-CcUWZNil.js → LinkPropertiesModal-DUAsPJ5g.js} +1 -1
- package/dist/{TableInsertModal-DTPCKTcg.js → TableInsertModal-DuK1nGxQ.js} +1 -1
- package/dist/{TablePropertiesModal-CReXrzK1.js → TablePropertiesModal-Dn_ozHTt.js} +1 -1
- package/dist/{VideoInsertModal-BSMUkiBi.js → VideoInsertModal-CjB8Vfny.js} +2 -2
- package/dist/{VideoProperties.vue_vue_type_script_setup_true_lang-DwfUSJyi.js → VideoProperties.vue_vue_type_script_setup_true_lang-C41jIi69.js} +1 -1
- package/dist/{VideoPropertiesModal-C7rjQ3qa.js → VideoPropertiesModal-CZyluT1C.js} +2 -2
- package/dist/{YoutubeInsertModal-Ujh5_lzl.js → YoutubeInsertModal-C3VKZ3MM.js} +2 -2
- package/dist/{YoutubeProperties.vue_vue_type_script_setup_true_lang-CfmE5mV7.js → YoutubeProperties.vue_vue_type_script_setup_true_lang-D5zcnp25.js} +1 -1
- package/dist/{YoutubePropertiesModal-DwlRrWKu.js → YoutubePropertiesModal-VGbyMXuR.js} +2 -2
- package/dist/bluesea.css +76 -0
- package/dist/bluesea.js +179 -178
- package/dist/bluesea.umd.cjs +832 -577
- package/dist/component/input/BSFileUpload.vue.d.ts +76 -0
- package/dist/{index-B6nvdcYS.js → index-uI4FYMrx.js} +938 -683
- package/dist/index.d.ts +1 -0
- package/package.json +1 -1
- package/text/bluesea_text_en.json +8 -0
- package/text/bluesea_text_fr.json +8 -0
- package/text/bluesea_text_ja.json +8 -0
- package/text/bluesea_text_ko.json +8 -0
- package/text/bluesea_text_zh.json +8 -0
package/css/bluesea.css
CHANGED
|
@@ -27874,6 +27874,99 @@ div[data-v-c1655c12] {
|
|
|
27874
27874
|
color: #999;
|
|
27875
27875
|
}
|
|
27876
27876
|
|
|
27877
|
+
.bs-file-upload {
|
|
27878
|
+
display: inline-block;
|
|
27879
|
+
}
|
|
27880
|
+
|
|
27881
|
+
.bs-file-upload.modified .file-box {
|
|
27882
|
+
border-color: var(--purple) !important;
|
|
27883
|
+
}
|
|
27884
|
+
|
|
27885
|
+
.bs-file-upload.error .file-box {
|
|
27886
|
+
border-color: var(--red) !important;
|
|
27887
|
+
}
|
|
27888
|
+
|
|
27889
|
+
.bs-file-upload .file-box {
|
|
27890
|
+
border: 1px solid var(--border);
|
|
27891
|
+
border-radius: 4px;
|
|
27892
|
+
padding: 8px 12px;
|
|
27893
|
+
display: flex;
|
|
27894
|
+
align-items: center;
|
|
27895
|
+
gap: 8px;
|
|
27896
|
+
min-height: 40px;
|
|
27897
|
+
}
|
|
27898
|
+
|
|
27899
|
+
.bs-file-upload .file-box .file-icon {
|
|
27900
|
+
color: var(--gray-500);
|
|
27901
|
+
font-size: 1.2em;
|
|
27902
|
+
}
|
|
27903
|
+
|
|
27904
|
+
.bs-file-upload .file-box .file-name {
|
|
27905
|
+
flex: 1;
|
|
27906
|
+
overflow: hidden;
|
|
27907
|
+
text-overflow: ellipsis;
|
|
27908
|
+
white-space: nowrap;
|
|
27909
|
+
}
|
|
27910
|
+
|
|
27911
|
+
.bs-file-upload .file-box a.file-name {
|
|
27912
|
+
color: var(--primary);
|
|
27913
|
+
text-decoration: none;
|
|
27914
|
+
}
|
|
27915
|
+
|
|
27916
|
+
.bs-file-upload .file-box a.file-name:hover {
|
|
27917
|
+
text-decoration: underline;
|
|
27918
|
+
}
|
|
27919
|
+
|
|
27920
|
+
.bs-file-upload .file-box .remove-btn {
|
|
27921
|
+
border: none;
|
|
27922
|
+
background: none;
|
|
27923
|
+
padding: 4px;
|
|
27924
|
+
color: var(--gray-500);
|
|
27925
|
+
display: flex;
|
|
27926
|
+
align-items: center;
|
|
27927
|
+
justify-content: center;
|
|
27928
|
+
}
|
|
27929
|
+
|
|
27930
|
+
.bs-file-upload .file-box .remove-btn:hover {
|
|
27931
|
+
color: var(--red);
|
|
27932
|
+
}
|
|
27933
|
+
|
|
27934
|
+
.bs-file-upload .upload-btn-wrapper {
|
|
27935
|
+
width: 100%;
|
|
27936
|
+
display: flex;
|
|
27937
|
+
align-items: center;
|
|
27938
|
+
justify-content: center;
|
|
27939
|
+
}
|
|
27940
|
+
|
|
27941
|
+
.bs-file-upload .upload-btn-wrapper .upload-btn {
|
|
27942
|
+
display: flex;
|
|
27943
|
+
align-items: center;
|
|
27944
|
+
gap: 4px;
|
|
27945
|
+
color: var(--gray-500);
|
|
27946
|
+
padding: 4px 8px;
|
|
27947
|
+
border-radius: 4px;
|
|
27948
|
+
}
|
|
27949
|
+
|
|
27950
|
+
.bs-file-upload .upload-btn-wrapper .upload-btn:hover:not(.disabled) {
|
|
27951
|
+
background-color: var(--gray-100);
|
|
27952
|
+
color: var(--color-text);
|
|
27953
|
+
}
|
|
27954
|
+
|
|
27955
|
+
.bs-file-upload .upload-btn-wrapper .no-file {
|
|
27956
|
+
color: var(--gray-400);
|
|
27957
|
+
}
|
|
27958
|
+
|
|
27959
|
+
.bs-file-upload .upload-btn-wrapper.dropping {
|
|
27960
|
+
background-color: var(--primary-200);
|
|
27961
|
+
border: 2px dashed var(--primary);
|
|
27962
|
+
border-radius: 4px;
|
|
27963
|
+
}
|
|
27964
|
+
|
|
27965
|
+
.bs-file-upload .disabled .file-box {
|
|
27966
|
+
opacity: 0.5;
|
|
27967
|
+
border-color: var(--border) !important;
|
|
27968
|
+
}
|
|
27969
|
+
|
|
27877
27970
|
.resize-handle[data-v-f4cd842f] {
|
|
27878
27971
|
position: absolute;
|
|
27879
27972
|
width: 5px;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, createBlock, openBlock, withCtx, withDirectives, createElementVNode, unref, createVNode } from "vue";
|
|
2
|
-
import { u as useModalHandle, _ as _sfc_main$1, v as vT, B as BSButton, j as vFocusOnLoad } from "./index-
|
|
2
|
+
import { u as useModalHandle, _ as _sfc_main$1, v as vT, B as BSButton, j as vFocusOnLoad } from "./index-uI4FYMrx.js";
|
|
3
3
|
const _hoisted_1 = { class: "text-right" };
|
|
4
4
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
5
|
__name: "BSAlertModal",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, ref, onMounted, createBlock, openBlock, withCtx, createElementVNode, createVNode, mergeProps, unref, toHandlers, nextTick } from "vue";
|
|
2
|
-
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-
|
|
2
|
+
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-uI4FYMrx.js";
|
|
3
3
|
const _hoisted_1 = { class: "text-center" };
|
|
4
4
|
const _hoisted_2 = { class: "text-center" };
|
|
5
5
|
const _hoisted_3 = { class: "bs-layout-horizontal" };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, mergeModels, useModel, useTemplateRef, createBlock, openBlock } from "vue";
|
|
2
|
-
import { u as useModalHandle, d as _sfc_main$1 } from "./index-
|
|
2
|
+
import { u as useModalHandle, d as _sfc_main$1 } from "./index-uI4FYMrx.js";
|
|
3
3
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
4
|
__name: "BSRichTextMaximizedModal",
|
|
5
5
|
props: /* @__PURE__ */ mergeModels({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, createBlock, openBlock, withCtx, withDirectives, createElementVNode, unref, createVNode } from "vue";
|
|
2
|
-
import { u as useModalHandle, _ as _sfc_main$1, v as vT, B as BSButton } from "./index-
|
|
2
|
+
import { u as useModalHandle, _ as _sfc_main$1, v as vT, B as BSButton } from "./index-uI4FYMrx.js";
|
|
3
3
|
const _hoisted_1 = { class: "text-right" };
|
|
4
4
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
5
|
__name: "BSYesNoModal",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, useModel, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode, createCommentVNode, unref } from "vue";
|
|
2
|
-
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-
|
|
2
|
+
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-uI4FYMrx.js";
|
|
3
3
|
import YouTube from "vue3-youtube";
|
|
4
4
|
const _hoisted_1 = { class: "bs-layout-vertical gap-16" };
|
|
5
5
|
const _hoisted_2 = { class: "bs-layout-horizontal align-items-center" };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, computed, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode, withDirectives, vShow } from "vue";
|
|
2
|
-
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-
|
|
3
|
-
import { _ as _sfc_main$5 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-
|
|
2
|
+
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-uI4FYMrx.js";
|
|
3
|
+
import { _ as _sfc_main$5 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-Dk8Skxl0.js";
|
|
4
4
|
const _hoisted_1 = { class: "bs-layout-form title-w-8" };
|
|
5
5
|
const _hoisted_2 = { class: "title" };
|
|
6
6
|
const _hoisted_3 = { class: "bs-layout-horizontal justify-content-end gap-8" };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, withDirectives, createTextVNode, unref } from "vue";
|
|
2
|
-
import { b as _sfc_main$1, c as _sfc_main$2, v as vT } from "./index-
|
|
2
|
+
import { b as _sfc_main$1, c as _sfc_main$2, v as vT } from "./index-uI4FYMrx.js";
|
|
3
3
|
const _hoisted_1 = { class: "title" };
|
|
4
4
|
const _hoisted_2 = { class: "title" };
|
|
5
5
|
const _hoisted_3 = { class: "title" };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, computed, ref, onMounted, useTemplateRef, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode } from "vue";
|
|
2
|
-
import { o as findImageNode, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, m as formValidator, p as imageInfoNumberToPixel } from "./index-
|
|
3
|
-
import { _ as _sfc_main$4 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-
|
|
2
|
+
import { o as findImageNode, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, m as formValidator, p as imageInfoNumberToPixel } from "./index-uI4FYMrx.js";
|
|
3
|
+
import { _ as _sfc_main$4 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-Dk8Skxl0.js";
|
|
4
4
|
const _hoisted_1 = { class: "title" };
|
|
5
5
|
const _hoisted_2 = { class: "bs-layout-horizontal justify-content-end gap-8" };
|
|
6
6
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, ref, onMounted, createBlock, openBlock, withCtx, createElementVNode, createVNode, createTextVNode, withModifiers } from "vue";
|
|
2
|
-
import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3 } from "./index-
|
|
2
|
+
import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3 } from "./index-uI4FYMrx.js";
|
|
3
3
|
const _hoisted_1 = { class: "bs-layout-form title-w-8" };
|
|
4
4
|
const _hoisted_2 = { class: "title" };
|
|
5
5
|
const _hoisted_3 = { class: "title" };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode } from "vue";
|
|
2
|
-
import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, h as _sfc_main$3 } from "./index-
|
|
2
|
+
import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, h as _sfc_main$3 } from "./index-uI4FYMrx.js";
|
|
3
3
|
const _hoisted_1 = { class: "bs-layout-form" };
|
|
4
4
|
const _hoisted_2 = { class: "bs-form-label" };
|
|
5
5
|
const _hoisted_3 = { class: "bs-form-label" };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, computed, ref, onMounted, useTemplateRef, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode, withDirectives, createTextVNode, unref, Fragment, renderList, toDisplayString } from "vue";
|
|
2
|
-
import { k as componentUtil, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, v as vT, l as _sfc_main$4, m as formValidator } from "./index-
|
|
2
|
+
import { k as componentUtil, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, v as vT, l as _sfc_main$4, m as formValidator } from "./index-uI4FYMrx.js";
|
|
3
3
|
const findTableNode = (selection, type) => {
|
|
4
4
|
const head = selection.$head;
|
|
5
5
|
let depth = head.depth;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, computed, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode, withDirectives, vShow } from "vue";
|
|
2
|
-
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-
|
|
3
|
-
import { _ as _sfc_main$5 } from "./VideoProperties.vue_vue_type_script_setup_true_lang-
|
|
2
|
+
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-uI4FYMrx.js";
|
|
3
|
+
import { _ as _sfc_main$5 } from "./VideoProperties.vue_vue_type_script_setup_true_lang-C41jIi69.js";
|
|
4
4
|
const _hoisted_1 = { class: "bs-layout-form title-w-8" };
|
|
5
5
|
const _hoisted_2 = { class: "title" };
|
|
6
6
|
const _hoisted_3 = { class: "bs-layout-horizontal justify-content-end gap-8" };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, withDirectives, createTextVNode, unref } from "vue";
|
|
2
|
-
import { i as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, v as vT } from "./index-
|
|
2
|
+
import { i as _sfc_main$1, b as _sfc_main$2, c as _sfc_main$3, v as vT } from "./index-uI4FYMrx.js";
|
|
3
3
|
const _hoisted_1 = { class: "bs-layout-horizontal gap-8" };
|
|
4
4
|
const _hoisted_2 = { class: "title" };
|
|
5
5
|
const _hoisted_3 = { class: "title" };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, computed, ref, onMounted, useTemplateRef, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode } from "vue";
|
|
2
|
-
import { s as findVideoNode, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, m as formValidator, t as videoInfoNumberToPixel } from "./index-
|
|
3
|
-
import { _ as _sfc_main$4 } from "./VideoProperties.vue_vue_type_script_setup_true_lang-
|
|
2
|
+
import { s as findVideoNode, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, m as formValidator, t as videoInfoNumberToPixel } from "./index-uI4FYMrx.js";
|
|
3
|
+
import { _ as _sfc_main$4 } from "./VideoProperties.vue_vue_type_script_setup_true_lang-C41jIi69.js";
|
|
4
4
|
const _hoisted_1 = { class: "title" };
|
|
5
5
|
const _hoisted_2 = { class: "bs-layout-horizontal justify-content-end gap-8" };
|
|
6
6
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, computed, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode } from "vue";
|
|
2
|
-
import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, y as youtubeInfoNumberToPixel } from "./index-
|
|
3
|
-
import { _ as _sfc_main$4 } from "./YoutubeProperties.vue_vue_type_script_setup_true_lang-
|
|
2
|
+
import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, y as youtubeInfoNumberToPixel } from "./index-uI4FYMrx.js";
|
|
3
|
+
import { _ as _sfc_main$4 } from "./YoutubeProperties.vue_vue_type_script_setup_true_lang-D5zcnp25.js";
|
|
4
4
|
const _hoisted_1 = { class: "bs-layout-form" };
|
|
5
5
|
const _hoisted_2 = { class: "title" };
|
|
6
6
|
const _hoisted_3 = { class: "bs-layout-horizontal justify-content-end gap-8" };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, withDirectives, createTextVNode, unref } from "vue";
|
|
2
|
-
import { b as _sfc_main$1, c as _sfc_main$2, v as vT } from "./index-
|
|
2
|
+
import { b as _sfc_main$1, c as _sfc_main$2, v as vT } from "./index-uI4FYMrx.js";
|
|
3
3
|
const _hoisted_1 = { class: "title" };
|
|
4
4
|
const _hoisted_2 = { class: "title" };
|
|
5
5
|
const _hoisted_3 = { class: "title" };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, computed, ref, onMounted, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode } from "vue";
|
|
2
|
-
import { q as findYoutubeNode, r as normalizeYoutubeInfoData, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, y as youtubeInfoNumberToPixel } from "./index-
|
|
3
|
-
import { _ as _sfc_main$4 } from "./YoutubeProperties.vue_vue_type_script_setup_true_lang-
|
|
2
|
+
import { q as findYoutubeNode, r as normalizeYoutubeInfoData, u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, y as youtubeInfoNumberToPixel } from "./index-uI4FYMrx.js";
|
|
3
|
+
import { _ as _sfc_main$4 } from "./YoutubeProperties.vue_vue_type_script_setup_true_lang-D5zcnp25.js";
|
|
4
4
|
const _hoisted_1 = {
|
|
5
5
|
key: 0,
|
|
6
6
|
class: "bs-layout-form"
|
package/dist/bluesea.css
CHANGED
|
@@ -9171,6 +9171,82 @@ span.table-property[data-v-537f70be]:after {
|
|
|
9171
9171
|
.bs-positioned-image-upload .upload-btn {
|
|
9172
9172
|
background-color: var(--gray-100);
|
|
9173
9173
|
color: #999;
|
|
9174
|
+
}.bs-file-upload {
|
|
9175
|
+
display: inline-block;
|
|
9176
|
+
}
|
|
9177
|
+
.bs-file-upload.modified .file-box {
|
|
9178
|
+
border-color: var(--purple) !important;
|
|
9179
|
+
}
|
|
9180
|
+
.bs-file-upload.error .file-box {
|
|
9181
|
+
border-color: var(--red) !important;
|
|
9182
|
+
}
|
|
9183
|
+
.bs-file-upload .file-box {
|
|
9184
|
+
border: 1px solid var(--border);
|
|
9185
|
+
border-radius: 4px;
|
|
9186
|
+
padding: 8px 12px;
|
|
9187
|
+
display: flex;
|
|
9188
|
+
align-items: center;
|
|
9189
|
+
gap: 8px;
|
|
9190
|
+
min-height: 40px;
|
|
9191
|
+
}
|
|
9192
|
+
.bs-file-upload .file-box .file-icon {
|
|
9193
|
+
color: var(--gray-500);
|
|
9194
|
+
font-size: 1.2em;
|
|
9195
|
+
}
|
|
9196
|
+
.bs-file-upload .file-box .file-name {
|
|
9197
|
+
flex: 1;
|
|
9198
|
+
overflow: hidden;
|
|
9199
|
+
text-overflow: ellipsis;
|
|
9200
|
+
white-space: nowrap;
|
|
9201
|
+
}
|
|
9202
|
+
.bs-file-upload .file-box a.file-name {
|
|
9203
|
+
color: var(--primary);
|
|
9204
|
+
text-decoration: none;
|
|
9205
|
+
}
|
|
9206
|
+
.bs-file-upload .file-box a.file-name:hover {
|
|
9207
|
+
text-decoration: underline;
|
|
9208
|
+
}
|
|
9209
|
+
.bs-file-upload .file-box .remove-btn {
|
|
9210
|
+
border: none;
|
|
9211
|
+
background: none;
|
|
9212
|
+
padding: 4px;
|
|
9213
|
+
color: var(--gray-500);
|
|
9214
|
+
display: flex;
|
|
9215
|
+
align-items: center;
|
|
9216
|
+
justify-content: center;
|
|
9217
|
+
}
|
|
9218
|
+
.bs-file-upload .file-box .remove-btn:hover {
|
|
9219
|
+
color: var(--red);
|
|
9220
|
+
}
|
|
9221
|
+
.bs-file-upload .upload-btn-wrapper {
|
|
9222
|
+
width: 100%;
|
|
9223
|
+
display: flex;
|
|
9224
|
+
align-items: center;
|
|
9225
|
+
justify-content: center;
|
|
9226
|
+
}
|
|
9227
|
+
.bs-file-upload .upload-btn-wrapper .upload-btn {
|
|
9228
|
+
display: flex;
|
|
9229
|
+
align-items: center;
|
|
9230
|
+
gap: 4px;
|
|
9231
|
+
color: var(--gray-500);
|
|
9232
|
+
padding: 4px 8px;
|
|
9233
|
+
border-radius: 4px;
|
|
9234
|
+
}
|
|
9235
|
+
.bs-file-upload .upload-btn-wrapper .upload-btn:hover:not(.disabled) {
|
|
9236
|
+
background-color: var(--gray-100);
|
|
9237
|
+
color: var(--color-text);
|
|
9238
|
+
}
|
|
9239
|
+
.bs-file-upload .upload-btn-wrapper .no-file {
|
|
9240
|
+
color: var(--gray-400);
|
|
9241
|
+
}
|
|
9242
|
+
.bs-file-upload .upload-btn-wrapper.dropping {
|
|
9243
|
+
background-color: var(--primary-200);
|
|
9244
|
+
border: 2px dashed var(--primary);
|
|
9245
|
+
border-radius: 4px;
|
|
9246
|
+
}
|
|
9247
|
+
.bs-file-upload .disabled .file-box {
|
|
9248
|
+
opacity: 0.5;
|
|
9249
|
+
border-color: var(--border) !important;
|
|
9174
9250
|
}.resize-handle[data-v-f4cd842f] {
|
|
9175
9251
|
position: absolute;
|
|
9176
9252
|
width: 5px;
|