bj-web-components 0.2.8 → 0.2.11
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/dist/index.js +1 -1
- package/dist/index.mjs +29 -15
- package/dist/style.css +1 -1
- package/dist/web/CategoryDropdown/CategoryDropdown.js +1 -0
- package/dist/web/CategoryDropdown/CategoryDropdown.mjs +260 -0
- package/dist/web/EmptyInputBox/EmptyInputBox.js +1 -0
- package/dist/web/EmptyInputBox/EmptyInputBox.mjs +74 -0
- package/dist/web/FileCard/FileCard.js +1 -0
- package/dist/web/FileCard/FileCard.mjs +128 -0
- package/dist/web/Icon/Icon.js +1 -0
- package/dist/web/Icon/Icon.mjs +10 -0
- package/dist/web/Input/Input.js +1 -0
- package/dist/web/Input/Input.mjs +173 -0
- package/dist/web/InputNumber/BInputNumber.js +1 -0
- package/dist/web/InputNumber/BInputNumber.mjs +204 -0
- package/dist/web/InputNumber/StepHandler.js +1 -0
- package/dist/web/InputNumber/StepHandler.mjs +64 -0
- package/dist/web/InputNumber/hooks/useCursor.js +1 -0
- package/dist/web/InputNumber/hooks/useCursor.mjs +39 -0
- package/dist/web/InputNumber/hooks/useFrame.js +1 -0
- package/dist/web/InputNumber/hooks/useFrame.mjs +10 -0
- package/dist/web/InputNumber/utils/decimal.js +1 -0
- package/dist/web/InputNumber/utils/decimal.mjs +119 -0
- package/dist/web/Modal/Modal.js +1 -0
- package/dist/web/Modal/Modal.mjs +82 -0
- package/dist/web/Pagination/Pagination.js +1 -0
- package/dist/web/Pagination/Pagination.mjs +253 -0
- package/dist/web/ProductField/ProductField.js +1 -0
- package/dist/web/ProductField/ProductField.mjs +226 -0
- package/dist/web/ProductField/arrow-up.svg.js +1 -0
- package/dist/web/ProductField/arrow-up.svg.mjs +4 -0
- package/dist/web/ProductField/checkbox-no.svg.js +1 -0
- package/dist/web/ProductField/checkbox-no.svg.mjs +4 -0
- package/dist/web/ProductField/checkbox-ok.svg.js +1 -0
- package/dist/web/ProductField/checkbox-ok.svg.mjs +4 -0
- package/dist/web/ProductField/no_data_light.png.js +1 -0
- package/dist/web/ProductField/no_data_light.png.mjs +4 -0
- package/dist/web/ProductField/search.svg.js +1 -0
- package/dist/web/ProductField/search.svg.mjs +4 -0
- package/dist/web/ProductField/sort.svg.js +1 -0
- package/dist/web/ProductField/sort.svg.mjs +4 -0
- package/dist/web/SkuInputCard/SkuInputCard.js +1 -0
- package/dist/web/SkuInputCard/SkuInputCard.mjs +238 -0
- package/dist/web/SkuInputCard/spin_loading_red.gif.js +1 -0
- package/dist/web/SkuInputCard/spin_loading_red.gif.mjs +4 -0
- package/dist/web/Switch/Switch.js +1 -0
- package/dist/web/Switch/Switch.mjs +61 -0
- package/dist/web/Tooltip/ConfirmTooltip.js +1 -0
- package/dist/web/Tooltip/ConfirmTooltip.mjs +26 -0
- package/dist/web/Tooltip/ContentTooltip.js +1 -0
- package/dist/web/Tooltip/ContentTooltip.mjs +29 -0
- package/dist/web/Tooltip/ProgressTooltip.js +1 -0
- package/dist/web/Tooltip/ProgressTooltip.mjs +35 -0
- package/dist/web/Tooltip/TooltipWrapper.js +1 -0
- package/dist/web/Tooltip/TooltipWrapper.mjs +13 -0
- package/dist/web/Tooltip/useAutoPlacement.js +1 -0
- package/dist/web/Tooltip/useAutoPlacement.mjs +32 -0
- package/dist/web.js +1 -1
- package/dist/web.mjs +29 -15
- package/package.json +4 -2
- package/dist/BInputNumber-CCOxUWi5.mjs +0 -1964
- package/dist/BInputNumber-DCMCtHTu.js +0 -1
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./BInputNumber
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./web/Icon/Icon.js"),r=require("./web/Tooltip/ConfirmTooltip.js"),e=require("./web/Tooltip/ProgressTooltip.js"),t=require("./web/Tooltip/ContentTooltip.js"),n=require("./web/Tooltip/TooltipWrapper.js"),u=require("./web/SkuInputCard/SkuInputCard.js"),i=require("./web/Input/Input.js"),p=require("./web/EmptyInputBox/EmptyInputBox.js"),c=require("./web/Modal/Modal.js"),s=require("./web/ProductField/ProductField.js"),l=require("./web/CategoryDropdown/CategoryDropdown.js"),a=require("./web/Pagination/Pagination.js"),q=require("./web/FileCard/FileCard.js"),d=require("./web/Switch/Switch.js"),B=require("./web/InputNumber/BInputNumber.js");exports.BuIcon=o;exports.ConfirmTooltip=r;exports.ProgressTooltip=e;exports.ContentTooltip=t;exports.TooltipWrapper=n;exports.SkuInputCard=u;exports.BuInput=i;exports.BuEmptyInputBox=p;exports.BuModal=c;exports.BuProductField=s;exports.BuCategoryDropdown=l;exports.Pagination=a;exports.FileCard=q;exports.BuSwitch=d;exports.BInputNumber=B;
|
package/dist/index.mjs
CHANGED
|
@@ -1,18 +1,32 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { default as r } from "./web/Icon/Icon.mjs";
|
|
2
|
+
import { default as e } from "./web/Tooltip/ConfirmTooltip.mjs";
|
|
3
|
+
import { default as u } from "./web/Tooltip/ProgressTooltip.mjs";
|
|
4
|
+
import { default as l } from "./web/Tooltip/ContentTooltip.mjs";
|
|
5
|
+
import { default as m } from "./web/Tooltip/TooltipWrapper.mjs";
|
|
6
|
+
import { default as x } from "./web/SkuInputCard/SkuInputCard.mjs";
|
|
7
|
+
import { default as i } from "./web/Input/Input.mjs";
|
|
8
|
+
import { default as C } from "./web/EmptyInputBox/EmptyInputBox.mjs";
|
|
9
|
+
import { default as T } from "./web/Modal/Modal.mjs";
|
|
10
|
+
import { default as g } from "./web/ProductField/ProductField.mjs";
|
|
11
|
+
import { default as w } from "./web/CategoryDropdown/CategoryDropdown.mjs";
|
|
12
|
+
import { default as F } from "./web/Pagination/Pagination.mjs";
|
|
13
|
+
import { default as b } from "./web/FileCard/FileCard.mjs";
|
|
14
|
+
import { default as k } from "./web/Switch/Switch.mjs";
|
|
15
|
+
import { default as E } from "./web/InputNumber/BInputNumber.mjs";
|
|
2
16
|
export {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
17
|
+
E as BInputNumber,
|
|
18
|
+
w as BuCategoryDropdown,
|
|
19
|
+
C as BuEmptyInputBox,
|
|
20
|
+
r as BuIcon,
|
|
21
|
+
i as BuInput,
|
|
22
|
+
T as BuModal,
|
|
23
|
+
g as BuProductField,
|
|
24
|
+
k as BuSwitch,
|
|
11
25
|
e as ConfirmTooltip,
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
26
|
+
l as ContentTooltip,
|
|
27
|
+
b as FileCard,
|
|
28
|
+
F as Pagination,
|
|
29
|
+
u as ProgressTooltip,
|
|
30
|
+
x as SkuInputCard,
|
|
31
|
+
m as TooltipWrapper
|
|
18
32
|
};
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.bu-icon{width:1em;height:1em;overflow:hidden;vertical-align:-.15em;fill:currentColor}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-popup{position:absolute;z-index:1000;background:#fff;border-radius:6px;box-shadow:0 4px 16px #0000001f;border:1px solid #e5e7eb;min-width:200px;max-width:280px;padding:16px}.tooltip-popup--top{bottom:calc(100% + 16px);left:50%;transform:translate(-50%)}.tooltip-popup--topLeft{bottom:calc(100% + 16px);left:0}.tooltip-popup--topRight{bottom:calc(100% + 16px);right:0}.tooltip-popup--bottom{top:calc(100% + 16px);left:50%;transform:translate(-50%)}.tooltip-popup--bottomLeft{top:calc(100% + 16px);left:0}.tooltip-popup--bottomRight{top:calc(100% + 16px);right:0}.tooltip-popup--left{right:calc(100% + 16px);top:50%;transform:translateY(-50%)}.tooltip-popup--leftTop{right:calc(100% + 16px);top:0}.tooltip-popup--leftBottom{right:calc(100% + 16px);bottom:0}.tooltip-popup--right{left:calc(100% + 16px);top:50%;transform:translateY(-50%)}.tooltip-popup--rightTop{left:calc(100% + 16px);top:0}.tooltip-popup--rightBottom{left:calc(100% + 16px);bottom:0}.tooltip-popup--light{box-shadow:0 2px 6px #0000000f}.tooltip-popup--bordered{border-color:#ebebeb;box-shadow:0 2px 8px #00000014}.tooltip-popup--tinted{background:#f5f3ff;border-color:#ddd6fe;box-shadow:0 2px 8px #8b5cf61a}.tooltip-popup--content{width:max-content;min-width:30px;min-height:32px;padding:24px;text-align:center}.tooltip-arrow{position:absolute;width:14px;height:14px;background:#fff;transform:rotate(45deg)}.tooltip-arrow--top{bottom:-8px;left:calc(50% - 8px);border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-radius:0 0 2px}.tooltip-arrow--topLeft{bottom:-8px;left:16px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-radius:0 0 2px}.tooltip-arrow--topRight{bottom:-8px;right:16px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-radius:0 0 2px}.tooltip-arrow--bottom{top:-8px;left:calc(50% - 8px);border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb;border-radius:2px 0 0}.tooltip-arrow--bottomLeft{top:-8px;left:16px;border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb;border-radius:2px 0 0}.tooltip-arrow--bottomRight{top:-8px;right:16px;border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb;border-radius:2px 0 0}.tooltip-arrow--left{right:-8px;top:calc(50% - 8px);border-top:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-radius:0 2px 0 0}.tooltip-arrow--leftTop{right:-8px;top:16px;border-top:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-radius:0 2px 0 0}.tooltip-arrow--leftBottom{right:-8px;bottom:16px;border-top:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-radius:0 2px 0 0}.tooltip-arrow--right{left:-8px;top:calc(50% - 8px);border-bottom:1px solid #e5e7eb;border-left:1px solid #e5e7eb;border-radius:0 0 0 2px}.tooltip-arrow--rightTop{left:-8px;top:16px;border-bottom:1px solid #e5e7eb;border-left:1px solid #e5e7eb;border-radius:0 0 0 2px}.tooltip-arrow--rightBottom{left:-8px;bottom:16px;border-bottom:1px solid #e5e7eb;border-left:1px solid #e5e7eb;border-radius:0 0 0 2px}.tooltip-arrow--tinted-bg{background:#f5f3ff}.tooltip-confirm__title{font-size:12px;color:#111827;margin-bottom:12px;line-height:1.5}.tooltip-confirm__actions{display:flex;align-items:center;justify-content:center;gap:30px}.tooltip-confirm__cancel{background:none;border:none;padding:0;height:24px;font-size:12px;color:#374151;cursor:pointer;border-radius:4px;transition:background-color .15s;width:60px}.tooltip-confirm__cancel:hover{background:#f3f4f6}.tooltip-confirm__ok{background:#1f2937;border:none;padding:0;height:24px;font-size:12px;color:#fff;cursor:pointer;border-radius:6px;width:60px;font-weight:500;transition:background-color .15s}.tooltip-confirm__ok:hover{background:#374151}.tooltip-progress{min-width:220px}.tooltip-progress__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tooltip-progress__title{font-size:12px;color:#111827;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tooltip-progress__percent{font-size:12px;color:#6b7280;font-weight:500;flex-shrink:0;margin-left:8px}.tooltip-progress__track{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.tooltip-progress__fill{height:100%;width:var(--tooltip-progress, 0%);background:#1f2937;border-radius:2px;transition:width .3s ease}.bu-tooltip-content__text{font-size:12px;color:#6b7280;line-height:1.6;overflow-wrap:break-word;margin-bottom:0}@keyframes sku-shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.sku-input-card{position:relative;display:flex;flex-direction:row;min-width:411px;height:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;background-clip:padding-box}.sku-input-card--error{border-color:#fde6e9}.sku-input-card__drag{display:flex;align-items:center;justify-content:center;width:32px;flex-shrink:0;color:#333;background:#f5f5f5;cursor:grab;margin-right:12px}.sku-input-card__drag:active{cursor:grabbing}.sku-input-card__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;padding:12px 12px 12px 0}.sku-input-card__header{display:flex;align-items:center;gap:8px;background:#fff}.sku-input-card__name-wrap{position:relative;flex:1;min-width:0}.sku-input-card__name-input{width:100%;height:40px;background:#f5f5f5;border:1px solid #ebebeb;border-radius:6px;padding:0 8px;font-size:14px;color:#333;outline:none;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:background .2s ease,border-color .2s ease}.sku-input-card__name-input::placeholder{color:#999}.sku-input-card__name-input--with-toggle{padding-right:118px}.sku-input-card__name-input--error{border-width:3px;border-color:#fde6e9;animation:sku-shake .4s ease}.sku-input-card__name-input--error::placeholder{color:#e60023}.sku-input-card__lang-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:2px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.sku-input-card__lang-btn{height:24px;width:51px;padding:0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:#374151;line-height:24px;text-align:center}.sku-input-card__lang-btn--active{background:#1f2937;color:#fff}.sku-input-card__lang-btn--inactive{color:#374151}.sku-input-card__delete{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#333;background:#f3f4f6;border:none;cursor:pointer;flex-shrink:0;border-radius:4px;padding:0}.sku-input-card__delete:hover{color:#333}.sku-input-card__file-input{display:none}.sku-input-card__body{height:280px;display:flex;align-items:stretch;background:#f5f5f5;border-radius:8px;overflow:hidden}.sku-input-card__image-item{position:relative;flex:1}.sku-input-card__image-thumb{width:100%;height:100%;object-fit:cover;display:block}.sku-input-card__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;gap:20px;opacity:0;transition:opacity .2s ease}.sku-input-card__image-item:hover .sku-input-card__image-overlay{opacity:1}.sku-input-card__image-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#fff;cursor:pointer;padding:0}.sku-input-card__image-action-btn svg{width:32px;height:32px}.sku-input-card__add-btn{display:flex;align-items:center;justify-content:center;flex:1;color:#333;background:none;border:none;border-radius:4px;cursor:pointer}.sku-input-card__add-btn:hover{color:#333}.sku-input-card__upload-options{display:flex;align-items:center;justify-content:center;flex:1}.sku-input-card__upload-options-box{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001f;overflow:hidden}.sku-input-card__upload-opt-btn{display:flex;align-items:center;justify-content:center;width:140px;height:45px;padding:0;background:none;border:none;cursor:pointer;font-size:13px;color:#6b7280;transition:background .15s ease,color .15s ease}.sku-input-card__upload-opt-btn:hover{background:#f3f4f6;color:#111827}.sku-input-card__dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;z-index:100}.sku-input-card__dropdown-list{background:#fff;border-radius:6px;box-shadow:0 4px 16px #0000001f;max-height:216px;overflow-y:auto;padding-right:4px;box-sizing:border-box}.sku-input-card__dropdown-list::-webkit-scrollbar-track{margin:4px 0}.sku-input-card__dropdown-list::-webkit-scrollbar{width:4px}.sku-input-card__dropdown-list::-webkit-scrollbar-thumb{background-color:#dbdbdb;background-clip:padding-box;border:1px solid transparent;border-radius:2px / 2}.sku-input-card__dropdown-item{height:40px;display:flex;align-items:center;box-sizing:border-box;padding:8px 12px;font-size:13px;color:#333;cursor:pointer;transition:background .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:6px}.sku-input-card__dropdown-item:hover{background:#f5f5f5;border-radius:6px}.sku-input-card__dropdown-item--disabled{color:#999;cursor:not-allowed}.sku-input-card__dropdown-item--disabled:hover{background:transparent}.sku-input-card__dropdown-item--selected{font-weight:600;background:#f5f5f5}.sku-input-card__dropdown-highlight{font-weight:600}.sku-input-card__loading{display:flex;align-items:center;justify-content:center;flex:1;background:#f5f5f5}.sku-input-card__loading-img{width:48px;height:48px}@keyframes bu-input-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bu-input-shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.bu-input{box-sizing:border-box;display:flex;flex-direction:column;gap:4px}.bu-input *{box-sizing:border-box}.bu-input__label{display:flex;align-items:center;gap:2px;font-size:13px;color:#333;font-weight:500;line-height:1.5}.bu-input__required{color:#ef4444;font-size:13px;line-height:1.5}.bu-input__row{display:flex;align-items:stretch}.bu-input__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:40px;background:#fff;border:1px solid #ebebeb;color:#333;box-sizing:border-box}.bu-input__icon--left{border-right:none;border-radius:6px 0 0 6px}.bu-input__icon--right{border-left:none;border-radius:0 6px 6px 0}.bu-input__box{position:relative;flex:1;background:#f5f5f5;border:1px solid #ebebeb;border-radius:6px;padding:8px 12px;transition:border-color .2s ease;box-sizing:border-box}.bu-input__box--error{border-width:3px;border-color:#fde6e9;padding:6px 10px;animation:bu-input-shake .4s ease}.bu-input__box--error .bu-input__field::placeholder{color:#f87171}.bu-input__box--disabled{background:#f0f0f0;cursor:not-allowed}.bu-input__box--single{height:40px}.bu-input__box--number{padding-right:36px}.bu-input__box--number.bu-input__box--error{padding-right:34px}.bu-input__box--has-left{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.bu-input__box--has-right{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.bu-input__field{flex:1;width:100%;background:transparent;border:none;outline:none;padding:0;font-size:14px;color:#333;line-height:22px;-moz-appearance:none;appearance:none;-webkit-appearance:none;resize:none;box-sizing:border-box}.bu-input__field::placeholder{color:#999}.bu-input__field:disabled{cursor:not-allowed;color:#999}.bu-input__field--input{height:100%}.bu-input__field--textarea{min-height:80px;padding-bottom:36px}.bu-input__footer{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:10px}.bu-input__footer--bottom{top:auto;transform:none;bottom:8px}.bu-input__count{font-size:12px;color:#999;line-height:1;-webkit-user-select:none;user-select:none}.bu-input__translating{display:flex;align-items:center;gap:4px;font-size:12px;color:#999;-webkit-user-select:none;user-select:none}.bu-input__translating-icon{width:12px;height:12px;flex-shrink:0;animation:bu-input-spin 1s linear infinite}.bu-input__translated{display:flex;align-items:center;gap:4px;font-size:12px;color:#16a34a;-webkit-user-select:none;user-select:none}.bu-input__translated svg{width:14px;height:14px;flex-shrink:0}.bu-input__lang-toggle{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.bu-input__lang-btn{height:22px;width:44px;padding:0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:#374151;line-height:22px;text-align:center}.bu-input__lang-btn--active{background:#1f2937;color:#fff}.bu-input__stepper{position:absolute;right:0;top:0;bottom:0;width:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.3px;box-sizing:border-box}.bu-input__stepper-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:#6b7280;padding:0;line-height:1}.bu-input__stepper-btn:disabled{cursor:not-allowed;color:#ebebeb}.bu-input__error-msg{display:flex;align-items:center;gap:4px;font-size:12px;color:#ef4444;line-height:1.4;margin-top:2px}.bu-input__error-icon{flex-shrink:0;width:14px;height:14px}@keyframes bu-eib-shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.bu-eib{display:block}.bu-eib__box{position:relative;display:block;height:40px;background:#f5f5f5;border:1px solid #ebebeb;border-radius:6px;padding:0 12px;box-sizing:border-box;transition:border-color .2s ease}.bu-eib__box--actions-delete{padding-right:40px}.bu-eib__box--actions-toggle{padding-right:114px}.bu-eib__box--actions-both{padding-right:142px}.bu-eib__box--error{border-width:3px;border-color:#fde6e9;padding-left:10px;padding-top:0;padding-bottom:0;animation:bu-eib-shake .4s ease}.bu-eib__box--error.bu-eib__box--actions-delete{padding-right:38px}.bu-eib__box--error.bu-eib__box--actions-toggle{padding-right:112px}.bu-eib__box--error.bu-eib__box--actions-both{padding-right:140px}.bu-eib__box--error .bu-eib__field::placeholder{color:#f87171}.bu-eib__box--disabled{background:#f0f0f0;cursor:not-allowed}.bu-eib__field{display:block;width:100%;height:100%;background:transparent;border:none;outline:none;padding:0;font-size:14px;color:#333;line-height:40px;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box}.bu-eib__field::placeholder{color:#999}.bu-eib__field:disabled{cursor:not-allowed;color:#999}.bu-eib__actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px}.bu-eib__lang-toggle{display:flex;align-items:center;flex-shrink:0;gap:2px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.bu-eib__lang-btn{height:22px;width:44px;padding:0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:#374151;line-height:22px;text-align:center}.bu-eib__lang-btn--active{background:#1f2937;color:#fff}.bu-eib__delete{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;color:#333;border-radius:4px}.bu-eib__delete:hover{background:#f3f4f6}@keyframes bu-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bu-modal-slide-in{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bu-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:bu-modal-fade-in .18s ease}.bu-modal__container{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;width:480px;min-width:320px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;animation:bu-modal-slide-in .2s ease;overflow:hidden}.bu-modal__header{display:flex;align-items:center;height:64px;padding:0 20px;flex-shrink:0;gap:8px}.bu-modal__title{flex:1;font-size:15px;font-weight:500;color:#111827;line-height:1.4;margin:0}.bu-modal__lang-toggle{display:flex;align-items:center;flex-shrink:0;gap:2px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.bu-modal__lang-btn{height:22px;width:40px;padding:0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:#374151;line-height:22px;text-align:center;transition:background .15s ease,color .15s ease}.bu-modal__lang-btn--active{background:#1f2937;color:#fff}.bu-modal__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;color:#999;border-radius:4px;font-size:20px;line-height:1;transition:background .15s ease,color .15s ease}.bu-modal__close:hover{background:#f3f4f6;color:#333}.bu-modal__body{flex:1;padding:0 20px;min-height:63px;color:#333;font-size:14px;line-height:1.6}.bu-modal__footer{display:flex;flex-direction:column;align-items:center;padding:60px 20px 24px;gap:10px}.bu-modal__hint{font-size:12px;color:#999;line-height:1.5;text-align:center;margin:0}.bu-modal__btn-row{display:flex;align-items:center;justify-content:center;gap:32px}.bu-modal__btn-cancel{height:34px;padding:0 16px;border:none;border-radius:6px;background:transparent;color:#374151;font-size:14px;font-weight:400;cursor:pointer;line-height:34px}.bu-modal__btn-ok{height:34px;padding:0 20px;border:none;border-radius:6px;background:#1f2937;color:#fff;font-size:14px;font-weight:500;cursor:pointer;line-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:opacity .15s ease}.bu-modal__btn-ok--loading{opacity:.65;cursor:not-allowed}.bu-modal__btn-ok:disabled{cursor:not-allowed}.bu-modal__btn-ok-spinner{display:inline-block;width:14px;height:14px;border:2px solid #ffffff;border-right-color:transparent;border-radius:50%;animation:bu-modal-spin .6s linear infinite;flex-shrink:0}@keyframes bu-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html ::-webkit-scrollbar-button{display:none;height:0;width:0}html ::-webkit-scrollbar-track{-webkit-border-radius:10px;border-radius:10px}html ::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:50px;-webkit-box-shadow:inset 0 0 6px #E2E2E2}.bu-pf{position:relative;display:block;-webkit-user-select:none;user-select:none}.bu-pf ::-webkit-scrollbar-button{display:none;height:0;width:0}.bu-pf__trigger{display:flex;align-items:flex-start;min-height:40px;padding:6px 8px 6px 12px;background:#f5f5f5;border:1px solid #ebebeb;border-radius:6px;cursor:pointer;gap:8px;box-sizing:border-box;overflow:hidden}.bu-pf__trigger--selected{background:#f5f5f5;border-color:#f5f5f5}.bu-pf__trigger-tags{flex:1;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;align-content:flex-start;max-height:94px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.bu-pf__trigger-tags::-webkit-scrollbar{width:4px}.bu-pf__trigger-tags::-webkit-scrollbar-track{background:transparent}.bu-pf__trigger-tags::-webkit-scrollbar-thumb{background:#ebebeb;border-radius:2px}.bu-pf__trigger-tags::-webkit-scrollbar-button{display:none;height:0;width:0}.bu-pf__placeholder{flex:1;align-self:center;font-size:14px;color:#999;line-height:1}.bu-pf__arrow{flex-shrink:0;align-self:center;color:#999;display:flex;align-items:center;transition:transform .2s ease}.bu-pf__arrow--open{transform:rotate(180deg)}.bu-pf__panel{border-radius:6px;background:#f5f5f5}.bu-pf__dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 0 12px #00000014;overflow:hidden}.bu-pf__header{display:flex;align-items:center;padding:6px 8px 6px 12px;min-height:40px;box-sizing:border-box;gap:8px;overflow:hidden;background:#f5f5f5;border-radius:8px;border:1px solid #DBDBDB}.bu-pf__tags{flex:1;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;align-content:flex-start;max-height:94px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.bu-pf__tags::-webkit-scrollbar{width:4px}.bu-pf__tags::-webkit-scrollbar-track{background:transparent}.bu-pf__tags::-webkit-scrollbar-thumb{background:#ebebeb;border-radius:2px}.bu-pf__tags::-webkit-scrollbar-button{display:none;height:0;width:0}.bu-pf__placeholder-inline{font-size:14px;color:#999;line-height:26px}.bu-pf__tag{display:inline-flex;align-items:center;height:26px;padding:0 6px 0 8px;background:#f5f5f5;border:1px solid #e5e7eb;border-radius:4px;gap:4px;cursor:default;min-width:250px}.bu-pf__tag--single{width:100%;border:none;border-radius:0;background:transparent;padding:0;min-width:0}.bu-pf__tag-text{font-size:13px;color:#333;line-height:1;white-space:nowrap}.bu-pf__tag-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:#99999973!important;cursor:pointer;color:#fff;flex-shrink:0;border-radius:9999px;margin-left:auto}.bu-pf__tag-close svg{width:16px;height:16px}.bu-pf__close{flex-shrink:0;align-self:center;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent!important;cursor:pointer;color:#999;border-radius:9999px;transform:rotate(180deg)}.bu-pf__close:hover{background:transparent!important;color:#333}.bu-pf__toolbar{display:flex;align-items:center;gap:8px;padding:12px 12px 16px}.bu-pf__search{flex:1;display:flex;align-items:center;gap:6px;height:40px;padding:0 10px;background:#fff;border:1px solid #ebebeb;border-radius:8px}.bu-pf__search-icon{flex-shrink:0;color:#999;display:flex;align-items:center}.bu-pf__search-input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:#333;line-height:1;min-width:0}.bu-pf__search-input::placeholder{color:#c4c4c4}.bu-pf__sort-wrap{position:relative;flex-shrink:0}.bu-pf__sort-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:4px;background:#f5f5f5;cursor:pointer;color:#999}.bu-pf__sort-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:100px;background:#fff;border-radius:6px;box-shadow:0 4px 16px #0000001f;z-index:1000;overflow:hidden}.bu-pf__sort-option{padding:10px 16px;font-size:13px;color:#333;cursor:pointer;white-space:nowrap;text-align:center}.bu-pf__sort-option:hover{background:#f5f5f5}.bu-pf__sort-option--active{background:#f5f5f5;font-weight:500}.bu-pf__no-match{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 0 24px}.bu-pf__no-match-img{width:80px;height:80px;object-fit:contain}.bu-pf__no-match-text{font-size:14px;color:#999;margin:0 0 4px;font-weight:350}.bu-pf__no-match-hint{font-size:12px;color:#999;margin:0}.bu-pf__manage-btn{display:inline;border:none;background:transparent;padding:0;font-size:12px;font-weight:600;color:#333;cursor:pointer}.bu-pf__list{max-height:300px;overflow-y:auto;margin-bottom:8px;width:calc(100% - 12px);display:flex;flex-direction:column;gap:12px}.bu-pf__list::-webkit-scrollbar{width:4px}.bu-pf__list::-webkit-scrollbar-button{height:0;width:0}.bu-pf__list::-webkit-scrollbar-track{background:transparent}.bu-pf__list::-webkit-scrollbar-thumb{border-radius:2px}.bu-pf__option{display:flex;align-items:center;height:40px;flex-shrink:0;padding:0 12px;gap:10px;cursor:pointer}.bu-pf__option:not(.bu-pf__option--multiple):hover{background:#f3f4f6}.bu-pf__option--selected{background:#f3f4f6}.bu-pf__checkbox-img{flex-shrink:0;width:16px;height:16px;display:block}.bu-pf__option-label{flex:1;font-size:14px;color:#333;line-height:1}.bu-pf__add-row{border-top:1px solid #f3f4f6;cursor:pointer}.bu-category-dropdown{position:relative;display:inline-block;min-width:110px;max-width:300px}.bu-category-dropdown__trigger{display:flex;align-items:center;gap:8px;height:40px;min-width:110px;max-width:300px;padding:0 8px;background:#fff;border:1px solid #ebebeb;border-radius:8px;cursor:pointer;box-sizing:border-box;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;text-align:left}.bu-category-dropdown__trigger:hover:not(:disabled){border-color:#ebebeb;box-shadow:inset 0 0 0 2px #ebebeb}.bu-category-dropdown__trigger--open{border-color:#ebebeb;background:#f5f5f5;box-shadow:inset 0 0 0 2px #ebebeb}.bu-category-dropdown__trigger--has-value{background:#f5f5f5}.bu-category-dropdown__trigger:disabled{background:#f0f0f0;cursor:not-allowed}.bu-category-dropdown__trigger-label{display:block;width:100%;font-size:14px;line-height:21px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bu-category-dropdown__trigger-label--placeholder{color:#999}.bu-category-dropdown__trigger-chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;color:#6b7280;transition:transform .2s ease}.bu-category-dropdown__trigger-chevron--open{transform:rotate(180deg)}.bu-category-dropdown__portal{background:#fff;border-radius:8px;padding:4px;box-shadow:0 4px 16px #0000001f;border:1px solid #ebebeb;z-index:1100}.bu-category-dropdown__panel{display:flex;align-items:stretch}.bu-category-dropdown__divider{width:1px;flex-shrink:0;background:#ebebeb;align-self:stretch}.bu-category-dropdown__col{display:flex;flex-direction:column;align-items:stretch;flex-shrink:0;gap:2px;padding:0 8px 0 0;overflow-x:hidden}.bu-category-dropdown__col--indent{padding-left:8px}.bu-category-dropdown__col--last{padding-right:0}.bu-category-dropdown__col--scrollable{max-height:250px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.bu-category-dropdown__col--scrollable::-webkit-scrollbar{width:3px;height:3px;background-color:transparent}.bu-category-dropdown__col--scrollable::-webkit-scrollbar-button{display:none;height:0;width:0;background:transparent}.bu-category-dropdown__col--scrollable::-webkit-scrollbar-track{background-color:transparent;box-shadow:inset 0 0 6px transparent;border-radius:9999px}.bu-category-dropdown__col--scrollable::-webkit-scrollbar-thumb{background-color:transparent;box-shadow:inset 0 0 6px transparent;border-radius:9999px}.bu-category-dropdown__col--scrollable.bu-category-dropdown__col--scrollbar-visible::-webkit-scrollbar-thumb{background-color:#b3b3b3}.bu-category-dropdown__item{display:flex;align-items:center;gap:8px;height:40px;min-width:110px;max-width:300px;padding:0 8px;border:none;border-radius:8px;background:#fff;cursor:pointer;box-sizing:border-box;transition:background .15s ease;text-align:left;flex-shrink:0}.bu-category-dropdown__item:hover:not(:disabled){background:#f5f5f5}.bu-category-dropdown__item--selected-branch{background:#f5f5f5;padding-right:4px}.bu-category-dropdown__item--selected-leaf{background:#f5f5f5}.bu-category-dropdown__item--disabled{cursor:not-allowed;opacity:.45}.bu-category-dropdown__item-label{display:block;width:100%;font-size:14px;line-height:21px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bu-category-dropdown__item-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;color:#6b7280}.bu-category-dropdown__tooltip.tooltip-popup,.bu-category-dropdown__tooltip.tooltip-popup .tooltip-arrow{border:none}.pagination{display:flex;align-items:center;gap:16px;font-size:12px;color:#111827;-webkit-user-select:none;user-select:none}.pagination.pagination-start{justify-content:flex-start}.pagination.pagination-center{justify-content:center}.pagination.pagination-end{justify-content:flex-end}.pagination.pagination-small .pagination-item{min-width:24px;height:24px;padding:0 6px;font-size:12px}.pagination.pagination-small .pagination-prev,.pagination.pagination-small .pagination-next{width:24px;min-width:24px;height:24px;padding:0}.pagination.pagination-medium .pagination-item{min-width:32px;height:32px;padding:0 8px;font-size:14px}.pagination.pagination-large .pagination-item{min-width:40px;height:40px;padding:0 10px;font-size:16px}.pagination.pagination-disabled{opacity:.5;pointer-events:none}.pagination .pagination-total{color:#111827}.pagination .pagination-list{display:flex;align-items:center;gap:4px}.pagination .pagination-item{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;background:transparent;color:#111827;cursor:pointer;transition:all .2s;outline:none}.pagination .pagination-item:hover:not(:disabled):not(.pagination-ellipsis){background:#f3f4f6}.pagination .pagination-item:disabled{cursor:not-allowed;opacity:.5}.pagination .pagination-item.pagination-item-active{background:#f5f5f5;color:#111827}.pagination .pagination-item.pagination-ellipsis{cursor:default;pointer-events:none}.pagination .pagination-item.pagination-prev svg,.pagination .pagination-item.pagination-next svg{display:block}.pagination .pagination-item.pagination-prev:not(:disabled),.pagination .pagination-item.pagination-next:not(:disabled){background:#fff;border-radius:4px}.pagination .pagination-sizer{display:flex;align-items:center;position:relative}.pagination .pagination-sizer .pagination-sizer-select{display:inline-flex;align-items:center;position:relative;height:24px;box-sizing:border-box;padding:4px 28px 4px 8px;border:1px solid #ebebeb;border-radius:4px;background:#f5f5f5;color:#111827;font-size:12px;cursor:pointer;outline:none;transition:all .2s;text-align:left;white-space:nowrap}.pagination .pagination-sizer .pagination-sizer-select:hover:not(:disabled){border-color:#d1d5db}.pagination .pagination-sizer .pagination-sizer-select:disabled{cursor:not-allowed;opacity:.5}.pagination .pagination-sizer .pagination-sizer-select .pagination-sizer-icon{position:absolute;top:2px;bottom:2px;right:4px;pointer-events:none;transition:transform .2s}.pagination .pagination-sizer .pagination-sizer-select .pagination-sizer-icon.pagination-sizer-icon-open{transform:rotate(180deg)}.pagination .pagination-jumper{display:flex;align-items:center;gap:4px}.pagination .pagination-jumper .pagination-jumper-input{width:48px;height:24px;box-sizing:border-box;padding:4px 8px;border:1px solid #ebebeb;border-radius:4px;background:transparent;color:#111827;font-size:12px;text-align:center;outline:none;transition:border-color .2s}.pagination .pagination-jumper .pagination-jumper-input:hover:not(:disabled){border-color:#d1d5db}.pagination .pagination-jumper .pagination-jumper-input:disabled{cursor:not-allowed;opacity:.5}.pagination .pagination-jumper .pagination-jumper-input::-webkit-inner-spin-button,.pagination .pagination-jumper .pagination-jumper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pagination .pagination-jumper .pagination-jumper-input::-moz-inner-spin-button,.pagination .pagination-jumper .pagination-jumper-input::-moz-outer-spin-button{-moz-appearance:none;margin:0}.pagination.pagination-simple{display:inline-block}.pagination.pagination-simple .pagination-simple-list{display:inline-flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;padding:0;gap:8px}.pagination.pagination-simple .pagination-simple-item{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:#111827;cursor:pointer;transition:all .2s;outline:none}.pagination.pagination-simple .pagination-simple-item:hover:not(:disabled){background:#0000000d}.pagination.pagination-simple .pagination-simple-item:disabled{cursor:not-allowed;opacity:.5}.pagination.pagination-simple .pagination-simple-item svg{display:block}.pagination.pagination-simple .pagination-simple-text{color:#111827;font-size:14px;line-height:21px;padding:0 8px}.pagination-sizer-dropdown{width:116px;background:#fff;border-radius:8px;box-shadow:0 0 12px #00000024;z-index:100;overflow:hidden;padding:4px}.pagination-sizer-option{display:block;width:100%;padding:10px;border:none;background:transparent;color:#111827;font-size:12px;text-align:center;cursor:pointer;transition:background-color .2s;white-space:nowrap;border-radius:6px;height:40px;display:flex;align-items:center;justify-content:center}.pagination-sizer-option:hover{background:#f3f4f6}.pagination-sizer-option[data-selected=true]{background:#f5f5f5}.dark .pagination,.dark .pagination .pagination-item{color:#fff}.dark .pagination .pagination-item:hover:not(:disabled):not(.pagination-ellipsis){background:#ffffff1a}.dark .pagination .pagination-item.pagination-item-active{background:#ffffff1a;color:#fff}.dark .pagination .pagination-total{color:#fff}.dark .pagination .pagination-sizer .pagination-sizer-select{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.dark .pagination .pagination-sizer .pagination-sizer-select:hover:not(:disabled){border-color:#fff3}.dark .pagination .pagination-sizer .pagination-sizer-icon{color:#ffffff80}.dark .pagination .pagination-jumper .pagination-jumper-input{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.dark .pagination .pagination-jumper .pagination-jumper-input:hover:not(:disabled){border-color:#fff3}.dark .pagination.pagination-simple .pagination-simple-list{background:#ffffff0d}.dark .pagination.pagination-simple .pagination-simple-item{color:#fff}.dark .pagination.pagination-simple .pagination-simple-item:hover:not(:disabled){background:#ffffff1a}.dark .pagination.pagination-simple .pagination-simple-text{color:#fff}.file-card{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;width:210px;display:flex;flex-direction:column;gap:8px}.file-card .file-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;border-radius:inherit;display:flex;align-items:center;justify-content:center;gap:20px;opacity:0;transition:opacity .18s;pointer-events:none}.file-card .file-card__overlay-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#fff;cursor:pointer;border-radius:6px;padding:0;pointer-events:auto;transition:background .15s}.file-card .file-card__overlay-btn:hover{background:#fff3}.file-card .file-card__name-area{display:flex;align-items:flex-start;gap:4px;padding:4px 8px;height:50px}.file-card .file-card__name-area--editing{background:#fff;border:1px solid #ebebeb;border-radius:4px;padding:4px 8px;height:50px;display:flex;align-items:flex-start}.file-card .file-card__filename{flex:1;font-size:14px;line-height:1.5;color:#111827;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;padding:0;margin:0;box-sizing:border-box;vertical-align:top}.file-card .file-card__edit-input{flex:1;height:42px;padding:0;font-size:14px;line-height:1.5;color:#111827;border:none;border-radius:0;outline:none;background:transparent;resize:none;overflow-y:auto;scrollbar-width:none;box-sizing:border-box;vertical-align:top}.file-card .file-card__edit-input::-webkit-scrollbar{display:none}.file-card .file-card__edit-input:focus{outline:none}.file-card--pdf .file-card__pdf-preview{position:relative;height:138px;background:#d1d5db;border-radius:4px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:pointer;overflow:hidden;transition:box-shadow .2s}.file-card--pdf .file-card__pdf-preview:hover{box-shadow:0 4px 16px #0000001f}.file-card--pdf .file-card__pdf-preview:hover .file-card__overlay{opacity:1}.file-card--pdf .file-card__pdf-label{width:100%;padding:8px 10px;background:#1f2937;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-card--pdf .file-card__pdf-label span{font-size:14px;font-weight:350;color:#fff;letter-spacing:.3px}.file-card--other .file-card__other-preview{position:relative;height:138px;background:#fff;border:1px solid #ebebeb;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:box-shadow .2s}.file-card--other .file-card__other-preview:hover{box-shadow:0 2px 6px #0000000f}.file-card--other .file-card__other-preview:hover .file-card__overlay{opacity:1}.file-card--other .file-card__image-thumb{width:100%;height:100%;object-fit:cover}.dark .file-card--pdf .file-card__pdf-preview{background:#2a2a2a}.dark .file-card--pdf .file-card__pdf-preview:hover{box-shadow:0 4px 12px #0006}.dark .file-card--pdf .file-card__pdf-label{background:#1a1a1a}.dark .file-card--other .file-card__other-preview{background:#1f1f1f;border-color:#303030}.dark .file-card--other .file-card__other-preview:hover{box-shadow:0 2px 8px #0000004d}.dark .file-card .file-card__filename{color:#e8e8e8}.dark .file-card .file-card__name-area--editing{background:#1f1f1f;border-color:#404040;padding:4px 8px;height:50px;display:flex;align-items:flex-start}.dark .file-card .file-card__edit-input{background:transparent;color:#e8e8e8;border:none;border-radius:0;height:42px;padding:0;font-size:14px;line-height:1.5;resize:none;overflow-y:auto;scrollbar-width:none;box-sizing:border-box;vertical-align:top}.dark .file-card .file-card__edit-input::-webkit-scrollbar{display:none}.dark .file-card .file-card__edit-input:focus{outline:none}.bu-switch{--bu-switch-light-on: #333333;--bu-switch-light-off: #CCCCCC;--bu-switch-dark-on: #e60023;--bu-switch-dark-off: rgba(255, 255, 255, .25);--bu-switch-track-bg: #CCCCCC;position:relative;display:inline-block;box-sizing:border-box;width:32px;min-width:32px;height:16px;padding:0;border:none;border-radius:9999px;background:var(--bu-switch-track-bg);cursor:pointer;transition:background .2s cubic-bezier(.4,0,.2,1);outline:none;vertical-align:middle;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.bu-switch--disabled{cursor:not-allowed;opacity:.5}.bu-switch--loading{cursor:wait}.bu-switch__track{display:flex;align-items:center;width:100%;height:100%;padding:2px;box-sizing:border-box}.bu-switch__thumb{position:relative;flex-shrink:0;width:12px;height:12px;border-radius:9999px;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s cubic-bezier(.4,0,.2,1);transform:translate(0)}.bu-switch--checked .bu-switch__thumb{transform:translate(16px)}.bu-switch__loading-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#999;animation:bu-switch-spin .8s linear infinite}.bu-switch__loading-icon svg{width:10px;height:10px}@keyframes bu-switch-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bu-switch__label{flex:1;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;overflow:hidden;white-space:nowrap;line-height:1;min-width:0;padding:0 2px}.bu-switch__label--left{justify-content:flex-start}.bu-switch__label--right{justify-content:flex-end}.bj-input-number{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;width:100%;min-width:90px;background:#f5f5f5;border:1px solid #ebebeb;border-radius:8px;padding:8px 12px;transition:border-color .2s ease}.bj-input-number *{box-sizing:border-box}.bj-input-number:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;pointer-events:none;transition:box-shadow .2s ease}.bj-input-number:hover:not(.bj-input-number--disabled):not(.bj-input-number--readonly):after,.bj-input-number:active:not(.bj-input-number--disabled):not(.bj-input-number--readonly):after{box-shadow:inset 0 0 0 2px #ebebeb}.bj-input-number--focused{border-color:#ebebeb}.bj-input-number--focused:after{box-shadow:inset 0 0 0 2px #ebebeb}.bj-input-number--small{height:32px;font-size:13px}.bj-input-number--middle{height:40px;font-size:14px}.bj-input-number--large{height:48px;font-size:15px}.bj-input-number--disabled{background:#f0f0f0;cursor:not-allowed}.bj-input-number--disabled:hover{border-color:#ebebeb}.bj-input-number--readonly{background:#f3f4f6}.bj-input-number--borderless{border-color:transparent;background:transparent}.bj-input-number--borderless.bj-input-number--focused{box-shadow:none}.bj-input-number--error{border-width:3px;border-color:#fde6e9;padding:6px 10px}.bj-input-number--error .bj-input-number__input::placeholder{color:#f87171}.bj-input-number--warning{border-color:#f59e0b}.bj-input-number--out-of-range .bj-input-number__input{color:#ef4444}.bj-input-number--with-controls{padding-right:44px}.bj-input-number--with-controls.bj-input-number--error{padding-right:42px}.bj-input-number--group-left{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.bj-input-number--group-right{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.bj-input-number__prefix,.bj-input-number__suffix{display:flex;flex:none;align-items:center;color:#6b7280;pointer-events:none}.bj-input-number__prefix{margin-right:4px}.bj-input-number__suffix{margin-left:4px}.bj-input-number__input-wrap{flex:1;min-width:0;display:flex;transition:box-shadow .2s ease}.bj-input-number__input-wrap:hover{box-shadow:inset 0 0 0 2px #ebebeb}.bj-input-number--disabled .bj-input-number__input-wrap:hover,.bj-input-number--readonly .bj-input-number__input-wrap:hover{box-shadow:none}.bj-input-number__input{width:100%;border:none;outline:none;background:transparent;padding:0;margin:0;font:inherit;color:#333;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.bj-input-number__input::-webkit-inner-spin-button,.bj-input-number__input::-webkit-outer-spin-button{margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.bj-input-number__input::placeholder{color:#999}.bj-input-number__input:disabled{cursor:not-allowed;color:#999}.bj-input-number__handler-wrap{position:absolute;top:0;right:0;bottom:0;width:32px;opacity:0;transition:opacity .2s ease}.bj-input-number:hover .bj-input-number__handler-wrap,.bj-input-number--focused .bj-input-number__handler-wrap{opacity:1}.bj-input-number--disabled .bj-input-number__handler-wrap,.bj-input-number--readonly .bj-input-number__handler-wrap{display:none}.bj-input-number__handler{position:absolute;left:0;right:0;margin-right:8px;height:50%;cursor:pointer;background:transparent;-webkit-user-select:none;user-select:none}.bj-input-number__handler--up{top:0}.bj-input-number__handler--down{bottom:0}.bj-input-number__handler--disabled{cursor:not-allowed}.bj-input-number__handler-icon{position:absolute;top:50%;right:8px;width:24px;height:24px;transform:translateY(-50%);pointer-events:none;color:#999;transition:opacity .15s ease,color .15s ease}.bj-input-number__handler-icon--up{clip-path:inset(0 0 50% 0)}.bj-input-number__handler-icon--down{clip-path:inset(50% 0 0 0)}.bj-input-number__handler--up:active~.bj-input-number__handler-icon--up{color:#333}.bj-input-number__handler--down:active~.bj-input-number__handler-icon--down{color:#333}.bj-input-number-group{display:inline-flex;align-items:stretch;width:100%}.bj-input-number-group__addon{display:flex;align-items:center;flex:none;padding:0 12px;background:#f3f4f6;border:1px solid #ebebeb;color:#6b7280;white-space:nowrap}.bj-input-number-group__addon:first-child{border-right:none;border-radius:8px 0 0 8px}.bj-input-number-group__addon:last-child{border-left:none;border-radius:0 8px 8px 0}.bj-input-number-group .bj-input-number{flex:1;min-width:0}
|
|
1
|
+
.bu-icon{width:1em;height:1em;overflow:hidden;vertical-align:-.15em;fill:currentColor}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-popup{position:absolute;z-index:1000;background:#fff;border-radius:6px;box-shadow:0 4px 16px #0000001f;border:1px solid #e5e7eb;min-width:200px;max-width:280px;padding:16px}.tooltip-popup--top{bottom:calc(100% + 16px);left:50%;transform:translate(-50%)}.tooltip-popup--topLeft{bottom:calc(100% + 16px);left:0}.tooltip-popup--topRight{bottom:calc(100% + 16px);right:0}.tooltip-popup--bottom{top:calc(100% + 16px);left:50%;transform:translate(-50%)}.tooltip-popup--bottomLeft{top:calc(100% + 16px);left:0}.tooltip-popup--bottomRight{top:calc(100% + 16px);right:0}.tooltip-popup--left{right:calc(100% + 16px);top:50%;transform:translateY(-50%)}.tooltip-popup--leftTop{right:calc(100% + 16px);top:0}.tooltip-popup--leftBottom{right:calc(100% + 16px);bottom:0}.tooltip-popup--right{left:calc(100% + 16px);top:50%;transform:translateY(-50%)}.tooltip-popup--rightTop{left:calc(100% + 16px);top:0}.tooltip-popup--rightBottom{left:calc(100% + 16px);bottom:0}.tooltip-popup--light{box-shadow:0 2px 6px #0000000f}.tooltip-popup--bordered{border-color:#ebebeb;box-shadow:0 2px 8px #00000014}.tooltip-popup--tinted{background:#f5f3ff;border-color:#ddd6fe;box-shadow:0 2px 8px #8b5cf61a}.tooltip-popup--content{width:max-content;min-width:30px;min-height:32px;padding:24px;text-align:center}.tooltip-arrow{position:absolute;width:14px;height:14px;background:#fff;transform:rotate(45deg)}.tooltip-arrow--top{bottom:-8px;left:calc(50% - 8px);border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-radius:0 0 2px}.tooltip-arrow--topLeft{bottom:-8px;left:16px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-radius:0 0 2px}.tooltip-arrow--topRight{bottom:-8px;right:16px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-radius:0 0 2px}.tooltip-arrow--bottom{top:-8px;left:calc(50% - 8px);border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb;border-radius:2px 0 0}.tooltip-arrow--bottomLeft{top:-8px;left:16px;border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb;border-radius:2px 0 0}.tooltip-arrow--bottomRight{top:-8px;right:16px;border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb;border-radius:2px 0 0}.tooltip-arrow--left{right:-8px;top:calc(50% - 8px);border-top:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-radius:0 2px 0 0}.tooltip-arrow--leftTop{right:-8px;top:16px;border-top:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-radius:0 2px 0 0}.tooltip-arrow--leftBottom{right:-8px;bottom:16px;border-top:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-radius:0 2px 0 0}.tooltip-arrow--right{left:-8px;top:calc(50% - 8px);border-bottom:1px solid #e5e7eb;border-left:1px solid #e5e7eb;border-radius:0 0 0 2px}.tooltip-arrow--rightTop{left:-8px;top:16px;border-bottom:1px solid #e5e7eb;border-left:1px solid #e5e7eb;border-radius:0 0 0 2px}.tooltip-arrow--rightBottom{left:-8px;bottom:16px;border-bottom:1px solid #e5e7eb;border-left:1px solid #e5e7eb;border-radius:0 0 0 2px}.tooltip-arrow--tinted-bg{background:#f5f3ff}.tooltip-confirm__title{font-size:12px;color:#111827;margin-bottom:12px;line-height:1.5}.tooltip-confirm__actions{display:flex;align-items:center;justify-content:center;gap:30px}.tooltip-confirm__cancel{background:none;border:none;padding:0;height:24px;font-size:12px;color:#374151;cursor:pointer;border-radius:4px;transition:background-color .15s;width:60px}.tooltip-confirm__cancel:hover{background:#f3f4f6}.tooltip-confirm__ok{background:#333;border:none;padding:0;height:24px;font-size:12px;color:#fff;cursor:pointer;border-radius:6px;width:60px;font-weight:500;transition:background-color .15s}.tooltip-confirm__ok:hover{background:#374151}.tooltip-progress{min-width:220px}.tooltip-progress__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tooltip-progress__title{font-size:12px;color:#111827;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tooltip-progress__percent{font-size:12px;color:#6b7280;font-weight:500;flex-shrink:0;margin-left:8px}.tooltip-progress__track{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.tooltip-progress__fill{height:100%;width:var(--tooltip-progress, 0%);background:#333;border-radius:2px;transition:width .3s ease}.bu-tooltip-content__text{font-size:12px;color:#6b7280;line-height:1.6;overflow-wrap:break-word;margin-bottom:0}@keyframes sku-shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.sku-input-card{position:relative;display:flex;flex-direction:row;min-width:411px;height:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;background-clip:padding-box}.sku-input-card--error{border-color:#fde6e9}.sku-input-card__drag{display:flex;align-items:center;justify-content:center;width:32px;flex-shrink:0;color:#333;background:#f5f5f5;cursor:grab;margin-right:12px}.sku-input-card__drag:active{cursor:grabbing}.sku-input-card__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;padding:12px 12px 12px 0}.sku-input-card__header{display:flex;align-items:center;gap:8px;background:#fff}.sku-input-card__name-wrap{position:relative;flex:1;min-width:0}.sku-input-card__name-input{width:100%;height:40px;background:#f5f5f5;border:1px solid #ebebeb;border-radius:6px;padding:0 8px;font-size:14px;color:#333;outline:none;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:background .2s ease,border-color .2s ease}.sku-input-card__name-input::placeholder{color:#999}.sku-input-card__name-input--with-toggle{padding-right:118px}.sku-input-card__name-input--error{border-width:3px;border-color:#fde6e9;animation:sku-shake .4s ease}.sku-input-card__name-input--error::placeholder{color:#e60023}.sku-input-card__lang-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:2px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.sku-input-card__lang-btn{height:24px;width:51px;padding:0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:#374151;line-height:24px;text-align:center}.sku-input-card__lang-btn--active{background:#1f2937;color:#fff}.sku-input-card__lang-btn--inactive{color:#374151}.sku-input-card__delete{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#333;background:#f3f4f6;border:none;cursor:pointer;flex-shrink:0;border-radius:4px;padding:0}.sku-input-card__delete:hover{color:#333}.sku-input-card__file-input{display:none}.sku-input-card__body{height:280px;display:flex;align-items:stretch;background:#f5f5f5;border-radius:8px;overflow:hidden}.sku-input-card__image-item{position:relative;flex:1}.sku-input-card__image-thumb{width:100%;height:100%;object-fit:cover;display:block}.sku-input-card__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;gap:20px;opacity:0;transition:opacity .2s ease}.sku-input-card__image-item:hover .sku-input-card__image-overlay{opacity:1}.sku-input-card__image-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#fff;cursor:pointer;padding:0}.sku-input-card__image-action-btn svg{width:32px;height:32px}.sku-input-card__add-btn{display:flex;align-items:center;justify-content:center;flex:1;color:#333;background:none;border:none;border-radius:4px;cursor:pointer}.sku-input-card__add-btn:hover{color:#333}.sku-input-card__upload-options{display:flex;align-items:center;justify-content:center;flex:1}.sku-input-card__upload-options-box{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001f;overflow:hidden}.sku-input-card__upload-opt-btn{display:flex;align-items:center;justify-content:center;width:140px;height:45px;padding:0;background:none;border:none;cursor:pointer;font-size:13px;color:#6b7280;transition:background .15s ease,color .15s ease}.sku-input-card__upload-opt-btn:hover{background:#f3f4f6;color:#111827}.sku-input-card__dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;z-index:100}.sku-input-card__dropdown-list{background:#fff;border-radius:6px;box-shadow:0 4px 16px #0000001f;max-height:216px;overflow-y:auto;padding-right:4px;box-sizing:border-box}.sku-input-card__dropdown-list::-webkit-scrollbar-track{margin:4px 0}.sku-input-card__dropdown-list::-webkit-scrollbar{width:4px}.sku-input-card__dropdown-list::-webkit-scrollbar-thumb{background-color:#dbdbdb;background-clip:padding-box;border:1px solid transparent;border-radius:2px / 2}.sku-input-card__dropdown-item{height:40px;display:flex;align-items:center;box-sizing:border-box;padding:8px 12px;font-size:13px;color:#333;cursor:pointer;transition:background .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:6px}.sku-input-card__dropdown-item:hover{background:#f5f5f5;border-radius:6px}.sku-input-card__dropdown-item--disabled{color:#999;cursor:not-allowed}.sku-input-card__dropdown-item--disabled:hover{background:transparent}.sku-input-card__dropdown-item--selected{font-weight:600;background:#f5f5f5}.sku-input-card__dropdown-highlight{font-weight:600}.sku-input-card__loading{display:flex;align-items:center;justify-content:center;flex:1;background:#f5f5f5}.sku-input-card__loading-img{width:48px;height:48px}@keyframes bu-input-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bu-input-shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.bu-input{box-sizing:border-box;display:flex;flex-direction:column;gap:4px}.bu-input *{box-sizing:border-box}.bu-input__label{display:flex;align-items:center;gap:2px;font-size:13px;color:#333;font-weight:500;line-height:1.5}.bu-input__required{color:#ef4444;font-size:13px;line-height:1.5}.bu-input__row{display:flex;align-items:stretch}.bu-input__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:40px;background:#fff;border:1px solid #ebebeb;color:#333;box-sizing:border-box}.bu-input__icon--left{border-right:none;border-radius:6px 0 0 6px}.bu-input__icon--right{border-left:none;border-radius:0 6px 6px 0}.bu-input__box{position:relative;flex:1;background:#f5f5f5;border:1px solid #ebebeb;border-radius:6px;padding:8px 12px;transition:border-color .2s ease;box-sizing:border-box}.bu-input__box--error{border-width:3px;border-color:#fde6e9;padding:6px 10px;animation:bu-input-shake .4s ease}.bu-input__box--error .bu-input__field::placeholder{color:#f87171}.bu-input__box--disabled{background:#f0f0f0;cursor:not-allowed}.bu-input__box--single{height:40px}.bu-input__box--number{padding-right:36px}.bu-input__box--number.bu-input__box--error{padding-right:34px}.bu-input__box--has-left{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.bu-input__box--has-right{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.bu-input__field{flex:1;width:100%;background:transparent;border:none;outline:none;padding:0;font-size:14px;color:#333;line-height:22px;-moz-appearance:none;appearance:none;-webkit-appearance:none;resize:none;box-sizing:border-box}.bu-input__field::placeholder{color:#999}.bu-input__field:disabled{cursor:not-allowed;color:#999}.bu-input__field--input{height:100%}.bu-input__field--textarea{min-height:80px;padding-bottom:36px}.bu-input__footer{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:10px}.bu-input__footer--bottom{top:auto;transform:none;bottom:8px}.bu-input__count{font-size:12px;color:#999;line-height:1;-webkit-user-select:none;user-select:none}.bu-input__translating{display:flex;align-items:center;gap:4px;font-size:12px;color:#999;-webkit-user-select:none;user-select:none}.bu-input__translating-icon{width:12px;height:12px;flex-shrink:0;animation:bu-input-spin 1s linear infinite}.bu-input__translated{display:flex;align-items:center;gap:4px;font-size:12px;color:#16a34a;-webkit-user-select:none;user-select:none}.bu-input__translated svg{width:14px;height:14px;flex-shrink:0}.bu-input__lang-toggle{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.bu-input__lang-btn{height:22px;width:44px;padding:0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:#374151;line-height:22px;text-align:center}.bu-input__lang-btn--active{background:#1f2937;color:#fff}.bu-input__stepper{position:absolute;right:0;top:0;bottom:0;width:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.3px;box-sizing:border-box}.bu-input__stepper-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:#6b7280;padding:0;line-height:1}.bu-input__stepper-btn:disabled{cursor:not-allowed;color:#ebebeb}.bu-input__error-msg{display:flex;align-items:center;gap:4px;font-size:12px;color:#ef4444;line-height:1.4;margin-top:2px}.bu-input__error-icon{flex-shrink:0;width:14px;height:14px}@keyframes bu-eib-shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.bu-eib{display:block}.bu-eib__box{position:relative;display:block;height:40px;background:#f5f5f5;border:1px solid #ebebeb;border-radius:6px;padding:0 12px;box-sizing:border-box;transition:border-color .2s ease}.bu-eib__box--actions-delete{padding-right:40px}.bu-eib__box--actions-toggle{padding-right:114px}.bu-eib__box--actions-both{padding-right:142px}.bu-eib__box--error{border-width:3px;border-color:#fde6e9;padding-left:10px;padding-top:0;padding-bottom:0;animation:bu-eib-shake .4s ease}.bu-eib__box--error.bu-eib__box--actions-delete{padding-right:38px}.bu-eib__box--error.bu-eib__box--actions-toggle{padding-right:112px}.bu-eib__box--error.bu-eib__box--actions-both{padding-right:140px}.bu-eib__box--error .bu-eib__field::placeholder{color:#f87171}.bu-eib__box--disabled{background:#f0f0f0;cursor:not-allowed}.bu-eib__field{display:block;width:100%;height:100%;background:transparent;border:none;outline:none;padding:0;font-size:14px;color:#333;line-height:40px;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box}.bu-eib__field::placeholder{color:#999}.bu-eib__field:disabled{cursor:not-allowed;color:#999}.bu-eib__actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px}.bu-eib__lang-toggle{display:flex;align-items:center;flex-shrink:0;gap:2px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.bu-eib__lang-btn{height:22px;width:44px;padding:0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:#374151;line-height:22px;text-align:center}.bu-eib__lang-btn--active{background:#1f2937;color:#fff}.bu-eib__delete{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;color:#333;border-radius:4px}.bu-eib__delete:hover{background:#f3f4f6}@keyframes bu-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bu-modal-slide-in{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bu-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:bu-modal-fade-in .18s ease}.bu-modal__container{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;width:480px;min-width:320px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;animation:bu-modal-slide-in .2s ease;overflow:hidden}.bu-modal__header{display:flex;align-items:center;height:64px;padding:0 20px;flex-shrink:0;gap:8px}.bu-modal__title{flex:1;font-size:15px;font-weight:500;color:#111827;line-height:1.4;margin:0}.bu-modal__lang-toggle{display:flex;align-items:center;flex-shrink:0;gap:2px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.bu-modal__lang-btn{height:22px;width:40px;padding:0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:#374151;line-height:22px;text-align:center;transition:background .15s ease,color .15s ease}.bu-modal__lang-btn--active{background:#1f2937;color:#fff}.bu-modal__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;cursor:pointer;color:#333;border-radius:100px;font-size:20px;line-height:1;transition:background .15s ease,color .15s ease}.bu-modal__close svg{width:24px;height:24px}.bu-modal__close:hover{background:#f3f4f6;color:#333}.bu-modal__body{flex:1;padding:0 20px;min-height:63px;color:#333;font-size:14px;line-height:1.6}.bu-modal__footer{display:flex;flex-direction:column;align-items:center;padding:60px 20px 24px;gap:10px}.bu-modal__hint{font-size:12px;color:#999;line-height:1.5;text-align:center;margin:0}.bu-modal__btn-row{display:flex;align-items:center;justify-content:center;gap:32px}.bu-modal__btn-cancel{height:34px;padding:0 8px;min-width:88px;border:none;border-radius:6px;background:transparent;color:#374151;font-size:14px;font-weight:400;cursor:pointer;line-height:34px}.bu-modal__btn-ok{height:34px;min-width:88px;padding:0 8px;border:none;border-radius:6px;background:#333;color:#fff;font-size:14px;font-weight:500;cursor:pointer;line-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:opacity .15s ease}.bu-modal__btn-ok--loading{opacity:.65;cursor:not-allowed}.bu-modal__btn-ok:disabled{cursor:not-allowed}.bu-modal__btn-ok-spinner{display:inline-block;width:14px;height:14px;border:2px solid #ffffff;border-right-color:transparent;border-radius:50%;animation:bu-modal-spin .6s linear infinite;flex-shrink:0}@keyframes bu-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html ::-webkit-scrollbar-button{display:none;height:0;width:0}html ::-webkit-scrollbar-track{-webkit-border-radius:10px;border-radius:10px}html ::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:50px;-webkit-box-shadow:inset 0 0 6px #E2E2E2}.bu-pf{position:relative;display:block;-webkit-user-select:none;user-select:none}.bu-pf ::-webkit-scrollbar-button{display:none;height:0;width:0}.bu-pf__trigger{display:flex;align-items:flex-start;min-height:40px;padding:6px 8px 6px 12px;background:#f5f5f5;border:1px solid #ebebeb;border-radius:6px;cursor:pointer;gap:8px;box-sizing:border-box;overflow:hidden}.bu-pf__trigger--selected{background:#f5f5f5;border-color:#f5f5f5}.bu-pf__trigger-tags{flex:1;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;align-content:flex-start;max-height:94px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.bu-pf__trigger-tags::-webkit-scrollbar{width:4px}.bu-pf__trigger-tags::-webkit-scrollbar-track{background:transparent}.bu-pf__trigger-tags::-webkit-scrollbar-thumb{background:#ebebeb;border-radius:2px}.bu-pf__trigger-tags::-webkit-scrollbar-button{display:none;height:0;width:0}.bu-pf__placeholder{flex:1;align-self:center;font-size:14px;color:#999;line-height:1}.bu-pf__arrow{flex-shrink:0;align-self:center;color:#999;display:flex;align-items:center;transition:transform .2s ease}.bu-pf__arrow--open{transform:rotate(180deg)}.bu-pf__panel{border-radius:6px;background:#f5f5f5}.bu-pf__dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 0 12px #00000014;overflow:hidden}.bu-pf__header{display:flex;align-items:center;padding:6px 8px 6px 12px;min-height:40px;box-sizing:border-box;gap:8px;overflow:hidden;background:#f5f5f5;border-radius:8px;border:1px solid #DBDBDB}.bu-pf__tags{flex:1;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;align-content:flex-start;max-height:94px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.bu-pf__tags::-webkit-scrollbar{width:4px}.bu-pf__tags::-webkit-scrollbar-track{background:transparent}.bu-pf__tags::-webkit-scrollbar-thumb{background:#ebebeb;border-radius:2px}.bu-pf__tags::-webkit-scrollbar-button{display:none;height:0;width:0}.bu-pf__placeholder-inline{font-size:14px;color:#999;line-height:26px}.bu-pf__tag{display:inline-flex;align-items:center;height:26px;padding:0 6px 0 8px;background:#f5f5f5;border:1px solid #e5e7eb;border-radius:4px;gap:4px;cursor:default;min-width:250px}.bu-pf__tag--single{width:100%;border:none;border-radius:0;background:transparent;padding:0;min-width:0}.bu-pf__tag-text{font-size:13px;color:#333;line-height:1;white-space:nowrap}.bu-pf__tag-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:#99999973!important;cursor:pointer;color:#fff;flex-shrink:0;border-radius:9999px;margin-left:auto}.bu-pf__tag-close svg{width:16px;height:16px}.bu-pf__close{flex-shrink:0;align-self:center;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent!important;cursor:pointer;color:#999;border-radius:9999px;transform:rotate(180deg)}.bu-pf__close:hover{background:transparent!important;color:#333}.bu-pf__toolbar{display:flex;align-items:center;gap:8px;padding:12px 12px 16px}.bu-pf__search{flex:1;display:flex;align-items:center;gap:6px;height:40px;padding:0 10px;background:#fff;border:1px solid #ebebeb;border-radius:8px}.bu-pf__search-icon{flex-shrink:0;color:#999;display:flex;align-items:center}.bu-pf__search-input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:#333;line-height:1;min-width:0}.bu-pf__search-input::placeholder{color:#c4c4c4}.bu-pf__sort-wrap{position:relative;flex-shrink:0}.bu-pf__sort-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:4px;background:#f5f5f5;cursor:pointer;color:#999}.bu-pf__sort-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:100px;background:#fff;border-radius:6px;box-shadow:0 4px 16px #0000001f;z-index:1000;overflow:hidden}.bu-pf__sort-option{padding:10px 16px;font-size:13px;color:#333;cursor:pointer;white-space:nowrap;text-align:center}.bu-pf__sort-option:hover{background:#f5f5f5}.bu-pf__sort-option--active{background:#f5f5f5;font-weight:500}.bu-pf__no-match{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 0 24px}.bu-pf__no-match-img{width:80px;height:80px;object-fit:contain}.bu-pf__no-match-text{font-size:14px;color:#999;margin:0 0 4px;font-weight:350}.bu-pf__no-match-hint{font-size:12px;color:#999;margin:0}.bu-pf__manage-btn{display:inline;border:none;background:transparent;padding:0;font-size:12px;font-weight:600;color:#333;cursor:pointer}.bu-pf__list{max-height:300px;overflow-y:auto;margin-bottom:8px;width:calc(100% - 12px);display:flex;flex-direction:column;gap:12px}.bu-pf__list::-webkit-scrollbar{width:4px}.bu-pf__list::-webkit-scrollbar-button{height:0;width:0}.bu-pf__list::-webkit-scrollbar-track{background:transparent}.bu-pf__list::-webkit-scrollbar-thumb{border-radius:2px}.bu-pf__option{display:flex;align-items:center;height:40px;flex-shrink:0;padding:0 12px;gap:10px;cursor:pointer}.bu-pf__option:not(.bu-pf__option--multiple):hover{background:#f3f4f6}.bu-pf__option--selected{background:#f3f4f6}.bu-pf__checkbox-img{flex-shrink:0;width:16px;height:16px;display:block}.bu-pf__option-label{flex:1;font-size:14px;color:#333;line-height:1}.bu-pf__add-row{border-top:1px solid #f3f4f6;cursor:pointer}.bu-category-dropdown{position:relative;display:inline-block;min-width:110px;max-width:300px}.bu-category-dropdown__trigger{display:flex;align-items:center;gap:8px;height:40px;min-width:110px;max-width:300px;padding:0 8px;background:#fff;border:1px solid #ebebeb;border-radius:8px;cursor:pointer;box-sizing:border-box;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;text-align:left}.bu-category-dropdown__trigger:hover:not(:disabled){border-color:#ebebeb;box-shadow:inset 0 0 0 2px #ebebeb}.bu-category-dropdown__trigger--open{border-color:#ebebeb;background:#f5f5f5;box-shadow:inset 0 0 0 2px #ebebeb}.bu-category-dropdown__trigger--has-value{background:#f5f5f5}.bu-category-dropdown__trigger:disabled{background:#f0f0f0;cursor:not-allowed}.bu-category-dropdown__trigger-label{display:block;width:100%;font-size:14px;line-height:21px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bu-category-dropdown__trigger-label--placeholder{color:#999}.bu-category-dropdown__trigger-chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;color:#6b7280;transition:transform .2s ease}.bu-category-dropdown__trigger-chevron--open{transform:rotate(180deg)}.bu-category-dropdown__portal{background:#fff;border-radius:8px;padding:4px;box-shadow:0 4px 16px #0000001f;border:1px solid #ebebeb;z-index:1100}.bu-category-dropdown__panel{display:flex;align-items:stretch}.bu-category-dropdown__divider{width:1px;flex-shrink:0;background:#ebebeb;align-self:stretch}.bu-category-dropdown__col{display:flex;flex-direction:column;align-items:stretch;flex-shrink:0;gap:2px;padding:0 8px 0 0;overflow-x:hidden}.bu-category-dropdown__col--indent{padding-left:8px}.bu-category-dropdown__col--last{padding-right:0}.bu-category-dropdown__col--scrollable{max-height:250px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.bu-category-dropdown__col--scrollable::-webkit-scrollbar{width:3px;height:3px;background-color:transparent}.bu-category-dropdown__col--scrollable::-webkit-scrollbar-button{display:none;height:0;width:0;background:transparent}.bu-category-dropdown__col--scrollable::-webkit-scrollbar-track{background-color:transparent;box-shadow:inset 0 0 6px transparent;border-radius:9999px}.bu-category-dropdown__col--scrollable::-webkit-scrollbar-thumb{background-color:transparent;box-shadow:inset 0 0 6px transparent;border-radius:9999px}.bu-category-dropdown__col--scrollable.bu-category-dropdown__col--scrollbar-visible::-webkit-scrollbar-thumb{background-color:#b3b3b3}.bu-category-dropdown__item{display:flex;align-items:center;gap:8px;height:40px;min-width:110px;max-width:300px;padding:0 8px;border:none;border-radius:8px;background:#fff;cursor:pointer;box-sizing:border-box;transition:background .15s ease;text-align:left;flex-shrink:0}.bu-category-dropdown__item:hover:not(:disabled){background:#f5f5f5}.bu-category-dropdown__item--selected-branch,.bu-category-dropdown__item--selected-leaf{background:#f5f5f5}.bu-category-dropdown__item--disabled{cursor:not-allowed;opacity:.45}.bu-category-dropdown__item-label{display:block;width:100%;font-size:14px;line-height:21px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bu-category-dropdown__item-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;color:#6b7280}.bu-category-dropdown__tooltip.tooltip-popup,.bu-category-dropdown__tooltip.tooltip-popup .tooltip-arrow{border:none}.pagination{display:flex;align-items:center;gap:16px;font-size:12px;color:#111827;-webkit-user-select:none;user-select:none}.pagination.pagination-start{justify-content:flex-start}.pagination.pagination-center{justify-content:center}.pagination.pagination-end{justify-content:flex-end}.pagination.pagination-small .pagination-item{min-width:24px;height:24px;padding:0 6px;font-size:12px}.pagination.pagination-small .pagination-prev,.pagination.pagination-small .pagination-next{width:24px;min-width:24px;height:24px;padding:0}.pagination.pagination-medium .pagination-item{min-width:32px;height:32px;padding:0 8px;font-size:14px}.pagination.pagination-large .pagination-item{min-width:40px;height:40px;padding:0 10px;font-size:16px}.pagination.pagination-disabled{opacity:.5;pointer-events:none}.pagination .pagination-total{color:#111827}.pagination .pagination-list{display:flex;align-items:center;gap:4px}.pagination .pagination-item{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;background:transparent;color:#111827;cursor:pointer;transition:all .2s;outline:none}.pagination .pagination-item:hover:not(:disabled):not(.pagination-ellipsis){background:#f3f4f6}.pagination .pagination-item:disabled{cursor:not-allowed;opacity:.5}.pagination .pagination-item.pagination-item-active{background:#f5f5f5;color:#111827}.pagination .pagination-item.pagination-ellipsis{cursor:default;pointer-events:none}.pagination .pagination-item.pagination-prev svg,.pagination .pagination-item.pagination-next svg{display:block}.pagination .pagination-item.pagination-prev:not(:disabled),.pagination .pagination-item.pagination-next:not(:disabled){background:#fff;border-radius:4px}.pagination .pagination-sizer{display:flex;align-items:center;position:relative}.pagination .pagination-sizer .pagination-sizer-select{display:inline-flex;align-items:center;position:relative;height:24px;box-sizing:border-box;padding:4px 28px 4px 8px;border:1px solid #ebebeb;border-radius:4px;background:#f5f5f5;color:#111827;font-size:12px;cursor:pointer;outline:none;transition:all .2s;text-align:left;white-space:nowrap}.pagination .pagination-sizer .pagination-sizer-select:hover:not(:disabled){border-color:#d1d5db}.pagination .pagination-sizer .pagination-sizer-select:disabled{cursor:not-allowed;opacity:.5}.pagination .pagination-sizer .pagination-sizer-select .pagination-sizer-icon{position:absolute;top:2px;bottom:2px;right:4px;pointer-events:none;transition:transform .2s}.pagination .pagination-sizer .pagination-sizer-select .pagination-sizer-icon.pagination-sizer-icon-open{transform:rotate(180deg)}.pagination .pagination-jumper{display:flex;align-items:center;gap:4px}.pagination .pagination-jumper .pagination-jumper-input{width:48px;height:24px;box-sizing:border-box;padding:4px 8px;border:1px solid #ebebeb;border-radius:4px;background:transparent;color:#111827;font-size:12px;text-align:center;outline:none;transition:border-color .2s}.pagination .pagination-jumper .pagination-jumper-input:hover:not(:disabled){border-color:#d1d5db}.pagination .pagination-jumper .pagination-jumper-input:disabled{cursor:not-allowed;opacity:.5}.pagination .pagination-jumper .pagination-jumper-input::-webkit-inner-spin-button,.pagination .pagination-jumper .pagination-jumper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pagination .pagination-jumper .pagination-jumper-input::-moz-inner-spin-button,.pagination .pagination-jumper .pagination-jumper-input::-moz-outer-spin-button{-moz-appearance:none;margin:0}.pagination.pagination-simple{display:inline-block}.pagination.pagination-simple .pagination-simple-list{display:inline-flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;padding:0;gap:8px}.pagination.pagination-simple .pagination-simple-item{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:#111827;cursor:pointer;transition:all .2s;outline:none}.pagination.pagination-simple .pagination-simple-item:hover:not(:disabled){background:#0000000d}.pagination.pagination-simple .pagination-simple-item:disabled{cursor:not-allowed;opacity:.5}.pagination.pagination-simple .pagination-simple-item svg{display:block}.pagination.pagination-simple .pagination-simple-text{color:#111827;font-size:14px;line-height:21px;padding:0 8px}.pagination-sizer-dropdown{width:116px;background:#fff;border-radius:8px;box-shadow:0 0 12px #00000024;z-index:100;overflow:hidden;padding:4px}.pagination-sizer-option{display:block;width:100%;padding:10px;border:none;background:transparent;color:#111827;font-size:12px;text-align:center;cursor:pointer;transition:background-color .2s;white-space:nowrap;border-radius:6px;height:40px;display:flex;align-items:center;justify-content:center}.pagination-sizer-option:hover{background:#f3f4f6}.pagination-sizer-option[data-selected=true]{background:#f5f5f5}.dark .pagination,.dark .pagination .pagination-item{color:#fff}.dark .pagination .pagination-item:hover:not(:disabled):not(.pagination-ellipsis){background:#ffffff1a}.dark .pagination .pagination-item.pagination-item-active{background:#ffffff1a;color:#fff}.dark .pagination .pagination-total{color:#fff}.dark .pagination .pagination-sizer .pagination-sizer-select{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.dark .pagination .pagination-sizer .pagination-sizer-select:hover:not(:disabled){border-color:#fff3}.dark .pagination .pagination-sizer .pagination-sizer-icon{color:#ffffff80}.dark .pagination .pagination-jumper .pagination-jumper-input{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.dark .pagination .pagination-jumper .pagination-jumper-input:hover:not(:disabled){border-color:#fff3}.dark .pagination.pagination-simple .pagination-simple-list{background:#ffffff0d}.dark .pagination.pagination-simple .pagination-simple-item{color:#fff}.dark .pagination.pagination-simple .pagination-simple-item:hover:not(:disabled){background:#ffffff1a}.dark .pagination.pagination-simple .pagination-simple-text{color:#fff}.file-card{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;width:210px;display:flex;flex-direction:column;gap:8px}.file-card .file-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;border-radius:inherit;display:flex;align-items:center;justify-content:center;gap:20px;opacity:0;transition:opacity .18s;pointer-events:none}.file-card .file-card__overlay-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#fff;cursor:pointer;border-radius:6px;padding:0;pointer-events:auto;transition:background .15s}.file-card .file-card__overlay-btn:hover{background:#fff3}.file-card .file-card__name-area{display:flex;align-items:flex-start;gap:4px;padding:4px 8px;height:50px}.file-card .file-card__name-area--editing{background:#fff;border:1px solid #ebebeb;border-radius:4px;padding:4px 8px;height:50px;display:flex;align-items:flex-start}.file-card .file-card__filename{flex:1;font-size:14px;line-height:1.5;color:#111827;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;padding:0;margin:0;box-sizing:border-box;vertical-align:top}.file-card .file-card__edit-input{flex:1;height:42px;padding:0;font-size:14px;line-height:1.5;color:#111827;border:none;border-radius:0;outline:none;background:transparent;resize:none;overflow-y:auto;scrollbar-width:none;box-sizing:border-box;vertical-align:top}.file-card .file-card__edit-input::-webkit-scrollbar{display:none}.file-card .file-card__edit-input:focus{outline:none}.file-card--pdf .file-card__pdf-preview{position:relative;height:138px;background:#d1d5db;border-radius:4px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:pointer;overflow:hidden;transition:box-shadow .2s}.file-card--pdf .file-card__pdf-preview:hover{box-shadow:0 4px 16px #0000001f}.file-card--pdf .file-card__pdf-preview:hover .file-card__overlay{opacity:1}.file-card--pdf .file-card__pdf-label{width:100%;padding:8px 10px;background:#1f2937;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-card--pdf .file-card__pdf-label span{font-size:14px;font-weight:350;color:#fff;letter-spacing:.3px}.file-card--other .file-card__other-preview{position:relative;height:138px;background:#fff;border:1px solid #ebebeb;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:box-shadow .2s}.file-card--other .file-card__other-preview:hover{box-shadow:0 2px 6px #0000000f}.file-card--other .file-card__other-preview:hover .file-card__overlay{opacity:1}.file-card--other .file-card__image-thumb{width:100%;height:100%;object-fit:cover}.dark .file-card--pdf .file-card__pdf-preview{background:#2a2a2a}.dark .file-card--pdf .file-card__pdf-preview:hover{box-shadow:0 4px 12px #0006}.dark .file-card--pdf .file-card__pdf-label{background:#1a1a1a}.dark .file-card--other .file-card__other-preview{background:#1f1f1f;border-color:#303030}.dark .file-card--other .file-card__other-preview:hover{box-shadow:0 2px 8px #0000004d}.dark .file-card .file-card__filename{color:#e8e8e8}.dark .file-card .file-card__name-area--editing{background:#1f1f1f;border-color:#404040;padding:4px 8px;height:50px;display:flex;align-items:flex-start}.dark .file-card .file-card__edit-input{background:transparent;color:#e8e8e8;border:none;border-radius:0;height:42px;padding:0;font-size:14px;line-height:1.5;resize:none;overflow-y:auto;scrollbar-width:none;box-sizing:border-box;vertical-align:top}.dark .file-card .file-card__edit-input::-webkit-scrollbar{display:none}.dark .file-card .file-card__edit-input:focus{outline:none}.bu-switch{--bu-switch-light-on: #333333;--bu-switch-light-off: #CCCCCC;--bu-switch-dark-on: #e60023;--bu-switch-dark-off: rgba(255, 255, 255, .25);--bu-switch-track-bg: #CCCCCC;position:relative;display:inline-block;box-sizing:border-box;width:32px;min-width:32px;height:16px;padding:0;border:none;border-radius:9999px;background:var(--bu-switch-track-bg);cursor:pointer;transition:background .2s cubic-bezier(.4,0,.2,1);outline:none;vertical-align:middle;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.bu-switch--disabled{cursor:not-allowed;opacity:.5}.bu-switch--loading{cursor:wait}.bu-switch__track{display:flex;align-items:center;width:100%;height:100%;padding:2px;box-sizing:border-box}.bu-switch__thumb{position:relative;flex-shrink:0;width:12px;height:12px;border-radius:9999px;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s cubic-bezier(.4,0,.2,1);transform:translate(0)}.bu-switch--checked .bu-switch__thumb{transform:translate(16px)}.bu-switch__loading-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#999;animation:bu-switch-spin .8s linear infinite}.bu-switch__loading-icon svg{width:10px;height:10px}@keyframes bu-switch-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bu-switch__label{flex:1;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;overflow:hidden;white-space:nowrap;line-height:1;min-width:0;padding:0 2px}.bu-switch__label--left{justify-content:flex-start}.bu-switch__label--right{justify-content:flex-end}.bj-input-number{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;width:100%;min-width:90px;background:#f5f5f5;border:1px solid #ebebeb;border-radius:8px;padding:8px 12px;transition:border-color .2s ease}.bj-input-number *{box-sizing:border-box}.bj-input-number:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;pointer-events:none;transition:box-shadow .2s ease}.bj-input-number:hover:not(.bj-input-number--disabled):not(.bj-input-number--readonly):after,.bj-input-number:active:not(.bj-input-number--disabled):not(.bj-input-number--readonly):after{box-shadow:inset 0 0 0 2px #ebebeb}.bj-input-number--focused{border-color:#ebebeb}.bj-input-number--focused:after{box-shadow:inset 0 0 0 2px #ebebeb}.bj-input-number--small{height:32px;font-size:13px}.bj-input-number--middle{height:40px;font-size:14px}.bj-input-number--large{height:48px;font-size:15px}.bj-input-number--disabled{background:#f0f0f0;cursor:not-allowed}.bj-input-number--disabled:hover{border-color:#ebebeb}.bj-input-number--readonly{background:#f3f4f6}.bj-input-number--borderless{border-color:transparent;background:transparent}.bj-input-number--borderless.bj-input-number--focused{box-shadow:none}.bj-input-number--error{border-width:3px;border-color:#fde6e9;padding:6px 10px}.bj-input-number--error .bj-input-number__input::placeholder{color:#f87171}.bj-input-number--warning{border-color:#f59e0b}.bj-input-number--out-of-range .bj-input-number__input{color:#ef4444}.bj-input-number--with-controls{padding-right:44px}.bj-input-number--with-controls.bj-input-number--error{padding-right:42px}.bj-input-number--group-left{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.bj-input-number--group-right{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.bj-input-number__prefix,.bj-input-number__suffix{display:flex;flex:none;align-items:center;color:#6b7280;pointer-events:none}.bj-input-number__prefix{margin-right:4px}.bj-input-number__suffix{margin-left:4px}.bj-input-number__input-wrap{flex:1;min-width:0;display:flex;transition:box-shadow .2s ease}.bj-input-number__input-wrap:hover{box-shadow:inset 0 0 0 2px #ebebeb}.bj-input-number--disabled .bj-input-number__input-wrap:hover,.bj-input-number--readonly .bj-input-number__input-wrap:hover{box-shadow:none}.bj-input-number__input{width:100%;border:none;outline:none;background:transparent;padding:0;margin:0;font:inherit;color:#333;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.bj-input-number__input::-webkit-inner-spin-button,.bj-input-number__input::-webkit-outer-spin-button{margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.bj-input-number__input::placeholder{color:#999}.bj-input-number__input:disabled{cursor:not-allowed;color:#999}.bj-input-number__handler-wrap{position:absolute;top:0;right:0;bottom:0;width:32px;opacity:0;transition:opacity .2s ease}.bj-input-number:hover .bj-input-number__handler-wrap,.bj-input-number--focused .bj-input-number__handler-wrap{opacity:1}.bj-input-number--disabled .bj-input-number__handler-wrap,.bj-input-number--readonly .bj-input-number__handler-wrap{display:none}.bj-input-number__handler{position:absolute;left:0;right:0;margin-right:8px;height:50%;cursor:pointer;background:transparent;-webkit-user-select:none;user-select:none}.bj-input-number__handler--up{top:0}.bj-input-number__handler--down{bottom:0}.bj-input-number__handler--disabled{cursor:not-allowed}.bj-input-number__handler-icon{position:absolute;top:50%;right:8px;width:24px;height:24px;transform:translateY(-50%);pointer-events:none;color:#999;transition:opacity .15s ease,color .15s ease}.bj-input-number__handler-icon--up{clip-path:inset(0 0 50% 0)}.bj-input-number__handler-icon--down{clip-path:inset(50% 0 0 0)}.bj-input-number__handler--up:active~.bj-input-number__handler-icon--up{color:#333}.bj-input-number__handler--down:active~.bj-input-number__handler-icon--down{color:#333}.bj-input-number-group{display:inline-flex;align-items:stretch;width:100%}.bj-input-number-group__addon{display:flex;align-items:center;flex:none;padding:0 12px;background:#f3f4f6;border:1px solid #ebebeb;color:#6b7280;white-space:nowrap}.bj-input-number-group__addon:first-child{border-right:none;border-radius:8px 0 0 8px}.bj-input-number-group__addon:last-child{border-left:none;border-radius:0 8px 8px 0}.bj-input-number-group .bj-input-number{flex:1;min-width:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const n=require("react/jsx-runtime"),i=require("react"),V=require("react-dom");;/* empty css */;/* empty css */const I=require("../Tooltip/ContentTooltip.js"),J=require("../Tooltip/TooltipWrapper.js");function z({text:d,spanClassName:p,wrapperStyle:u,placement:g="top",getPopupContainer:h,trailing:f}){const[a,y]=i.useState(!1),j=i.useRef(null),E=i.useRef(null),[o,b]=i.useState(null);function m(){var w;const _=E.current;_&&_.scrollWidth>_.offsetWidth&&(b(((w=j.current)==null?void 0:w.getBoundingClientRect())??null),y(!0))}return n.jsxs(J,{ref:j,style:u,children:[n.jsx("span",{ref:E,className:p,onMouseEnter:m,onMouseLeave:()=>y(!1),children:d}),f,a&&o&&V.createPortal(n.jsx("span",{style:{position:"fixed",top:o.top,left:o.left,width:o.width,height:o.height,display:"block",pointerEvents:"none",zIndex:9999999999},children:n.jsx(I,{content:d,placement:g,className:"bu-category-dropdown__tooltip"})}),(h==null?void 0:h())??document.body)]})}function K(){return n.jsx("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n.jsx("path",{d:"M5.57345 8.828C5.41074 8.66528 5.41074 8.40152 5.57345 8.2388C5.73617 8.07608 5.99993 8.07608 6.16265 8.2388L10.0323 12.1084L13.8349 8.24124C13.9963 8.0772 14.26 8.07503 14.4241 8.23636C14.5881 8.39771 14.5903 8.66149 14.429 8.82555L10.5282 12.7924C10.2576 13.0675 9.81477 13.0694 9.54196 12.7966L5.57345 8.828Z",fill:"#333333"})})}function P(){return n.jsx("svg",{class:"icon",viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"55697",children:n.jsx("path",{d:"M451.854222 285.361778A21.333333 21.333333 0 1 0 421.688889 315.52l198.115555 198.122667-197.994666 194.702222a21.333333 21.333333 0 0 0 29.916444 30.414222l203.107556-199.722667a35.555556 35.555556 0 0 0 0.213333-50.488888L451.854222 285.354667z","p-id":"55698"})})}function Q(d,p){var h;const u=[d];let g=d;for(let f=0;f<p.length;f++){const a=g.find(y=>y.value===p[f]);if((h=a==null?void 0:a.children)!=null&&h.length)u.push(a.children),g=a.children;else break}return u}function O(d,p){const u=[];let g=d;for(const h of p){const f=g.find(a=>a.value===h);if(!f)break;u.push(f),g=f.children??[]}return u}function U({data:d,value:p=[],onChange:u,placeholder:g="请选择分类",disabled:h=!1,maxVisible:f=6,className:a,style:y,getPopupContainer:j,dropdownStyle:E}){const[o,b]=i.useState(!1),[m,_]=i.useState(p),w=i.useRef(null),T=i.useRef(null),R=i.useRef(null),W=i.useRef(!1),[$,A]=i.useState({}),[S,H]=i.useState(),L=i.useCallback(()=>{var v;if(!w.current)return;const r=w.current.getBoundingClientRect();let e=0,t=w.current.parentElement;for(;t&&t!==document.documentElement;){const N=parseInt(window.getComputedStyle(t).zIndex,10);if(!isNaN(N)&&N>e&&(e=N),t.parentElement)for(const x of t.parentElement.children){if(x===t||!(x instanceof HTMLElement))continue;const M=parseInt(window.getComputedStyle(x).zIndex,10);!isNaN(M)&&M>e&&(e=M)}t=t.parentElement}const s=((v=R.current)==null?void 0:v.offsetHeight)??0,l=window.innerHeight-r.bottom,c=r.top,C=s>0&&l<s+4&&c>l;A({position:"fixed",top:C?r.top-s-4:r.bottom+4,left:r.left,zIndex:e>0?e+10:1100,...E})},[E]);i.useLayoutEffect(()=>{o&&L()},[o,m,L]),i.useLayoutEffect(()=>{const r=o&&!W.current;if(W.current=o,!o||!R.current)return;const e=R.current.querySelectorAll(".bu-category-dropdown__col");e.forEach(l=>{l.style.width=""});let t=0;e.forEach(l=>{l.offsetWidth>t&&(t=l.offsetWidth)});const s=r?t:Math.max(S??0,t);e.forEach(l=>{l.style.width=s?`${s}px`:""}),s!==S&&H(s||void 0)},[o,m]),i.useEffect(()=>{if(!o)return;function r(t){var l,c;const s=t.target;(l=w.current)!=null&&l.contains(s)||(c=T.current)!=null&&c.contains(s)||b(!1)}function e(){b(!1)}return document.addEventListener("mousedown",r),document.addEventListener("scroll",e,!0),window.addEventListener("resize",L),()=>{document.removeEventListener("mousedown",r),document.removeEventListener("scroll",e,!0),window.removeEventListener("resize",L)}},[o,L]);const k=O(d,p),B=k.length>0,Z=B?k.map(r=>r.label).join(" / "):null,q=Q(d,m);function D(r,e){var s;if(e.disabled)return;const t=m.slice(0,r+1);if(t[r]=e.value,_(t),!((s=e.children)!=null&&s.length)){const l=O(d,t);u==null||u(t,l),b(!1)}}function F(){_(p),b(!0)}const G=["bu-category-dropdown__trigger",o?"bu-category-dropdown__trigger--open":"",B?"bu-category-dropdown__trigger--has-value":""].filter(Boolean).join(" ");return n.jsxs("div",{ref:w,className:`bu-category-dropdown${a?` ${a}`:""}`,style:y,children:[n.jsx("button",{type:"button",className:G,disabled:h,onClick:()=>o?b(!1):F(),children:n.jsx(z,{text:Z??g,spanClassName:`bu-category-dropdown__trigger-label${B?"":" bu-category-dropdown__trigger-label--placeholder"}`,wrapperStyle:{flex:1,minWidth:0,display:"flex",alignItems:"center",gap:8},getPopupContainer:j,trailing:n.jsx("span",{className:`bu-category-dropdown__trigger-chevron${o?" bu-category-dropdown__trigger-chevron--open":""}`,children:n.jsx(K,{})})})}),o&&V.createPortal(n.jsx("div",{ref:T,style:$,className:"bu-category-dropdown__portal",children:n.jsx("div",{className:"bu-category-dropdown__panel",ref:R,children:q.map((r,e)=>{const t=r.length>f,s=e===q.length-1,l=["bu-category-dropdown__col",e>0?"bu-category-dropdown__col--indent":"",t?"bu-category-dropdown__col--scrollable":"",s&&e>0?"bu-category-dropdown__col--last":""].filter(Boolean).join(" ");return n.jsxs("div",{style:{display:"contents"},children:[e>0&&n.jsx("div",{className:"bu-category-dropdown__divider"}),n.jsx("div",{className:l,style:S?{width:S}:void 0,onMouseEnter:t?c=>c.currentTarget.classList.add("bu-category-dropdown__col--scrollbar-visible"):void 0,onMouseLeave:t?c=>c.currentTarget.classList.remove("bu-category-dropdown__col--scrollbar-visible"):void 0,children:r.map(c=>{var x;const C=m[e]===c.value,v=!!((x=c.children)!=null&&x.length),N=["bu-category-dropdown__item",C&&v?"bu-category-dropdown__item--selected-branch":"",C&&!v?"bu-category-dropdown__item--selected-leaf":"",c.disabled?"bu-category-dropdown__item--disabled":""].filter(Boolean).join(" ");return n.jsxs("button",{type:"button",className:N,disabled:c.disabled,onClick:()=>D(e,c),children:[n.jsx(z,{text:c.label,spanClassName:"bu-category-dropdown__item-label",wrapperStyle:{flex:1,minWidth:0,display:"block"},getPopupContainer:j}),v&&n.jsx("span",{className:"bu-category-dropdown__item-arrow",children:n.jsx(P,{})})]},c.value)})})]},e)})})}),document.body)]})}module.exports=U;
|
|
@@ -0,0 +1,260 @@
|
|
|
1
|
+
import { jsxs as T, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { useState as E, useRef as L, useCallback as Q, useLayoutEffect as $, useEffect as U } from "react";
|
|
3
|
+
import { createPortal as Z } from "react-dom";
|
|
4
|
+
/* empty css */
|
|
5
|
+
/* empty css */
|
|
6
|
+
import X from "../Tooltip/ContentTooltip.mjs";
|
|
7
|
+
import Y from "../Tooltip/TooltipWrapper.mjs";
|
|
8
|
+
function A({
|
|
9
|
+
text: a,
|
|
10
|
+
spanClassName: p,
|
|
11
|
+
wrapperStyle: d,
|
|
12
|
+
placement: h = "top",
|
|
13
|
+
getPopupContainer: f,
|
|
14
|
+
trailing: u
|
|
15
|
+
}) {
|
|
16
|
+
const [i, m] = E(!1), N = L(null), x = L(null), [o, w] = E(null);
|
|
17
|
+
function b() {
|
|
18
|
+
var g;
|
|
19
|
+
const y = x.current;
|
|
20
|
+
y && y.scrollWidth > y.offsetWidth && (w(((g = N.current) == null ? void 0 : g.getBoundingClientRect()) ?? null), m(!0));
|
|
21
|
+
}
|
|
22
|
+
return /* @__PURE__ */ T(Y, { ref: N, style: d, children: [
|
|
23
|
+
/* @__PURE__ */ r(
|
|
24
|
+
"span",
|
|
25
|
+
{
|
|
26
|
+
ref: x,
|
|
27
|
+
className: p,
|
|
28
|
+
onMouseEnter: b,
|
|
29
|
+
onMouseLeave: () => m(!1),
|
|
30
|
+
children: a
|
|
31
|
+
}
|
|
32
|
+
),
|
|
33
|
+
u,
|
|
34
|
+
i && o && Z(
|
|
35
|
+
/* @__PURE__ */ r(
|
|
36
|
+
"span",
|
|
37
|
+
{
|
|
38
|
+
style: {
|
|
39
|
+
position: "fixed",
|
|
40
|
+
top: o.top,
|
|
41
|
+
left: o.left,
|
|
42
|
+
width: o.width,
|
|
43
|
+
height: o.height,
|
|
44
|
+
display: "block",
|
|
45
|
+
pointerEvents: "none",
|
|
46
|
+
zIndex: 9999999999
|
|
47
|
+
},
|
|
48
|
+
children: /* @__PURE__ */ r(X, { content: a, placement: h, className: "bu-category-dropdown__tooltip" })
|
|
49
|
+
}
|
|
50
|
+
),
|
|
51
|
+
(f == null ? void 0 : f()) ?? document.body
|
|
52
|
+
)
|
|
53
|
+
] });
|
|
54
|
+
}
|
|
55
|
+
function P() {
|
|
56
|
+
return /* @__PURE__ */ r("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ r("path", { d: "M5.57345 8.828C5.41074 8.66528 5.41074 8.40152 5.57345 8.2388C5.73617 8.07608 5.99993 8.07608 6.16265 8.2388L10.0323 12.1084L13.8349 8.24124C13.9963 8.0772 14.26 8.07503 14.4241 8.23636C14.5881 8.39771 14.5903 8.66149 14.429 8.82555L10.5282 12.7924C10.2576 13.0675 9.81477 13.0694 9.54196 12.7966L5.57345 8.828Z", fill: "#333333" }) });
|
|
57
|
+
}
|
|
58
|
+
function ee() {
|
|
59
|
+
return (
|
|
60
|
+
// <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
61
|
+
// <path d="M6 3.5L10.5 8L6 12.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
|
62
|
+
// </svg>
|
|
63
|
+
/* @__PURE__ */ r("svg", { class: "icon", viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "p-id": "55697", children: /* @__PURE__ */ r("path", { d: "M451.854222 285.361778A21.333333 21.333333 0 1 0 421.688889 315.52l198.115555 198.122667-197.994666 194.702222a21.333333 21.333333 0 0 0 29.916444 30.414222l203.107556-199.722667a35.555556 35.555556 0 0 0 0.213333-50.488888L451.854222 285.354667z", "p-id": "55698" }) })
|
|
64
|
+
);
|
|
65
|
+
}
|
|
66
|
+
function te(a, p) {
|
|
67
|
+
var f;
|
|
68
|
+
const d = [a];
|
|
69
|
+
let h = a;
|
|
70
|
+
for (let u = 0; u < p.length; u++) {
|
|
71
|
+
const i = h.find((m) => m.value === p[u]);
|
|
72
|
+
if ((f = i == null ? void 0 : i.children) != null && f.length)
|
|
73
|
+
d.push(i.children), h = i.children;
|
|
74
|
+
else
|
|
75
|
+
break;
|
|
76
|
+
}
|
|
77
|
+
return d;
|
|
78
|
+
}
|
|
79
|
+
function H(a, p) {
|
|
80
|
+
const d = [];
|
|
81
|
+
let h = a;
|
|
82
|
+
for (const f of p) {
|
|
83
|
+
const u = h.find((i) => i.value === f);
|
|
84
|
+
if (!u) break;
|
|
85
|
+
d.push(u), h = u.children ?? [];
|
|
86
|
+
}
|
|
87
|
+
return d;
|
|
88
|
+
}
|
|
89
|
+
function ae({
|
|
90
|
+
data: a,
|
|
91
|
+
value: p = [],
|
|
92
|
+
onChange: d,
|
|
93
|
+
placeholder: h = "请选择分类",
|
|
94
|
+
disabled: f = !1,
|
|
95
|
+
maxVisible: u = 6,
|
|
96
|
+
className: i,
|
|
97
|
+
style: m,
|
|
98
|
+
getPopupContainer: N,
|
|
99
|
+
dropdownStyle: x
|
|
100
|
+
}) {
|
|
101
|
+
const [o, w] = E(!1), [b, y] = E(p), g = L(null), j = L(null), S = L(null), z = L(!1), [D, q] = E({}), [B, F] = E(), C = Q(() => {
|
|
102
|
+
var _;
|
|
103
|
+
if (!g.current) return;
|
|
104
|
+
const n = g.current.getBoundingClientRect();
|
|
105
|
+
let e = 0, t = g.current.parentElement;
|
|
106
|
+
for (; t && t !== document.documentElement; ) {
|
|
107
|
+
const R = parseInt(window.getComputedStyle(t).zIndex, 10);
|
|
108
|
+
if (!isNaN(R) && R > e && (e = R), t.parentElement)
|
|
109
|
+
for (const v of t.parentElement.children) {
|
|
110
|
+
if (v === t || !(v instanceof HTMLElement)) continue;
|
|
111
|
+
const k = parseInt(window.getComputedStyle(v).zIndex, 10);
|
|
112
|
+
!isNaN(k) && k > e && (e = k);
|
|
113
|
+
}
|
|
114
|
+
t = t.parentElement;
|
|
115
|
+
}
|
|
116
|
+
const l = ((_ = S.current) == null ? void 0 : _.offsetHeight) ?? 0, s = window.innerHeight - n.bottom, c = n.top, M = l > 0 && s < l + 4 && c > s;
|
|
117
|
+
q({
|
|
118
|
+
position: "fixed",
|
|
119
|
+
top: M ? n.top - l - 4 : n.bottom + 4,
|
|
120
|
+
left: n.left,
|
|
121
|
+
zIndex: e > 0 ? e + 10 : 1100,
|
|
122
|
+
...x
|
|
123
|
+
});
|
|
124
|
+
}, [x]);
|
|
125
|
+
$(() => {
|
|
126
|
+
o && C();
|
|
127
|
+
}, [o, b, C]), $(() => {
|
|
128
|
+
const n = o && !z.current;
|
|
129
|
+
if (z.current = o, !o || !S.current) return;
|
|
130
|
+
const e = S.current.querySelectorAll(".bu-category-dropdown__col");
|
|
131
|
+
e.forEach((s) => {
|
|
132
|
+
s.style.width = "";
|
|
133
|
+
});
|
|
134
|
+
let t = 0;
|
|
135
|
+
e.forEach((s) => {
|
|
136
|
+
s.offsetWidth > t && (t = s.offsetWidth);
|
|
137
|
+
});
|
|
138
|
+
const l = n ? t : Math.max(B ?? 0, t);
|
|
139
|
+
e.forEach((s) => {
|
|
140
|
+
s.style.width = l ? `${l}px` : "";
|
|
141
|
+
}), l !== B && F(l || void 0);
|
|
142
|
+
}, [o, b]), U(() => {
|
|
143
|
+
if (!o) return;
|
|
144
|
+
function n(t) {
|
|
145
|
+
var s, c;
|
|
146
|
+
const l = t.target;
|
|
147
|
+
(s = g.current) != null && s.contains(l) || (c = j.current) != null && c.contains(l) || w(!1);
|
|
148
|
+
}
|
|
149
|
+
function e() {
|
|
150
|
+
w(!1);
|
|
151
|
+
}
|
|
152
|
+
return document.addEventListener("mousedown", n), document.addEventListener("scroll", e, !0), window.addEventListener("resize", C), () => {
|
|
153
|
+
document.removeEventListener("mousedown", n), document.removeEventListener("scroll", e, !0), window.removeEventListener("resize", C);
|
|
154
|
+
};
|
|
155
|
+
}, [o, C]);
|
|
156
|
+
const O = H(a, p), W = O.length > 0, G = W ? O.map((n) => n.label).join(" / ") : null, V = te(a, b);
|
|
157
|
+
function I(n, e) {
|
|
158
|
+
var l;
|
|
159
|
+
if (e.disabled) return;
|
|
160
|
+
const t = b.slice(0, n + 1);
|
|
161
|
+
if (t[n] = e.value, y(t), !((l = e.children) != null && l.length)) {
|
|
162
|
+
const s = H(a, t);
|
|
163
|
+
d == null || d(t, s), w(!1);
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
function J() {
|
|
167
|
+
y(p), w(!0);
|
|
168
|
+
}
|
|
169
|
+
const K = [
|
|
170
|
+
"bu-category-dropdown__trigger",
|
|
171
|
+
o ? "bu-category-dropdown__trigger--open" : "",
|
|
172
|
+
W ? "bu-category-dropdown__trigger--has-value" : ""
|
|
173
|
+
].filter(Boolean).join(" ");
|
|
174
|
+
return /* @__PURE__ */ T(
|
|
175
|
+
"div",
|
|
176
|
+
{
|
|
177
|
+
ref: g,
|
|
178
|
+
className: `bu-category-dropdown${i ? ` ${i}` : ""}`,
|
|
179
|
+
style: m,
|
|
180
|
+
children: [
|
|
181
|
+
/* @__PURE__ */ r(
|
|
182
|
+
"button",
|
|
183
|
+
{
|
|
184
|
+
type: "button",
|
|
185
|
+
className: K,
|
|
186
|
+
disabled: f,
|
|
187
|
+
onClick: () => o ? w(!1) : J(),
|
|
188
|
+
children: /* @__PURE__ */ r(
|
|
189
|
+
A,
|
|
190
|
+
{
|
|
191
|
+
text: G ?? h,
|
|
192
|
+
spanClassName: `bu-category-dropdown__trigger-label${W ? "" : " bu-category-dropdown__trigger-label--placeholder"}`,
|
|
193
|
+
wrapperStyle: { flex: 1, minWidth: 0, display: "flex", alignItems: "center", gap: 8 },
|
|
194
|
+
getPopupContainer: N,
|
|
195
|
+
trailing: /* @__PURE__ */ r("span", { className: `bu-category-dropdown__trigger-chevron${o ? " bu-category-dropdown__trigger-chevron--open" : ""}`, children: /* @__PURE__ */ r(P, {}) })
|
|
196
|
+
}
|
|
197
|
+
)
|
|
198
|
+
}
|
|
199
|
+
),
|
|
200
|
+
o && Z(
|
|
201
|
+
/* @__PURE__ */ r("div", { ref: j, style: D, className: "bu-category-dropdown__portal", children: /* @__PURE__ */ r("div", { className: "bu-category-dropdown__panel", ref: S, children: V.map((n, e) => {
|
|
202
|
+
const t = n.length > u, l = e === V.length - 1, s = [
|
|
203
|
+
"bu-category-dropdown__col",
|
|
204
|
+
e > 0 ? "bu-category-dropdown__col--indent" : "",
|
|
205
|
+
t ? "bu-category-dropdown__col--scrollable" : "",
|
|
206
|
+
l && e > 0 ? "bu-category-dropdown__col--last" : ""
|
|
207
|
+
].filter(Boolean).join(" ");
|
|
208
|
+
return /* @__PURE__ */ T("div", { style: { display: "contents" }, children: [
|
|
209
|
+
e > 0 && /* @__PURE__ */ r("div", { className: "bu-category-dropdown__divider" }),
|
|
210
|
+
/* @__PURE__ */ r(
|
|
211
|
+
"div",
|
|
212
|
+
{
|
|
213
|
+
className: s,
|
|
214
|
+
style: B ? { width: B } : void 0,
|
|
215
|
+
onMouseEnter: t ? (c) => c.currentTarget.classList.add("bu-category-dropdown__col--scrollbar-visible") : void 0,
|
|
216
|
+
onMouseLeave: t ? (c) => c.currentTarget.classList.remove("bu-category-dropdown__col--scrollbar-visible") : void 0,
|
|
217
|
+
children: n.map((c) => {
|
|
218
|
+
var v;
|
|
219
|
+
const M = b[e] === c.value, _ = !!((v = c.children) != null && v.length), R = [
|
|
220
|
+
"bu-category-dropdown__item",
|
|
221
|
+
M && _ ? "bu-category-dropdown__item--selected-branch" : "",
|
|
222
|
+
M && !_ ? "bu-category-dropdown__item--selected-leaf" : "",
|
|
223
|
+
c.disabled ? "bu-category-dropdown__item--disabled" : ""
|
|
224
|
+
].filter(Boolean).join(" ");
|
|
225
|
+
return /* @__PURE__ */ T(
|
|
226
|
+
"button",
|
|
227
|
+
{
|
|
228
|
+
type: "button",
|
|
229
|
+
className: R,
|
|
230
|
+
disabled: c.disabled,
|
|
231
|
+
onClick: () => I(e, c),
|
|
232
|
+
children: [
|
|
233
|
+
/* @__PURE__ */ r(
|
|
234
|
+
A,
|
|
235
|
+
{
|
|
236
|
+
text: c.label,
|
|
237
|
+
spanClassName: "bu-category-dropdown__item-label",
|
|
238
|
+
wrapperStyle: { flex: 1, minWidth: 0, display: "block" },
|
|
239
|
+
getPopupContainer: N
|
|
240
|
+
}
|
|
241
|
+
),
|
|
242
|
+
_ && /* @__PURE__ */ r("span", { className: "bu-category-dropdown__item-arrow", children: /* @__PURE__ */ r(ee, {}) })
|
|
243
|
+
]
|
|
244
|
+
},
|
|
245
|
+
c.value
|
|
246
|
+
);
|
|
247
|
+
})
|
|
248
|
+
}
|
|
249
|
+
)
|
|
250
|
+
] }, e);
|
|
251
|
+
}) }) }),
|
|
252
|
+
document.body
|
|
253
|
+
)
|
|
254
|
+
]
|
|
255
|
+
}
|
|
256
|
+
);
|
|
257
|
+
}
|
|
258
|
+
export {
|
|
259
|
+
ae as default
|
|
260
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),h=require("react");;/* empty css */function v(){return t.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M14.1667 5.3335C15.1792 5.3335 16 6.15431 16 7.16683V8.00016H19C19.2761 8.00016 19.5 8.22402 19.5 8.50016C19.5 8.7763 19.2761 9.00016 19 9.00016H17.3333V16.8335C17.3333 17.846 16.5125 18.6668 15.5 18.6668H8.5C7.48748 18.6668 6.66667 17.846 6.66667 16.8335V9.00016H5C4.72386 9.00016 4.5 8.7763 4.5 8.50016C4.5 8.22402 4.72386 8.00016 5 8.00016H8V7.16683C8 6.15431 8.82081 5.3335 9.83333 5.3335H14.1667ZM7.66667 16.8335C7.66667 17.2937 8.03976 17.6668 8.5 17.6668H15.5C15.9602 17.6668 16.3333 17.2937 16.3333 16.8335V9.00016H7.66667V16.8335ZM10.5 11.3335C10.7761 11.3335 11 11.5574 11 11.8335V15.0002C11 15.2763 10.7761 15.5002 10.5 15.5002C10.2239 15.5002 10 15.2763 10 15.0002V11.8335C10 11.5574 10.2239 11.3335 10.5 11.3335ZM13.5 11.3335C13.7761 11.3335 14 11.5574 14 11.8335V15.0002C14 15.2763 13.7761 15.5002 13.5 15.5002C13.2239 15.5002 13 15.2763 13 15.0002V11.8335C13 11.5574 13.2239 11.3335 13.5 11.3335ZM9.83333 6.3335C9.3731 6.3335 9 6.70659 9 7.16683V8.00016H15V7.16683C15 6.70659 14.6269 6.3335 14.1667 6.3335H9.83333Z",fill:"currentColor"})})}const N=h.forwardRef(function({mode:l="single",activeLang:c="zh",onLangChange:e,value:n="",onChange:u,placeholder:_,maxLength:x,error:d=!1,disabled:o,onDelete:r,labels:i,id:j,className:C,style:m},V){const p=(i==null?void 0:i.zh)??"中文",f=(i==null?void 0:i.en)??"EN",s=l==="bilingual",b=!!r,H=["bu-eib__box",s&&b&&"bu-eib__box--actions-both",s&&!b&&"bu-eib__box--actions-toggle",!s&&b&&"bu-eib__box--actions-delete",d&&"bu-eib__box--error",o&&"bu-eib__box--disabled"].filter(Boolean).join(" ");return t.jsx("div",{className:["bu-eib",C].filter(Boolean).join(" "),style:m,children:t.jsxs("div",{className:H,children:[t.jsx("input",{ref:V,id:j,className:"bu-eib__field",value:n,onChange:a=>u==null?void 0:u(a.target.value),placeholder:_,maxLength:x,disabled:o}),(s||b)&&t.jsxs("div",{className:"bu-eib__actions",children:[s&&t.jsxs("div",{className:"bu-eib__lang-toggle",children:[t.jsx("button",{type:"button",className:`bu-eib__lang-btn${c==="zh"?" bu-eib__lang-btn--active":""}`,onClick:()=>e==null?void 0:e("zh"),children:p}),t.jsx("button",{type:"button",className:`bu-eib__lang-btn${c==="en"?" bu-eib__lang-btn--active":""}`,onClick:()=>e==null?void 0:e("en"),children:f})]}),b&&t.jsx("button",{type:"button",className:"bu-eib__delete",onClick:r,children:t.jsx(v,{})})]})]})})});module.exports=N;
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { jsx as t, jsxs as c } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as N } from "react";
|
|
3
|
+
/* empty css */
|
|
4
|
+
function B() {
|
|
5
|
+
return /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M14.1667 5.3335C15.1792 5.3335 16 6.15431 16 7.16683V8.00016H19C19.2761 8.00016 19.5 8.22402 19.5 8.50016C19.5 8.7763 19.2761 9.00016 19 9.00016H17.3333V16.8335C17.3333 17.846 16.5125 18.6668 15.5 18.6668H8.5C7.48748 18.6668 6.66667 17.846 6.66667 16.8335V9.00016H5C4.72386 9.00016 4.5 8.7763 4.5 8.50016C4.5 8.22402 4.72386 8.00016 5 8.00016H8V7.16683C8 6.15431 8.82081 5.3335 9.83333 5.3335H14.1667ZM7.66667 16.8335C7.66667 17.2937 8.03976 17.6668 8.5 17.6668H15.5C15.9602 17.6668 16.3333 17.2937 16.3333 16.8335V9.00016H7.66667V16.8335ZM10.5 11.3335C10.7761 11.3335 11 11.5574 11 11.8335V15.0002C11 15.2763 10.7761 15.5002 10.5 15.5002C10.2239 15.5002 10 15.2763 10 15.0002V11.8335C10 11.5574 10.2239 11.3335 10.5 11.3335ZM13.5 11.3335C13.7761 11.3335 14 11.5574 14 11.8335V15.0002C14 15.2763 13.7761 15.5002 13.5 15.5002C13.2239 15.5002 13 15.2763 13 15.0002V11.8335C13 11.5574 13.2239 11.3335 13.5 11.3335ZM9.83333 6.3335C9.3731 6.3335 9 6.70659 9 7.16683V8.00016H15V7.16683C15 6.70659 14.6269 6.3335 14.1667 6.3335H9.83333Z", fill: "currentColor" }) });
|
|
6
|
+
}
|
|
7
|
+
const Z = N(
|
|
8
|
+
function({
|
|
9
|
+
mode: _ = "single",
|
|
10
|
+
activeLang: l = "zh",
|
|
11
|
+
onLangChange: i,
|
|
12
|
+
value: n = "",
|
|
13
|
+
onChange: u,
|
|
14
|
+
placeholder: d,
|
|
15
|
+
maxLength: m,
|
|
16
|
+
error: p = !1,
|
|
17
|
+
disabled: r,
|
|
18
|
+
onDelete: s,
|
|
19
|
+
labels: e,
|
|
20
|
+
id: x,
|
|
21
|
+
className: f,
|
|
22
|
+
style: C
|
|
23
|
+
}, V) {
|
|
24
|
+
const a = (e == null ? void 0 : e.zh) ?? "中文", H = (e == null ? void 0 : e.en) ?? "EN", b = _ === "bilingual", o = !!s, h = [
|
|
25
|
+
"bu-eib__box",
|
|
26
|
+
b && o && "bu-eib__box--actions-both",
|
|
27
|
+
b && !o && "bu-eib__box--actions-toggle",
|
|
28
|
+
!b && o && "bu-eib__box--actions-delete",
|
|
29
|
+
p && "bu-eib__box--error",
|
|
30
|
+
r && "bu-eib__box--disabled"
|
|
31
|
+
].filter(Boolean).join(" ");
|
|
32
|
+
return /* @__PURE__ */ t("div", { className: ["bu-eib", f].filter(Boolean).join(" "), style: C, children: /* @__PURE__ */ c("div", { className: h, children: [
|
|
33
|
+
/* @__PURE__ */ t(
|
|
34
|
+
"input",
|
|
35
|
+
{
|
|
36
|
+
ref: V,
|
|
37
|
+
id: x,
|
|
38
|
+
className: "bu-eib__field",
|
|
39
|
+
value: n,
|
|
40
|
+
onChange: (v) => u == null ? void 0 : u(v.target.value),
|
|
41
|
+
placeholder: d,
|
|
42
|
+
maxLength: m,
|
|
43
|
+
disabled: r
|
|
44
|
+
}
|
|
45
|
+
),
|
|
46
|
+
(b || o) && /* @__PURE__ */ c("div", { className: "bu-eib__actions", children: [
|
|
47
|
+
b && /* @__PURE__ */ c("div", { className: "bu-eib__lang-toggle", children: [
|
|
48
|
+
/* @__PURE__ */ t(
|
|
49
|
+
"button",
|
|
50
|
+
{
|
|
51
|
+
type: "button",
|
|
52
|
+
className: `bu-eib__lang-btn${l === "zh" ? " bu-eib__lang-btn--active" : ""}`,
|
|
53
|
+
onClick: () => i == null ? void 0 : i("zh"),
|
|
54
|
+
children: a
|
|
55
|
+
}
|
|
56
|
+
),
|
|
57
|
+
/* @__PURE__ */ t(
|
|
58
|
+
"button",
|
|
59
|
+
{
|
|
60
|
+
type: "button",
|
|
61
|
+
className: `bu-eib__lang-btn${l === "en" ? " bu-eib__lang-btn--active" : ""}`,
|
|
62
|
+
onClick: () => i == null ? void 0 : i("en"),
|
|
63
|
+
children: H
|
|
64
|
+
}
|
|
65
|
+
)
|
|
66
|
+
] }),
|
|
67
|
+
o && /* @__PURE__ */ t("button", { type: "button", className: "bu-eib__delete", onClick: s, children: /* @__PURE__ */ t(B, {}) })
|
|
68
|
+
] })
|
|
69
|
+
] }) });
|
|
70
|
+
}
|
|
71
|
+
);
|
|
72
|
+
export {
|
|
73
|
+
Z as default
|
|
74
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),h=require("react");;/* empty css */const _={pdf:{color:"#F54A45",label:"PDF"},image:{color:"#00AAFF",label:"IMG"},doc:{color:"#3B64FC",label:"DOC"},docx:{color:"#3B64FC",label:"DOC"},xls:{color:"#1D9B4C",label:"XLS"},xlsx:{color:"#1D9B4C",label:"XLS"},ppt:{color:"#DF4023",label:"PPT"},pptx:{color:"#DF4023",label:"PPT"},zip:{color:"#7B5EA7",label:"ZIP"},rar:{color:"#7B5EA7",label:"RAR"},txt:{color:"#8C8C8C",label:"TXT"},other:{color:"#1677FF",label:"FILE"}};function C({fileType:r,fileUrl:l,fileName:s}){if(r==="image"&&l)return e.jsx("img",{src:l,alt:s,className:"file-card__image-thumb"});const{color:t,label:a}=_[r];return e.jsxs("svg",{width:"88",height:"88",viewBox:"0 0 88 88",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{x:"14",y:"8",width:"50",height:"62",rx:"4",fill:"#F5F5F5"}),e.jsx("path",{d:"M50 8L64 22H50V8Z",fill:"#E2E2E2"}),e.jsx("rect",{x:"20",y:"30",width:"30",height:"4",rx:"2",fill:"#E2E2E2"}),e.jsx("rect",{x:"20",y:"40",width:"30",height:"4",rx:"2",fill:"#E2E2E2"}),e.jsx("rect",{x:"20",y:"50",width:"20",height:"4",rx:"2",fill:"#E2E2E2"}),e.jsx("rect",{x:"42",y:"52",width:"32",height:"28",rx:"4",fill:t}),e.jsx("rect",{x:"42",y:"52",width:"4",height:"28",rx:"2",fill:"rgba(255,255,255,0.25)"}),e.jsx("rect",{x:"42",y:"76",width:"32",height:"4",rx:"2",fill:"rgba(0,0,0,0.15)"}),e.jsx("text",{x:"58",y:"71",textAnchor:"middle",fill:"white",fontSize:"9",fontWeight:"700",fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",letterSpacing:"0.3",children:a})]})}function u(){return e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("circle",{cx:"12",cy:"12",r:"3",stroke:"currentColor",strokeWidth:"2"})]})}function f(){return e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("polyline",{points:"3,6 5,6 21,6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M10 11v6M14 11v6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}function j({fileName:r,onRename:l}){const[s,t]=h.useState(!1),[a,o]=h.useState(r),n=h.useRef(null);h.useEffect(()=>{var i,x;s&&(o(r),(i=n.current)==null||i.focus(),(x=n.current)==null||x.select())},[s,r]);const d=async()=>{const i=a.trim();i&&i!==r&&await(l==null?void 0:l(i)),t(!1)},c=()=>t(!1),p=i=>{i.key==="Enter"&&!i.shiftKey&&(i.preventDefault(),d()),i.key==="Escape"&&c()},g=()=>{d()},k=()=>{l&&t(!0)};return s?e.jsx("div",{className:"file-card__name-area file-card__name-area--editing",children:e.jsx("textarea",{ref:n,className:"file-card__edit-input",value:a,onChange:i=>o(i.target.value),onKeyDown:p,onBlur:g,rows:2,style:{height:"42px"}})}):e.jsx("div",{className:"file-card__name-area",onDoubleClick:k,children:e.jsx("span",{className:"file-card__filename",title:r,children:r})})}function b({fileName:r,onDelete:l,onRename:s,onPreview:t,className:a,style:o}){return e.jsxs("div",{className:`file-card file-card--pdf ${a||""}`,style:o,children:[e.jsxs("div",{className:"file-card__pdf-preview",onClick:t,children:[(t||l)&&e.jsxs("div",{className:"file-card__overlay",children:[t&&e.jsx("button",{className:"file-card__overlay-btn",onClick:n=>{n.stopPropagation(),t()},children:e.jsx(u,{})}),l&&e.jsx("button",{className:"file-card__overlay-btn",onClick:n=>{n.stopPropagation(),l()},children:e.jsx(f,{})})]}),e.jsx("div",{className:"file-card__pdf-label",children:e.jsx("span",{children:"PDF"})})]}),e.jsx(j,{fileName:r,onRename:s})]})}function y({fileName:r,fileType:l,fileUrl:s,onDelete:t,onRename:a,onPreview:o,className:n,style:d}){return e.jsxs("div",{className:`file-card file-card--other ${n||""}`,style:d,children:[e.jsxs("div",{className:"file-card__other-preview",onClick:o,children:[(o||t)&&e.jsxs("div",{className:"file-card__overlay",children:[o&&e.jsx("button",{className:"file-card__overlay-btn",onClick:c=>{c.stopPropagation(),o()},children:e.jsx(u,{})}),t&&e.jsx("button",{className:"file-card__overlay-btn",onClick:c=>{c.stopPropagation(),t()},children:e.jsx(f,{})})]}),e.jsx(C,{fileType:l,fileUrl:s,fileName:r})]}),e.jsx(j,{fileName:r,onRename:a})]})}function m(r){return r.fileType==="pdf"?e.jsx(b,{...r}):e.jsx(y,{...r})}module.exports=m;
|