@baishuyun/ui-base 2.2.5 → 2.3.1
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/ColorPicker/ColorPicker-uPJOs52x.js +215 -0
- package/dist/ColorPicker/index.js +1 -1
- package/dist/Editor/ToolbarPlugin/Buttons/index.js +1 -1
- package/dist/Editor/{index-CCq3AgcW.js → index-D7tFsaxU.js} +1 -1
- package/dist/Editor/index.js +2 -2
- package/dist/InputTag/InputTag-C-rQUJnF.js +155 -0
- package/dist/InputTag/index.js +1 -1
- package/dist/components/ColorPicker/ColorPicker.type.d.ts +6 -0
- package/dist/index.js +2 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/ColorPicker/ColorPicker-DNIXPakN.js +0 -211
- package/dist/InputTag/InputTag-C6MbuO-e.js +0 -137
|
@@ -0,0 +1,215 @@
|
|
|
1
|
+
import { jsx as e, jsxs as b, Fragment as O } from "react/jsx-runtime";
|
|
2
|
+
import { ColorPicker as R } from "antd";
|
|
3
|
+
import { AnimatePresence as A, motion as F } from "motion/react";
|
|
4
|
+
import { useFloating as x, offset as L, flip as E, shift as T, useClick as V, useDismiss as j, useInteractions as B, FloatingPortal as M } from "@floating-ui/react";
|
|
5
|
+
import { useState as y, isValidElement as D, cloneElement as G, useRef as $, useMemo as q } from "react";
|
|
6
|
+
import { useControllableValue as z } from "ahooks";
|
|
7
|
+
import { I as k } from "../Icon/Icon-CBlIwtp2.js";
|
|
8
|
+
import { u } from "../vendors/useLocale-DgqW9M3h.js";
|
|
9
|
+
import { c as H } from "../vendors/clsx-OuTLNxxd.js";
|
|
10
|
+
import { a as g } from "../vendors/color-VzwvCPhF.js";
|
|
11
|
+
import { t as J } from "../vendors/tinycolor2-Begv3Jc8.js";
|
|
12
|
+
import { P as K } from "../vendors/index-MTmG1Ezy.js";
|
|
13
|
+
import { c as Q } from "../vendors/lodash-es-DFpaJB4Y.js";
|
|
14
|
+
const U = [
|
|
15
|
+
"rgba(240, 102, 72, 1)",
|
|
16
|
+
// #F06648
|
|
17
|
+
"rgba(255, 197, 2, 1)",
|
|
18
|
+
// #FFC502
|
|
19
|
+
"rgba(74, 204, 140, 1)",
|
|
20
|
+
// #4ACC8C
|
|
21
|
+
"rgba(74, 192, 236, 1)",
|
|
22
|
+
// #4AC0EC
|
|
23
|
+
"rgba(255, 153, 33, 1)",
|
|
24
|
+
// #ff9921
|
|
25
|
+
"rgba(101, 101, 101, 1)",
|
|
26
|
+
// #656565
|
|
27
|
+
"rgba(255, 156, 136, 1)",
|
|
28
|
+
// #ff9c88
|
|
29
|
+
"rgba(98, 98, 206, 1)",
|
|
30
|
+
// #6262ce
|
|
31
|
+
"rgba(241, 104, 182, 1)",
|
|
32
|
+
// #f168b6
|
|
33
|
+
"rgba(55, 103, 241, 1)",
|
|
34
|
+
// #3767f1
|
|
35
|
+
"rgba(162, 206, 30, 1)",
|
|
36
|
+
// #a2ce1e
|
|
37
|
+
"rgba(179, 179, 179, 1)",
|
|
38
|
+
// #b3b3b3
|
|
39
|
+
"rgba(0, 0, 0, 1)",
|
|
40
|
+
// #000000
|
|
41
|
+
"rgba(102, 102, 102, 1)",
|
|
42
|
+
// #666
|
|
43
|
+
"rgba(153, 153, 153, 1)",
|
|
44
|
+
// #999
|
|
45
|
+
"rgba(194, 194, 194, 1)",
|
|
46
|
+
// #c2c2c2
|
|
47
|
+
"rgba(224, 224, 224, 1)",
|
|
48
|
+
// #e0e0e0
|
|
49
|
+
"rgba(77, 96, 159, 1)"
|
|
50
|
+
// #4d609f
|
|
51
|
+
], W = (o = "bottom-start") => {
|
|
52
|
+
const [s, r] = y(!1), { refs: n, floatingStyles: c, context: i } = x({
|
|
53
|
+
open: s,
|
|
54
|
+
onOpenChange: r,
|
|
55
|
+
placement: o,
|
|
56
|
+
middleware: [
|
|
57
|
+
L(4),
|
|
58
|
+
// 浮层与触发器间距
|
|
59
|
+
E(),
|
|
60
|
+
// 超出边界时自动翻转
|
|
61
|
+
T({ padding: 8 })
|
|
62
|
+
// 自动避开边界
|
|
63
|
+
]
|
|
64
|
+
}), m = V(i), l = j(i), { getReferenceProps: _, getFloatingProps: a } = B([m, l]);
|
|
65
|
+
return {
|
|
66
|
+
isOpen: s,
|
|
67
|
+
refs: n,
|
|
68
|
+
floatingStyles: c,
|
|
69
|
+
getReferenceProps: _,
|
|
70
|
+
getFloatingProps: a,
|
|
71
|
+
setIsOpen: r
|
|
72
|
+
};
|
|
73
|
+
}, t = {
|
|
74
|
+
"bsy-color-picker__floating": "_bsy-color-picker__floating_11t7y_1",
|
|
75
|
+
"bsy-color-picker__content": "_bsy-color-picker__content_11t7y_4",
|
|
76
|
+
"bsy-color-picker__grid": "_bsy-color-picker__grid_11t7y_11",
|
|
77
|
+
"bsy-color-picker__preset-colors-title": "_bsy-color-picker__preset-colors-title_11t7y_15",
|
|
78
|
+
"bsy-color-picker__preset-colors-grid": "_bsy-color-picker__preset-colors-grid_11t7y_19",
|
|
79
|
+
"bsy-color-picker__preset-colors-item": "_bsy-color-picker__preset-colors-item_11t7y_24",
|
|
80
|
+
"bsy-color-picker__custom-color-title": "_bsy-color-picker__custom-color-title_11t7y_48",
|
|
81
|
+
"bsy-color-picker__custom-color-btn": "_bsy-color-picker__custom-color-btn_11t7y_52",
|
|
82
|
+
"bsy-color-picker__custom-color-btn--active": "_bsy-color-picker__custom-color-btn--active_11t7y_62",
|
|
83
|
+
"bsy-color-picker__custom-color-btn--preview": "_bsy-color-picker__custom-color-btn--preview_11t7y_66",
|
|
84
|
+
"bsy-color-picker__custom-color-content": "_bsy-color-picker__custom-color-content_11t7y_69",
|
|
85
|
+
"bsy-color-picker__check-icon": "_bsy-color-picker__check-icon_11t7y_73"
|
|
86
|
+
}, C = ({
|
|
87
|
+
currentColor: o,
|
|
88
|
+
onColorSelect: s,
|
|
89
|
+
options: r,
|
|
90
|
+
style: n
|
|
91
|
+
}) => /* @__PURE__ */ e("div", { className: t["bsy-color-picker__preset-colors-grid"], style: n, children: r.map((c) => /* @__PURE__ */ e(
|
|
92
|
+
"div",
|
|
93
|
+
{
|
|
94
|
+
className: t["bsy-color-picker__preset-colors-item"],
|
|
95
|
+
style: {
|
|
96
|
+
backgroundColor: c,
|
|
97
|
+
"--hover-color": J(c).setAlpha(0.5).toRgbString()
|
|
98
|
+
},
|
|
99
|
+
onClick: () => s(c),
|
|
100
|
+
children: g(o, c) && /* @__PURE__ */ e(k, { name: "checkthebox", className: t["bsy-color-picker__check-icon"] })
|
|
101
|
+
},
|
|
102
|
+
c
|
|
103
|
+
)) }), X = (o) => {
|
|
104
|
+
const {
|
|
105
|
+
children: s,
|
|
106
|
+
placement: r = "bottom-start",
|
|
107
|
+
disabled: n = !1,
|
|
108
|
+
presetColors: c,
|
|
109
|
+
getPopupContainer: i
|
|
110
|
+
} = o, { t: m } = u(), [l, _] = z(o, {
|
|
111
|
+
defaultValue: o.value
|
|
112
|
+
}), { isOpen: a, refs: d, floatingStyles: f, getReferenceProps: h, getFloatingProps: v } = W(r), P = D(s) ? G(s, {
|
|
113
|
+
...h(),
|
|
114
|
+
ref: d.setReference,
|
|
115
|
+
disabled: n
|
|
116
|
+
}) : s, p = Q(c) && c.length ? c : U, N = p.some((I) => g(I, l)), S = $(N ? [] : [l]), w = q(() => a ? i == null ? void 0 : i() : void 0, [a, i]);
|
|
117
|
+
return /* @__PURE__ */ b(O, { children: [
|
|
118
|
+
P,
|
|
119
|
+
/* @__PURE__ */ e(M, { root: w, children: /* @__PURE__ */ e(A, { children: a && /* @__PURE__ */ e(
|
|
120
|
+
"div",
|
|
121
|
+
{
|
|
122
|
+
ref: d.setFloating,
|
|
123
|
+
style: f,
|
|
124
|
+
...v(),
|
|
125
|
+
className: t["bsy-color-picker__floating"],
|
|
126
|
+
children: /* @__PURE__ */ e(F.div, { ...K, children: /* @__PURE__ */ e("div", { className: t["bsy-color-picker__content"], children: /* @__PURE__ */ b("div", { className: t["bsy-color-picker__grid"], children: [
|
|
127
|
+
/* @__PURE__ */ b("div", { className: t["bsy-color-picker__preset-colors"], children: [
|
|
128
|
+
/* @__PURE__ */ e("div", { className: t["bsy-color-picker__preset-colors-title"], children: m("presetColors") }),
|
|
129
|
+
/* @__PURE__ */ e(
|
|
130
|
+
C,
|
|
131
|
+
{
|
|
132
|
+
currentColor: l,
|
|
133
|
+
onColorSelect: _,
|
|
134
|
+
options: p
|
|
135
|
+
}
|
|
136
|
+
)
|
|
137
|
+
] }),
|
|
138
|
+
/* @__PURE__ */ e(
|
|
139
|
+
Y,
|
|
140
|
+
{
|
|
141
|
+
value: l,
|
|
142
|
+
onChange: _,
|
|
143
|
+
onColorInput: o.onColorInput,
|
|
144
|
+
options: p,
|
|
145
|
+
list: S.current
|
|
146
|
+
}
|
|
147
|
+
)
|
|
148
|
+
] }) }) })
|
|
149
|
+
}
|
|
150
|
+
) }) })
|
|
151
|
+
] });
|
|
152
|
+
}, Y = (o) => {
|
|
153
|
+
const { list: s } = o, [r, n] = y(), [c, i] = y(!1), { t: m } = u();
|
|
154
|
+
return /* @__PURE__ */ b("div", { className: t["bsy-color-picker__custom-color"], children: [
|
|
155
|
+
/* @__PURE__ */ e("div", { className: t["bsy-color-picker__custom-color-title"], children: m("customColor") }),
|
|
156
|
+
/* @__PURE__ */ b("div", { className: t["bsy-color-picker__custom-color-content"], children: [
|
|
157
|
+
/* @__PURE__ */ e(
|
|
158
|
+
R,
|
|
159
|
+
{
|
|
160
|
+
value: r,
|
|
161
|
+
onChange: (l) => {
|
|
162
|
+
var a;
|
|
163
|
+
const _ = l.toRgbString();
|
|
164
|
+
n(_), (a = o.onColorInput) == null || a.call(o, _);
|
|
165
|
+
},
|
|
166
|
+
open: c,
|
|
167
|
+
onOpenChange: (l) => {
|
|
168
|
+
i(l), !l && r && (s.includes(r) || s.unshift(r), o.onChange(r), n(void 0));
|
|
169
|
+
},
|
|
170
|
+
children: /* @__PURE__ */ e(
|
|
171
|
+
"div",
|
|
172
|
+
{
|
|
173
|
+
className: H(t["bsy-color-picker__custom-color-btn"], {
|
|
174
|
+
[t["bsy-color-picker__custom-color-btn--active"]]: c && !r,
|
|
175
|
+
[t["bsy-color-picker__custom-color-btn--preview"]]: !!r
|
|
176
|
+
}),
|
|
177
|
+
role: "button",
|
|
178
|
+
style: {
|
|
179
|
+
backgroundColor: r || void 0
|
|
180
|
+
},
|
|
181
|
+
onClick: () => {
|
|
182
|
+
i(!0);
|
|
183
|
+
},
|
|
184
|
+
children: /* @__PURE__ */ e(
|
|
185
|
+
k,
|
|
186
|
+
{
|
|
187
|
+
name: "add",
|
|
188
|
+
style: {
|
|
189
|
+
visibility: r ? "hidden" : "visible"
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
)
|
|
193
|
+
}
|
|
194
|
+
)
|
|
195
|
+
}
|
|
196
|
+
),
|
|
197
|
+
/* @__PURE__ */ e(
|
|
198
|
+
C,
|
|
199
|
+
{
|
|
200
|
+
currentColor: o.value,
|
|
201
|
+
onColorSelect: o.onChange,
|
|
202
|
+
options: s.slice(0, 5),
|
|
203
|
+
style: {
|
|
204
|
+
gridTemplateColumns: "repeat(5, 1fr)"
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
)
|
|
208
|
+
] })
|
|
209
|
+
] });
|
|
210
|
+
};
|
|
211
|
+
X.displayName = "BsyColorPicker";
|
|
212
|
+
export {
|
|
213
|
+
X as C,
|
|
214
|
+
U as a
|
|
215
|
+
};
|
|
@@ -6,7 +6,7 @@ import { l as ce, i as de, P as T, _ as O, y as X, w as $, E as ee, p as we, x a
|
|
|
6
6
|
import { u as w } from "../vendors/useLocale-DgqW9M3h.js";
|
|
7
7
|
import { D as pe } from "../DropDown/DropDown-DGkSeXQT.js";
|
|
8
8
|
import { FONT_SIZES as Se } from "./constants/index.js";
|
|
9
|
-
import { C as me } from "../ColorPicker/ColorPicker-
|
|
9
|
+
import { C as me } from "../ColorPicker/ColorPicker-uPJOs52x.js";
|
|
10
10
|
import { AlignLeftOutlined as te, AlignCenterOutlined as Le, AlignRightOutlined as Te } from "@ant-design/icons";
|
|
11
11
|
import { M as _e } from "../Modal/Modal-z3TvEXwN.js";
|
|
12
12
|
import { message as Z, Input as V, Button as j, Form as J } from "antd";
|
package/dist/Editor/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as u, jsxs as W, Fragment as et } from "react/jsx-runtime";
|
|
2
2
|
import { o as N, P as F, _ as $, Y as M, w as U, f as nt, x as G, j as it, C as ot, L as rt, $ as B, S as st, a as at, W as V, J as lt, F as ct, B as ut, M as dt, b as J, g as ht, m as gt, h as mt, c as ft, d as _t, e as bt, n as pt, q as z, s as xt, i as yt, k as vt } from "../vendors/lexical-DO7eMeC2.js";
|
|
3
3
|
import wt, { useState as S, useEffect as y, useRef as O, useCallback as E, useMemo as Tt } from "react";
|
|
4
|
-
import { p as Ct, T as Et, g as Lt, a as Z, k as X, v as H, I as Nt, m as kt } from "./index-
|
|
5
|
-
import { B as ie, l as oe, r as re, u as se } from "./index-
|
|
4
|
+
import { p as Ct, T as Et, g as Lt, a as Z, k as X, v as H, I as Nt, m as kt } from "./index-D7tFsaxU.js";
|
|
5
|
+
import { B as ie, l as oe, r as re, u as se } from "./index-D7tFsaxU.js";
|
|
6
6
|
import { DEFAULT_BACKGROUND_COLOR as j, DEFAULT_FONT_COLOR as K, DEFAULT_FONT_SIZE as Y } from "./constants/index.js";
|
|
7
7
|
import { c as R } from "../vendors/clsx-OuTLNxxd.js";
|
|
8
8
|
const I = {
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
import { jsxs as S, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { useControllableValue as W } from "ahooks";
|
|
3
|
+
import { useState as N, useLayoutEffect as A, useRef as m, useEffect as z, useCallback as D } from "react";
|
|
4
|
+
import { c as T } from "../vendors/clsx-OuTLNxxd.js";
|
|
5
|
+
import { I as V } from "../Icon/Icon-CBlIwtp2.js";
|
|
6
|
+
import { motion as B } from "motion/react";
|
|
7
|
+
import { S as F } from "../vendors/simplebar-react-D68KzE44.js";
|
|
8
|
+
const _ = {
|
|
9
|
+
"bsy-inputTag": "_bsy-inputTag_46spj_11",
|
|
10
|
+
"bsy-inputTag__container": "_bsy-inputTag__container_46spj_22",
|
|
11
|
+
"bsy-inputTag__inputContainer": "_bsy-inputTag__inputContainer_46spj_27",
|
|
12
|
+
"bsy-inputTag__inputContainer--zeroMargin": "_bsy-inputTag__inputContainer--zeroMargin_46spj_37",
|
|
13
|
+
"bsy-inputTag__input": "_bsy-inputTag__input_46spj_27"
|
|
14
|
+
}, b = {
|
|
15
|
+
GAP: 4,
|
|
16
|
+
OFFSET: 3,
|
|
17
|
+
CONTAINER_PADDING: 10,
|
|
18
|
+
INPUT_MARGIN: 4
|
|
19
|
+
}, L = (l, x) => {
|
|
20
|
+
const [c, y] = N(0);
|
|
21
|
+
return A(() => {
|
|
22
|
+
const i = l.current;
|
|
23
|
+
if (!i) return;
|
|
24
|
+
const n = () => {
|
|
25
|
+
const a = i.children;
|
|
26
|
+
let f = 0;
|
|
27
|
+
for (let r = 0; r < a.length; r++)
|
|
28
|
+
f += a[r].clientWidth;
|
|
29
|
+
const h = Math.max(0, a.length - 1) * b.GAP, d = Math.max(0, f + h + b.OFFSET);
|
|
30
|
+
y((r) => r === d ? r : d);
|
|
31
|
+
};
|
|
32
|
+
n();
|
|
33
|
+
const u = new ResizeObserver(n);
|
|
34
|
+
return u.observe(i), () => {
|
|
35
|
+
u.disconnect();
|
|
36
|
+
};
|
|
37
|
+
}, [x, l]), c;
|
|
38
|
+
}, K = (l) => {
|
|
39
|
+
const { defaultValue: x, enableActive: c = !1, defaultActiveIndex: y, onActiveIndexChange: i } = l, [n, u] = W(l, {
|
|
40
|
+
defaultValue: x || []
|
|
41
|
+
}), [a, f] = W(
|
|
42
|
+
l,
|
|
43
|
+
{
|
|
44
|
+
valuePropName: "activeIndex",
|
|
45
|
+
trigger: "onActiveIndexChange",
|
|
46
|
+
defaultValue: y
|
|
47
|
+
}
|
|
48
|
+
), [h, d] = N(""), r = m(null), p = m(null), g = m(null), v = m(!1), w = () => {
|
|
49
|
+
if (p.current && p.current.children.length > 0) {
|
|
50
|
+
const t = p.current.children.length - 1;
|
|
51
|
+
p.current.children[t].scrollIntoView({
|
|
52
|
+
behavior: "smooth",
|
|
53
|
+
block: "nearest",
|
|
54
|
+
inline: "end"
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
z(() => {
|
|
59
|
+
v.current && n.length > 0 && (w(), v.current = !1);
|
|
60
|
+
}, [n.length]);
|
|
61
|
+
const k = (t) => {
|
|
62
|
+
d(t.currentTarget.value);
|
|
63
|
+
}, C = () => {
|
|
64
|
+
const t = h.trim();
|
|
65
|
+
if (t !== "") {
|
|
66
|
+
const e = t;
|
|
67
|
+
v.current = !0, u([...n, e]), d("");
|
|
68
|
+
}
|
|
69
|
+
}, M = (t, e) => {
|
|
70
|
+
if (!c) return;
|
|
71
|
+
const s = a === t ? void 0 : t;
|
|
72
|
+
f(s), i == null || i(s ?? -1, e);
|
|
73
|
+
}, E = (t) => {
|
|
74
|
+
t.key === "Enter" || t.key === "NumpadEnter" ? C() : t.key === "Backspace" && h === "" && n.length > 0 && u(n.slice(0, -1));
|
|
75
|
+
}, R = (t) => {
|
|
76
|
+
u(n.filter((e, s) => s !== t));
|
|
77
|
+
}, [G, P] = N(0), j = L(p, n.length), I = D(() => {
|
|
78
|
+
if (!r.current || !g.current) return;
|
|
79
|
+
const t = r.current.clientWidth - g.current.clientWidth - b.INPUT_MARGIN - b.CONTAINER_PADDING, e = Math.max(0, t);
|
|
80
|
+
P((s) => s === e ? s : e);
|
|
81
|
+
}, []);
|
|
82
|
+
A(() => {
|
|
83
|
+
if (!r.current || !g.current) return;
|
|
84
|
+
I();
|
|
85
|
+
const t = new ResizeObserver(() => {
|
|
86
|
+
I();
|
|
87
|
+
});
|
|
88
|
+
return t.observe(r.current), t.observe(g.current), () => {
|
|
89
|
+
t.disconnect();
|
|
90
|
+
};
|
|
91
|
+
}, [I]);
|
|
92
|
+
const O = Math.min(j, G);
|
|
93
|
+
return /* @__PURE__ */ S("div", { className: _["bsy-inputTag"], ref: r, children: [
|
|
94
|
+
/* @__PURE__ */ o("div", { className: _["bsy-inputTag__container"], children: n.length ? /* @__PURE__ */ o(F, { style: { width: O + "px" }, children: /* @__PURE__ */ o("div", { className: "flex gap-1 py-[3px]", ref: p, children: n.map((t, e) => /* @__PURE__ */ S(
|
|
95
|
+
B.div,
|
|
96
|
+
{
|
|
97
|
+
className: T(
|
|
98
|
+
"rounded-[2px] gap-1 px-[6px] h-[26px] flex items-center flex-shrink-0",
|
|
99
|
+
{
|
|
100
|
+
"cursor-pointer": c,
|
|
101
|
+
"hover:bg-[#e0e0e0]": c && a !== e,
|
|
102
|
+
"bg-[#0265ff] text-white": c && a === e,
|
|
103
|
+
"bg-[#eee] text-black": !c || a !== e
|
|
104
|
+
}
|
|
105
|
+
),
|
|
106
|
+
onClick: () => M(e, t),
|
|
107
|
+
children: [
|
|
108
|
+
/* @__PURE__ */ o("span", { children: t }),
|
|
109
|
+
/* @__PURE__ */ o(
|
|
110
|
+
"div",
|
|
111
|
+
{
|
|
112
|
+
className: T(
|
|
113
|
+
"cursor-pointer",
|
|
114
|
+
c && a === e ? "text-white hover:text-gray-200" : "text-[#666] hover:text-[#0265ff]"
|
|
115
|
+
),
|
|
116
|
+
onClick: (s) => {
|
|
117
|
+
s.stopPropagation(), R(e);
|
|
118
|
+
},
|
|
119
|
+
children: /* @__PURE__ */ o(V, { name: "close", size: 12 })
|
|
120
|
+
}
|
|
121
|
+
)
|
|
122
|
+
]
|
|
123
|
+
},
|
|
124
|
+
e
|
|
125
|
+
)) }) }) : null }),
|
|
126
|
+
/* @__PURE__ */ o(
|
|
127
|
+
"div",
|
|
128
|
+
{
|
|
129
|
+
ref: g,
|
|
130
|
+
className: T(
|
|
131
|
+
_["bsy-inputTag__inputContainer"],
|
|
132
|
+
{
|
|
133
|
+
[_["bsy-inputTag__inputContainer--zeroMargin"]]: n.length === 0
|
|
134
|
+
},
|
|
135
|
+
"py-[3px]"
|
|
136
|
+
),
|
|
137
|
+
children: /* @__PURE__ */ o(
|
|
138
|
+
"input",
|
|
139
|
+
{
|
|
140
|
+
value: h,
|
|
141
|
+
onChange: k,
|
|
142
|
+
onKeyDown: E,
|
|
143
|
+
onBlur: C,
|
|
144
|
+
className: T(_["bsy-inputTag__input"], "placeholder:text-[#999]"),
|
|
145
|
+
placeholder: "输入标签"
|
|
146
|
+
}
|
|
147
|
+
)
|
|
148
|
+
}
|
|
149
|
+
)
|
|
150
|
+
] });
|
|
151
|
+
};
|
|
152
|
+
K.displayName = "BsyInputTag";
|
|
153
|
+
export {
|
|
154
|
+
K as I
|
|
155
|
+
};
|
package/dist/InputTag/index.js
CHANGED
|
@@ -12,6 +12,12 @@ export interface ColorPickerProps {
|
|
|
12
12
|
defaultValue?: string;
|
|
13
13
|
/** 颜色变化时的回调函数 */
|
|
14
14
|
onChange?: (color: string) => void;
|
|
15
|
+
/**
|
|
16
|
+
* 颜色输入过程中的回调函数
|
|
17
|
+
* @description 在用户拖动/选择颜色时实时触发,用于实时预览
|
|
18
|
+
* @param color - 当前正在输入的颜色值(RGB/RGBA 格式字符串)
|
|
19
|
+
*/
|
|
20
|
+
onColorInput?: (color: string) => void;
|
|
15
21
|
/** 浮层的放置位置 */
|
|
16
22
|
/** @default 'bottom-start' */
|
|
17
23
|
placement?: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'bottom-start';
|
package/dist/index.js
CHANGED
|
@@ -4,7 +4,7 @@ import { useMemo as a, useCallback as u } from "react";
|
|
|
4
4
|
import { z as i, L as f } from "./vendors/useLocale-DgqW9M3h.js";
|
|
5
5
|
import { C as Y } from "./Card/Card-Y1ISqAp9.js";
|
|
6
6
|
import { M as _ } from "./Modal/Modal-z3TvEXwN.js";
|
|
7
|
-
import { C as oe } from "./ColorPicker/ColorPicker-
|
|
7
|
+
import { C as oe } from "./ColorPicker/ColorPicker-uPJOs52x.js";
|
|
8
8
|
import { S as ae } from "./Segmented/Segmented-UgzW78Ey.js";
|
|
9
9
|
import { S as re } from "./Select/Select-hwXXDuLU.js";
|
|
10
10
|
import { T as se } from "./vendors/Tree-CLEy-xqz.js";
|
|
@@ -14,7 +14,7 @@ import { a as pe, T as ue } from "./Tabs/TabSelect-DL8Bhehc.js";
|
|
|
14
14
|
import { D as Ce } from "./DropDown/DropDown-DGkSeXQT.js";
|
|
15
15
|
import { L as Ie } from "./Loading/Loading-CEB4PLUE.js";
|
|
16
16
|
import { N as Le } from "./NotFoundContent/NotFoundContent-h0-oIXlk.js";
|
|
17
|
-
import { I as ke } from "./InputTag/InputTag-
|
|
17
|
+
import { I as ke } from "./InputTag/InputTag-C-rQUJnF.js";
|
|
18
18
|
const C = "Please select", U = "search", I = "No search data", x = "Select All", L = "Please enter the content", S = "No Data", k = "No Data Found", h = "Data Searching...", A = "Select All by Search", P = "Left Align", y = "Center Align", N = "Right Align", R = "Underline", F = "Link", T = "Hyper Link", D = "Show Content", b = "Link Address", v = "Open in New Tab", z = "Confirm", w = "Cancel", M = "Cancel Link", E = "preset color", O = { linkTip: "Support https://link or @form alias", bold: "Bold", italic: "Italic", fontSize: "Font Size", fontColor: "Font Color", fill: "fill", alignment: "Alignment", centerAlign: "Center Align", rightAlign: "Right Align", uploadImage: "Upload Image", imageUrl: "Image URL", imageUrlPlaceholder: "Please enter image URL", imageUrlRequired: "Please enter image URL", imageUrlInvalid: "Please enter a valid image URL", imageUrlNote: "Note: Enter image URL to insert image", inputImageUrl: "Enter Image URL", uploadImageNote: "Note: Single image size cannot exceed 1MB", uploadImageText: "Click or drag to upload image", previewImage: "Preview Image", underline: "Underline", imageFormatOnly: "Only image formats are supported", uploadImageFirst: "Please upload image first", imageAddSuccess: "Image added successfully", operationFailed: "Operation failed", onlyImageFormatsSupported: "Only image formats are supported", pleaseUploadImageFirst: "Please upload image first", imageSizeNote: "Image size cannot exceed 1MB", clickOrDragToUpload: "Click or drag to upload image", enterImageUrl: "Enter image URL", pleaseEnterImageUrl: "Please enter image URL", pleaseEnterValidImageUrl: "Please enter a valid image URL", linkAddressEmpty: "Link address cannot be empty" }, B = "Picture", V = "Custom Color", j = "Add Picture", q = {
|
|
19
19
|
select: C,
|
|
20
20
|
search: U,
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._checkbox_vheru_1{width:16px;height:16px;border-radius:2px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}._checkbox--checked_vheru_12{background-color:#0265ff;border-color:#0265ff}._checkbox--unchecked_vheru_16{background-color:#fff0;border-color:#9da2b2}._checkbox--unchecked_vheru_16:hover{border-color:#0265ff}._checkbox--indeterminate_vheru_23{background-color:#fff;border-color:#0265ff}._checkbox--disabled_vheru_27{background-color:#f5f5f5;border-color:#d9d9d9}._checkbox__inner_vheru_32{width:8px;height:8px;border-radius:1px;background-color:#0265ff}._checkbox__inner--disabled_vheru_38{background-color:#b8b8b8}._bsy-checkbox_1372g_1{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}._bsy-checkbox--full-width_1372g_8{width:100%}._bsy-checkbox__button_1372g_11{width:1rem;height:1rem;border-radius:2px;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;border:1px solid;flex-shrink:0}._bsy-checkbox__button--disabled_1372g_22{background-color:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}._bsy-checkbox__button--enabled_1372g_27{cursor:pointer}._bsy-checkbox__button--indeterminate_1372g_30{background-color:#fff;border-color:#0265ff}._bsy-checkbox__button--checked_1372g_34{background-color:#0265ff;border-color:#0265ff}._bsy-checkbox__button--unchecked_1372g_38{background-color:transparent;border-color:#9da2b2}._bsy-checkbox__button--unchecked_1372g_38:hover{border-color:#0265ff}._bsy-checkbox__button--left-label_1372g_45{order:2}._bsy-radio_q02xg_1{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}._bsy-radio--disabled_q02xg_8{cursor:not-allowed}._bsy-radio--full-width_q02xg_11{width:100%}._bsy-radio__input_q02xg_14{position:relative;width:16px;height:16px;border-radius:50%;border:1px solid #9da2b2;background-color:#fff;flex-shrink:0;transition:all .25s;cursor:pointer;box-sizing:border-box}._bsy-radio__input_q02xg_14:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:6px;height:6px;border-radius:50%;background-color:#fff;transition:all .25s ease-out}._bsy-radio__input--checked_q02xg_38{background-color:#0265ff;border-color:#0265ff}._bsy-radio__input--checked_q02xg_38:after{transform:translate(-50%,-50%) scale(1)}._bsy-radio__input--disabled_q02xg_45{background-color:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}._bsy-radio__input--disabled_q02xg_45:after{background-color:#f5f5f5}._bsy-radio__input--disabled_q02xg_45._bsy-radio__input--checked_q02xg_38{background-color:#00000040;border-color:#d9d9d9}._bsy-radio__input--disabled_q02xg_45._bsy-radio__input--checked_q02xg_38:after{background-color:#fff}._bsy-radio__label_q02xg_60{flex:1;font-size:14px;line-height:normal}._bsy-radio__label--left_q02xg_65{order:-1}._bsy-radio--disabled_q02xg_8 ._bsy-radio__label_q02xg_60{color:#00000040}._bsy-radio_q02xg_1:not(._bsy-radio--disabled_q02xg_8):hover ._bsy-radio__input_q02xg_14:not(._bsy-radio__input--disabled_q02xg_45){border-color:#0265ff}._bsy-radio-group_q02xg_75{display:inline-flex}._bsy-radio-group--none_q02xg_78{flex-direction:column}._bsy-radio-group--vertical_q02xg_81{flex-direction:column;gap:8px}._bsy-radio-group--horizontal_q02xg_85{flex-direction:row;flex-wrap:wrap;gap:8px 16px}._bsy-tab_1oc43_1{flex-shrink:0;cursor:pointer;display:inline-block;transition:color .2s,background-color .2s;-webkit-user-select:none;user-select:none;color:var(--text-color, #121111)}._bsy-tab_1oc43_1._badge-card_1oc43_9{position:relative;padding:6px 7px 6px 16px;border-radius:4px;font-size:14px;margin-right:11px;background-color:#f0f0f0;transition:none}._bsy-tab_1oc43_1._badge-card_1oc43_9._active_1oc43_18{color:#fff;font-weight:700;background:var(--theme-color)}._bsy-tab_1oc43_1._badge-card_1oc43_9._active_1oc43_18:after{background:var(--theme-color)}._bsy-tab_1oc43_1._badge-card_1oc43_9:not(._active_1oc43_18):not(._disabled_1oc43_26):hover{background-color:#e0e0e0}._bsy-tab_1oc43_1._badge-card_1oc43_9:not(._active_1oc43_18):not(._disabled_1oc43_26):hover:after{background-color:#e0e0e0}._bsy-tab_1oc43_1._badge-card_1oc43_9:after{content:"";position:absolute;top:0;bottom:0;right:0;aspect-ratio:1/1;background-color:#f0f0f0;border-radius:4px;transform:translate(calc(50% - 2px)) rotate(45deg) scale(.707);z-index:-1}._bsy-tab_1oc43_1._line_1oc43_44{padding:8px 0 7px}._bsy-tab_1oc43_1._line_1oc43_44:not(._disabled_1oc43_26):not(._active_1oc43_18):hover,._bsy-tab_1oc43_1._line_1oc43_44._active_1oc43_18{color:var(--theme-color)}._bsy-tab_1oc43_1._line_1oc43_44._active_1oc43_18{font-weight:700}._bsy-tab_1oc43_1._card_1oc43_53{position:relative;padding:8px 16px;color:#121211;background-color:#f0f0f0}._bsy-tab_1oc43_1._card_1oc43_53:not(._disabled_1oc43_26):not(._active_1oc43_18):hover{background-color:#e0e0e0}._bsy-tab_1oc43_1._card_1oc43_53._active_1oc43_18{font-weight:700;background-color:#fff;color:var(--theme-color)}._bsy-tab_1oc43_1._card_1oc43_53._active_1oc43_18 span{position:relative;z-index:1}._bsy-tab_1oc43_1._card_1oc43_53._active_1oc43_18:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--theme-bg-color) 0%,#fff 100%);z-index:0}._bsy-tab_1oc43_1._filled-card_1oc43_78{padding:7px 16px;border-radius:4px 4px 0 0;background-color:#f0f0f0}._bsy-tab_1oc43_1._filled-card_1oc43_78:not(._disabled_1oc43_26):not(._active_1oc43_18):hover{background-color:#e0e0e0}._bsy-tab_1oc43_1._filled-card_1oc43_78._active_1oc43_18{color:#fff;font-weight:700;background:var(--theme-color)}._bsy-tabs-select__trigger_5a1wn_1{display:flex;gap:10px;align-items:center;padding:10px;border-radius:4px;border:1px solid #e0e0e0;transition:border-color .3s ease;cursor:pointer}._bsy-tabs-select__trigger_5a1wn_1:hover,._bsy-tabs-select__trigger_5a1wn_1._active_5a1wn_11{border-color:#0265ff}._bsy-tabs-select__trigger_5a1wn_1:hover ._bsy-tabs-select__trigger-icon_5a1wn_14,._bsy-tabs-select__trigger_5a1wn_1._active_5a1wn_11 ._bsy-tabs-select__trigger-icon_5a1wn_14{color:#0265ff}._bsy-tabs-select__trigger-input_5a1wn_17{flex:1;overflow:hidden}._bsy-tabs-select__panel_5a1wn_21{display:flex;flex-direction:column;padding:10px;background-color:#fff;border-radius:4px;color:#121211;font-size:14px;line-height:normal;box-shadow:0 6px 16px #0000000f}._bsy-tabs-select__panel-item_5a1wn_32{padding:13px 10px;border-radius:4px;cursor:pointer}._bsy-tabs-select__panel-item_5a1wn_32._active_5a1wn_11,._bsy-tabs-select__panel-item_5a1wn_32:hover{background-color:#f0f6ff}._bsy-tabs-select__trigger-icon_5a1wn_14{display:flex;align-items:center;justify-content:center}._bsy-tabs-select__trigger-icon_5a1wn_14 ._icon_5a1wn_45{transition:transform .25s ease}._bsy-tabs-select__trigger-icon_5a1wn_14 ._icon_5a1wn_45[class*=active]{transform:rotate(180deg)}.bsy-select-input-search-input{display:flex;gap:8px;padding:6px 10px;border-radius:4px;border:1px solid #e0e0e0;color:#121212;line-height:normal;font-size:14px}.bsy-select-input-search-input__container{flex:1}.bsy-select-input-search-input__icon{color:#666;font-size:16px}.bsy-select-input-search-input__icon:hover{color:#0265ff}.bsy-select-input-search-input input{width:100%;max-height:20px;min-height:20px;border:none;outline:none}.bsy-select-input-search-input input::placeholder{color:#999}._bsy-input-tag__container_18guu_1{display:flex;flex-wrap:nowrap;gap:4px;overflow:hidden}._bsy-input-tag__item_18guu_7{flex-grow:0;flex-shrink:0;display:inline-flex;align-items:center;padding:3px 6px;color:#121111;line-height:normal;background-color:#eee;border-radius:2px;max-height:26px;overflow:hidden}._bsy-input-tag__item--disabled_18guu_20{background-color:#e7e7e7;color:#adadad}._bsy-input-tag__item-icon_18guu_24{margin-left:4px;width:12px;aspect-ratio:1}._select_multiple_input__container_8pd2n_1{overflow:hidden;display:flex;align-items:center}._select_multiple_input__measurement_layer_8pd2n_6{position:fixed;top:0;left:0;opacity:0;pointer-events:none;z-index:-1}._select_multiple_input__close_btn_8pd2n_14{color:#666;cursor:pointer}._select_multiple_input__close_btn_8pd2n_14:hover{color:#0265ff}._select_multiple_input__close_btn--disabled_8pd2n_21{cursor:not-allowed}._select_multiple_input__tag_content_8pd2n_24{width:100%;display:inline-flex}.bsy-select-input-container{--border-color: #e0e0e0;--bg-color: #fff;--input-text-color: #121212;--input-placholder-color: #999;-webkit-user-select:none;user-select:none;max-height:34px;min-height:34px;border-radius:4px;line-height:1.4;border:1px solid var(--border-color);background:var(--bg-color);transition:border .25s ease}.bsy-select-input-container:not([class*=disabled]):hover,.bsy-select-input-container:not([class*=disabled])[class*=active]{border:1px solid #0265ff;cursor:pointer}.bsy-select-input-container[class*=disabled]{cursor:not-allowed;--bg-color: #f0f0f0;--border-color: transparent;--input-text-color: #c2c2c2;--input-placholder-color: #c2c2c2}.bsy-select-input-container-input{height:32px;display:flex}.bsy-select-input-container-input-prefix{padding:8px 6px 8px 10px}.bsy-select-input-container-input-prefix+div{padding-left:0}.bsy-select-input-container__input-value{display:flex;flex:1;line-height:normal;padding:7px 10px}.bsy-select-input-container__input-value[class*=multiple]{padding:3px}.bsy-select-input-container__input-value-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:var(--input-text-color)}.bsy-select-input-container__icon{display:flex;align-items:center;justify-content:center;padding-right:10px}.bsy-select-input-container__icon .icon{font-size:16px;transition:transform .25s ease}.bsy-select-input-container__icon .icon[class*=active]{transform:rotate(180deg)}.bsy-select-input-container__input-value-placeholder{flex:1;padding:7px 10px;color:var(--input-placholder-color);font-size:14px}.bsy-select-input-container[class*=ghost-style]{border-color:transparent!important;background:transparent!important}.bsy-select-mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:transparent}.bsy-select-panel{padding:4px;background-color:#fff;border-radius:8px;color:#121211;font-size:14px;line-height:normal;box-shadow:0 6px 16px #0000000f}._bsy-segmented_ia83v_1{position:relative;display:inline-flex;gap:2px;height:34px;padding:2px;align-items:center;border-radius:4px;background-color:#f3f3f3}._bsy-segmented--block_ia83v_12{display:grid;width:100%}._bsy-segmented__item_ia83v_17{position:relative;display:flex;height:30px;padding:7px 10px;justify-content:center;align-items:center;cursor:pointer;transition:color .3s ease-in-out;font-size:14px;white-space:nowrap;border-radius:4px;border:1px solid transparent}._bsy-segmented__item--disabled_ia83v_31{color:#00000040!important;cursor:not-allowed}._bsy-segmented__item--block_ia83v_36{min-width:0;overflow:hidden;text-overflow:ellipsis;padding-left:0;padding-right:0}._bsy-segmented__item--active_ia83v_44{color:#0265ff}._bsy-segmented__item--inactive_ia83v_48:not(._bsy-segmented__item--disabled_ia83v_31):hover{background-color:#fff;border-color:#e0e0e0}._bsy-segmented__slider_ia83v_53{position:absolute;top:2px;height:30px;border-radius:4px;border:1px solid #e0e0e0;background-color:#fff}._modal__title_klsxr_1{padding:16px 20px;font-weight:700;font-size:18px;display:flex;justify-content:space-between;max-height:60px;border-bottom:1px solid #e0e0e0}._modal__title-text_klsxr_10{font-size:18px;font-weight:700}._modal__actions_klsxr_14,._modal__button_groups_klsxr_18{display:flex;gap:10px}._modal__button_klsxr_18{cursor:pointer;transition:colors .2s ease;display:flex;align-items:center;justify-content:center;height:26px;width:26px;border-radius:4px}._modal__button_klsxr_18:hover{background-color:#f3f3f3}._modal__button--fullscreen_klsxr_35:hover{background-color:#fff}._modal__icon_klsxr_38{color:#666;font-size:18px;transition:color .2s ease}._modal__button_klsxr_18:hover ._modal__icon_klsxr_38{color:#121211}._dropdown__trigger_11n5z_1{cursor:pointer}._dropdown__trigger--disabled_11n5z_4{cursor:not-allowed}._dropdown__panel_11n5z_7{width:208px;background:#fff;border-radius:4px;padding:4px 0;box-shadow:0 0 10px #00000014;min-width:120px}._dropdown__search_11n5z_15{padding:0 4px;margin-bottom:4px}._dropdown__menu_11n5z_19{padding:0 4px}._dropdown__menu-item_11n5z_22{padding:7px 10px;font-size:14px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;border-radius:4px;color:#121211;display:flex;align-items:center;gap:8px}._dropdown__menu-item_11n5z_22:hover:not(._dropdown__menu-item--disabled_11n5z_34):not(._dropdown__menu-item--active_11n5z_34){background-color:#f3f3f3}._dropdown__menu-item--active_11n5z_34{background-color:#f0f6ff!important;color:#0265ff!important}._dropdown__menu-item--active_11n5z_34 ._dropdown__menu-item-icon_11n5z_41{color:#0265ff!important}._dropdown__menu-item-icon_11n5z_41{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;color:#6f829e}._dropdown__menu-item-icon_11n5z_41._system-field_11n5z_52{color:#4d609f}._dropdown__menu-item--disabled_11n5z_34{color:#999;cursor:not-allowed;background-color:transparent}._dropdown__menu-item--disabled_11n5z_34 ._dropdown__menu-item-icon_11n5z_41{color:#999}._dropdown__menu-item-label_11n5z_63{line-height:normal;flex:1}._bsy-color-picker__floating_1kfi6_1{z-index:10}._bsy-color-picker__content_1kfi6_4{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 25px 50px -12px #00000040;font-size:14px}._bsy-color-picker__grid_1kfi6_11{display:grid;gap:16px}._bsy-color-picker__preset-colors-title_1kfi6_15{color:#91a1b7;margin-bottom:12px}._bsy-color-picker__preset-colors-grid_1kfi6_19{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}._bsy-color-picker__preset-colors-item_1kfi6_24{position:relative;width:30px;aspect-ratio:1;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1}._bsy-color-picker__preset-colors-item_1kfi6_24:after{content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1;transition:all .25s ease;border-radius:50%}._bsy-color-picker__preset-colors-item_1kfi6_24:hover:after{background:var(--hover-color);transform:scale(1.15)}._bsy-color-picker__custom-color-title_1kfi6_47{color:#91a1b7;margin-bottom:12px}._bsy-color-picker__custom-color-btn_1kfi6_51{display:inline-block;border-radius:50%;cursor:pointer;border:1px solid #e0e0e0;color:#666;padding:6px;font-size:0;transition:.25s ease}._bsy-color-picker__custom-color-btn_1kfi6_51:not(._preview_1kfi6_61):hover,._bsy-color-picker__custom-color-btn_1kfi6_51:not(._preview_1kfi6_61)._bsy-color-picker__custom-color-btn--active_1kfi6_61{border-color:#0265ff;color:#0265ff}._bsy-color-picker__custom-color-btn_1kfi6_51._bsy-color-picker__custom-color-btn--preview_1kfi6_65{border-color:transparent}._bsy-color-picker__custom-color-content_1kfi6_68{display:flex;gap:16px}._bsy-color-picker__check-icon_1kfi6_72{font-size:18px;color:#fff}._bsy-card_myftj_1{padding:10px 12px;background:#fff;border-radius:10px}._bsy-card__header_myftj_6{display:flex;align-items:center;justify-content:space-between;cursor:pointer;line-height:normal}._bsy-card__header_myftj_6:hover ._bsy-card__title_myftj_13{color:#0265ff}._bsy-card__title_myftj_13{color:#121211;font-size:14px;font-weight:700;margin:0;transition:color .2s ease;-webkit-user-select:none;user-select:none}._bsy-card__icon-container_myftj_24{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;cursor:pointer;color:#666}._bsy-card__icon-container_myftj_24:hover{background-color:#f0f6ff;color:#0265ff}._bsy-card__icon_myftj_24{font-size:16px;transition:transform .2s ease}._bsy-card__icon--expanded_myftj_43{transform:rotate(180deg)}._bsy-card__content_myftj_46{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);overflow:hidden}._bsy-card__content--expanded_myftj_52{grid-template-rows:1fr}._bsy-card__content--expanded_myftj_52 ._bsy-card__content-inner_myftj_55{padding-top:12px}._bsy-card__content-inner_myftj_55{overflow:hidden;transition:padding-top .3s cubic-bezier(.4,0,.2,1)}@keyframes _scale-in_46spj_1{0%{transform:scale(.8);opacity:.5}to{transform:scale(1);opacity:1}}._bsy-inputTag_46spj_11{display:flex;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:0 4px;font-size:14px;height:34px;color:#121211;transition:all .3s cubic-bezier(.4,0,.2,1)}._bsy-inputTag__container_46spj_22{height:32px;flex-grow:0;overflow:hidden}._bsy-inputTag__inputContainer_46spj_27{flex-shrink:0;min-width:80px;max-width:80px;height:32px;display:inline-flex;align-items:center;font-size:14px;margin-left:4px}._bsy-inputTag__inputContainer--zeroMargin_46spj_37{margin:0}._bsy-inputTag__input_46spj_27{width:100%;padding:0 6px;height:23px;outline:none;border-radius:4px;border:1px dashed #e0e0e0;background-color:transparent}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.bottom-\[-30px\]{bottom:-30px}.left-0{left:0}.left-\[80px\]{left:80px}.right-0{right:0}.top-0{top:0}.z-10{z-index:10}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-\[40px\]{margin-top:40px}.mt-\[6px\]{margin-top:6px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-0\.5{height:.125rem}.h-4{height:1rem}.h-\[26px\]{height:26px}.h-full{height:100%}.max-h-\[36px\]{max-height:36px}.min-h-\[100px\]{min-height:100px}.min-h-\[34px\]{min-height:34px}.w-4{width:1rem}.w-8{width:2rem}.w-\[80px\]{width:80px}.w-full{width:100%}.min-w-max{min-width:max-content}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-\[10px\]{gap:10px}.gap-\[15px\]{gap:15px}.gap-\[8px\]{gap:8px}.gap-x-\[10px\]{column-gap:10px}.gap-x-\[20px\]{column-gap:20px}.gap-x-\[26px\]{column-gap:26px}.gap-x-\[6px\]{column-gap:6px}.gap-y-\[10px\]{row-gap:10px}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t-\[1px\]{border-top-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-\[\#e0e0e0\]{--tw-border-opacity: 1;border-color:rgb(224 224 224 / var(--tw-border-opacity, 1))}.bg-\[\#0265ff\]{--tw-bg-opacity: 1;background-color:rgb(2 101 255 / var(--tw-bg-opacity, 1))}.bg-\[\#eee\]{--tw-bg-opacity: 1;background-color:rgb(238 238 238 / var(--tw-bg-opacity, 1))}.bg-\[\#f0f0f0\]{--tw-bg-opacity: 1;background-color:rgb(240 240 240 / var(--tw-bg-opacity, 1))}.bg-\[\#f0f6ff\]{--tw-bg-opacity: 1;background-color:rgb(240 246 255 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[20px\]{padding-left:20px;padding-right:20px}.px-\[6px\]{padding-left:6px;padding-right:6px}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[14px\]{padding-top:14px;padding-bottom:14px}.py-\[3px\]{padding-top:3px;padding-bottom:3px}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.pb-\[2px\]{padding-bottom:2px}.pb-\[60px\]{padding-bottom:60px}.pl-8{padding-left:2rem}.pr-8{padding-right:2rem}.pt-\[40px\]{padding-top:40px}.pt-\[4px\]{padding-top:4px}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.italic{font-style:italic}.text-\[\#0265ff\]{--tw-text-opacity: 1;color:rgb(2 101 255 / var(--tw-text-opacity, 1))}.text-\[\#4d609f\]{--tw-text-opacity: 1;color:rgb(77 96 159 / var(--tw-text-opacity, 1))}.text-\[\#666\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity, 1))}.text-\[\#73819c\]{--tw-text-opacity: 1;color:rgb(115 129 156 / var(--tw-text-opacity, 1))}.text-\[\#999\]{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity, 1))}.text-\[\#c2c2c2\]{--tw-text-opacity: 1;color:rgb(194 194 194 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.placeholder\:text-\[\#999\]::placeholder{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity, 1))}.hover\:bg-\[\#e0e0e0\]:hover{--tw-bg-opacity: 1;background-color:rgb(224 224 224 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#f3f3f3\]:hover{--tw-bg-opacity: 1;background-color:rgb(243 243 243 / var(--tw-bg-opacity, 1))}.hover\:text-\[\#0265ff\]:hover{--tw-text-opacity: 1;color:rgb(2 101 255 / var(--tw-text-opacity, 1))}.hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}._lexical-editor__toolbar-button_1y192_1{display:inline-flex;border-radius:2px;padding:3px;color:#666}._lexical-editor__toolbar-button-active_1y192_7,._lexical-editor__toolbar-button_1y192_1:hover{color:#121211;background-color:#e0e0e0}._picture-modal__container_qyj1h_1{display:flex}._picture-modal__sidebar_qyj1h_4{flex-basis:120px;border-right:1px solid #e0e0e0;position:relative}._picture-modal__menu-list_qyj1h_9{list-style:none;margin:0;padding:0}._picture-modal__menu-item_qyj1h_14{display:flex;justify-content:space-between;padding:9px 20px;cursor:pointer;align-items:center;position:relative;z-index:2;transition:color .3s ease}._picture-modal__slider_qyj1h_24{position:absolute;left:0;top:0;width:100%;height:40px;background-color:#f3f3f3;border-radius:4px;z-index:1;transition:transform .2s cubic-bezier(.4,0,.2,1)}._picture-modal__content_qyj1h_35{flex:1;height:300px;position:relative;padding:20px}._picture-modal__content-wrapper_qyj1h_41{height:100%;overflow:hidden}._picture-modal__content-container_qyj1h_45{height:calc(100% * var(--menu-count, 2))}._picture-modal__content-page_qyj1h_48{height:calc(100% / var(--menu-count, 2))}._picture-modal__content-title_qyj1h_51{font-weight:700;margin-bottom:10px}._picture-modal__content-title_qyj1h_51:after{content:attr(data-title);color:#999;font-size:12px;font-weight:400;margin-left:10px}._picture-modal__upload-area_qyj1h_62{--upload-text-color: #999;margin-top:10px;border:1px dashed #e0e0e0;border-radius:4px;padding:7px;text-align:center;cursor:pointer;transition:border-color .2s ease}._picture-modal__upload-area_qyj1h_62:hover{border-color:#0269ff;--upload-text-color: #0269ff;color:#0269ff}._picture-modal__upload-area--dragging_qyj1h_77{border-color:#0269ff;background-color:#f0f8ff;--upload-text-color: #0269ff;color:#0269ff}._picture-modal__preview_qyj1h_83{margin-top:16px;border:1px solid #e0e0e0;border-radius:4px;padding:10px;display:flex;align-items:center;gap:12px}._picture-modal__preview-image_qyj1h_92{flex-shrink:0}._picture-modal__preview-image_qyj1h_92 img{border-radius:4px;object-fit:cover}._picture-modal__preview-info_qyj1h_99{flex:1;min-width:0}._picture-modal__preview-filename_qyj1h_103{font-size:14px;font-weight:500;margin-bottom:4px;word-break:break-all}._picture-modal__preview-size_qyj1h_109{font-size:12px;color:#999}._picture-modal__preview-delete_qyj1h_113{color:#666;cursor:pointer;align-self:center}._picture-modal__preview-delete_qyj1h_113:hover{color:#ff4d4f}._picture-modal__upload-text_qyj1h_121{margin-left:8px;color:var(--upload-text-color)}._picture-modal__footer_qyj1h_125{padding:14px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px}._bsy-lexical__toolbar_n60av_1{padding:5px 6px;display:flex;align-items:center;background:#fafafa;border-bottom:1px solid #e0e0e0}._bsy-lexical__toolbar-group_n60av_9{display:flex;align-items:center;gap:6px}._bsy-lexical__toolbar-divider_n60av_15{width:1px;height:20px;background-color:#e0e0e0;margin:0 5px}._bsy-lexical-editor_19ssw_1{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}._bsy-lexical-editor__content-editable_19ssw_6{padding:6px 10px;overflow-y:auto}._bsy-lexical-editor__content-editable_19ssw_6:focus{outline:none}._imageWrapper_y06h3_1{position:relative;display:inline-block;border:1px solid transparent;border-radius:2px;transition:border-color .2s ease}._imageWrapper_y06h3_1._selected_y06h3_8{border-color:#0269ff;box-shadow:0 0 0 2px #0269ff80}._imageWrapper_y06h3_1._resizing_y06h3_12{-webkit-user-select:none;user-select:none}._imageWrapper_y06h3_1._resizing_y06h3_12 ._image_y06h3_1{pointer-events:none}._image_y06h3_1{display:block;cursor:pointer;transition:opacity .2s ease;max-width:100%;height:auto}._image_y06h3_1:hover{opacity:.9}._resizeHandle_y06h3_30{position:absolute;width:8px;height:8px;background:#0269ff;border:1px solid #fff;border-radius:50%;cursor:nw-resize;z-index:10}._resizeHandle_y06h3_30:hover{background:#40a9ff;transform:scale(1.2)}._resizeHandle_y06h3_30._topLeft_y06h3_44{top:-4px;left:-4px;cursor:nw-resize}._resizeHandle_y06h3_30._topRight_y06h3_49{top:-4px;right:-4px;cursor:ne-resize}._resizeHandle_y06h3_30._bottomLeft_y06h3_54{bottom:-4px;left:-4px;cursor:sw-resize}._resizeHandle_y06h3_30._bottomRight_y06h3_59{bottom:-4px;right:-4px;cursor:se-resize}._resizing_y06h3_12 *{-webkit-user-select:none!important;user-select:none!important}.editor-text-underline{text-decoration:underline}.editor-link{color:#0269ff;cursor:pointer}.editor-text-italic{font-style:italic}.editor-link:hover{text-decoration:underline}
|
|
1
|
+
._checkbox_vheru_1{width:16px;height:16px;border-radius:2px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}._checkbox--checked_vheru_12{background-color:#0265ff;border-color:#0265ff}._checkbox--unchecked_vheru_16{background-color:#fff0;border-color:#9da2b2}._checkbox--unchecked_vheru_16:hover{border-color:#0265ff}._checkbox--indeterminate_vheru_23{background-color:#fff;border-color:#0265ff}._checkbox--disabled_vheru_27{background-color:#f5f5f5;border-color:#d9d9d9}._checkbox__inner_vheru_32{width:8px;height:8px;border-radius:1px;background-color:#0265ff}._checkbox__inner--disabled_vheru_38{background-color:#b8b8b8}._bsy-checkbox_1372g_1{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}._bsy-checkbox--full-width_1372g_8{width:100%}._bsy-checkbox__button_1372g_11{width:1rem;height:1rem;border-radius:2px;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;border:1px solid;flex-shrink:0}._bsy-checkbox__button--disabled_1372g_22{background-color:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}._bsy-checkbox__button--enabled_1372g_27{cursor:pointer}._bsy-checkbox__button--indeterminate_1372g_30{background-color:#fff;border-color:#0265ff}._bsy-checkbox__button--checked_1372g_34{background-color:#0265ff;border-color:#0265ff}._bsy-checkbox__button--unchecked_1372g_38{background-color:transparent;border-color:#9da2b2}._bsy-checkbox__button--unchecked_1372g_38:hover{border-color:#0265ff}._bsy-checkbox__button--left-label_1372g_45{order:2}._bsy-radio_q02xg_1{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}._bsy-radio--disabled_q02xg_8{cursor:not-allowed}._bsy-radio--full-width_q02xg_11{width:100%}._bsy-radio__input_q02xg_14{position:relative;width:16px;height:16px;border-radius:50%;border:1px solid #9da2b2;background-color:#fff;flex-shrink:0;transition:all .25s;cursor:pointer;box-sizing:border-box}._bsy-radio__input_q02xg_14:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:6px;height:6px;border-radius:50%;background-color:#fff;transition:all .25s ease-out}._bsy-radio__input--checked_q02xg_38{background-color:#0265ff;border-color:#0265ff}._bsy-radio__input--checked_q02xg_38:after{transform:translate(-50%,-50%) scale(1)}._bsy-radio__input--disabled_q02xg_45{background-color:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}._bsy-radio__input--disabled_q02xg_45:after{background-color:#f5f5f5}._bsy-radio__input--disabled_q02xg_45._bsy-radio__input--checked_q02xg_38{background-color:#00000040;border-color:#d9d9d9}._bsy-radio__input--disabled_q02xg_45._bsy-radio__input--checked_q02xg_38:after{background-color:#fff}._bsy-radio__label_q02xg_60{flex:1;font-size:14px;line-height:normal}._bsy-radio__label--left_q02xg_65{order:-1}._bsy-radio--disabled_q02xg_8 ._bsy-radio__label_q02xg_60{color:#00000040}._bsy-radio_q02xg_1:not(._bsy-radio--disabled_q02xg_8):hover ._bsy-radio__input_q02xg_14:not(._bsy-radio__input--disabled_q02xg_45){border-color:#0265ff}._bsy-radio-group_q02xg_75{display:inline-flex}._bsy-radio-group--none_q02xg_78{flex-direction:column}._bsy-radio-group--vertical_q02xg_81{flex-direction:column;gap:8px}._bsy-radio-group--horizontal_q02xg_85{flex-direction:row;flex-wrap:wrap;gap:8px 16px}._bsy-tab_1oc43_1{flex-shrink:0;cursor:pointer;display:inline-block;transition:color .2s,background-color .2s;-webkit-user-select:none;user-select:none;color:var(--text-color, #121111)}._bsy-tab_1oc43_1._badge-card_1oc43_9{position:relative;padding:6px 7px 6px 16px;border-radius:4px;font-size:14px;margin-right:11px;background-color:#f0f0f0;transition:none}._bsy-tab_1oc43_1._badge-card_1oc43_9._active_1oc43_18{color:#fff;font-weight:700;background:var(--theme-color)}._bsy-tab_1oc43_1._badge-card_1oc43_9._active_1oc43_18:after{background:var(--theme-color)}._bsy-tab_1oc43_1._badge-card_1oc43_9:not(._active_1oc43_18):not(._disabled_1oc43_26):hover{background-color:#e0e0e0}._bsy-tab_1oc43_1._badge-card_1oc43_9:not(._active_1oc43_18):not(._disabled_1oc43_26):hover:after{background-color:#e0e0e0}._bsy-tab_1oc43_1._badge-card_1oc43_9:after{content:"";position:absolute;top:0;bottom:0;right:0;aspect-ratio:1/1;background-color:#f0f0f0;border-radius:4px;transform:translate(calc(50% - 2px)) rotate(45deg) scale(.707);z-index:-1}._bsy-tab_1oc43_1._line_1oc43_44{padding:8px 0 7px}._bsy-tab_1oc43_1._line_1oc43_44:not(._disabled_1oc43_26):not(._active_1oc43_18):hover,._bsy-tab_1oc43_1._line_1oc43_44._active_1oc43_18{color:var(--theme-color)}._bsy-tab_1oc43_1._line_1oc43_44._active_1oc43_18{font-weight:700}._bsy-tab_1oc43_1._card_1oc43_53{position:relative;padding:8px 16px;color:#121211;background-color:#f0f0f0}._bsy-tab_1oc43_1._card_1oc43_53:not(._disabled_1oc43_26):not(._active_1oc43_18):hover{background-color:#e0e0e0}._bsy-tab_1oc43_1._card_1oc43_53._active_1oc43_18{font-weight:700;background-color:#fff;color:var(--theme-color)}._bsy-tab_1oc43_1._card_1oc43_53._active_1oc43_18 span{position:relative;z-index:1}._bsy-tab_1oc43_1._card_1oc43_53._active_1oc43_18:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--theme-bg-color) 0%,#fff 100%);z-index:0}._bsy-tab_1oc43_1._filled-card_1oc43_78{padding:7px 16px;border-radius:4px 4px 0 0;background-color:#f0f0f0}._bsy-tab_1oc43_1._filled-card_1oc43_78:not(._disabled_1oc43_26):not(._active_1oc43_18):hover{background-color:#e0e0e0}._bsy-tab_1oc43_1._filled-card_1oc43_78._active_1oc43_18{color:#fff;font-weight:700;background:var(--theme-color)}._bsy-tabs-select__trigger_5a1wn_1{display:flex;gap:10px;align-items:center;padding:10px;border-radius:4px;border:1px solid #e0e0e0;transition:border-color .3s ease;cursor:pointer}._bsy-tabs-select__trigger_5a1wn_1:hover,._bsy-tabs-select__trigger_5a1wn_1._active_5a1wn_11{border-color:#0265ff}._bsy-tabs-select__trigger_5a1wn_1:hover ._bsy-tabs-select__trigger-icon_5a1wn_14,._bsy-tabs-select__trigger_5a1wn_1._active_5a1wn_11 ._bsy-tabs-select__trigger-icon_5a1wn_14{color:#0265ff}._bsy-tabs-select__trigger-input_5a1wn_17{flex:1;overflow:hidden}._bsy-tabs-select__panel_5a1wn_21{display:flex;flex-direction:column;padding:10px;background-color:#fff;border-radius:4px;color:#121211;font-size:14px;line-height:normal;box-shadow:0 6px 16px #0000000f}._bsy-tabs-select__panel-item_5a1wn_32{padding:13px 10px;border-radius:4px;cursor:pointer}._bsy-tabs-select__panel-item_5a1wn_32._active_5a1wn_11,._bsy-tabs-select__panel-item_5a1wn_32:hover{background-color:#f0f6ff}._bsy-tabs-select__trigger-icon_5a1wn_14{display:flex;align-items:center;justify-content:center}._bsy-tabs-select__trigger-icon_5a1wn_14 ._icon_5a1wn_45{transition:transform .25s ease}._bsy-tabs-select__trigger-icon_5a1wn_14 ._icon_5a1wn_45[class*=active]{transform:rotate(180deg)}.bsy-select-input-search-input{display:flex;gap:8px;padding:6px 10px;border-radius:4px;border:1px solid #e0e0e0;color:#121212;line-height:normal;font-size:14px}.bsy-select-input-search-input__container{flex:1}.bsy-select-input-search-input__icon{color:#666;font-size:16px}.bsy-select-input-search-input__icon:hover{color:#0265ff}.bsy-select-input-search-input input{width:100%;max-height:20px;min-height:20px;border:none;outline:none}.bsy-select-input-search-input input::placeholder{color:#999}._bsy-input-tag__container_18guu_1{display:flex;flex-wrap:nowrap;gap:4px;overflow:hidden}._bsy-input-tag__item_18guu_7{flex-grow:0;flex-shrink:0;display:inline-flex;align-items:center;padding:3px 6px;color:#121111;line-height:normal;background-color:#eee;border-radius:2px;max-height:26px;overflow:hidden}._bsy-input-tag__item--disabled_18guu_20{background-color:#e7e7e7;color:#adadad}._bsy-input-tag__item-icon_18guu_24{margin-left:4px;width:12px;aspect-ratio:1}._select_multiple_input__container_8pd2n_1{overflow:hidden;display:flex;align-items:center}._select_multiple_input__measurement_layer_8pd2n_6{position:fixed;top:0;left:0;opacity:0;pointer-events:none;z-index:-1}._select_multiple_input__close_btn_8pd2n_14{color:#666;cursor:pointer}._select_multiple_input__close_btn_8pd2n_14:hover{color:#0265ff}._select_multiple_input__close_btn--disabled_8pd2n_21{cursor:not-allowed}._select_multiple_input__tag_content_8pd2n_24{width:100%;display:inline-flex}.bsy-select-input-container{--border-color: #e0e0e0;--bg-color: #fff;--input-text-color: #121212;--input-placholder-color: #999;-webkit-user-select:none;user-select:none;max-height:34px;min-height:34px;border-radius:4px;line-height:1.4;border:1px solid var(--border-color);background:var(--bg-color);transition:border .25s ease}.bsy-select-input-container:not([class*=disabled]):hover,.bsy-select-input-container:not([class*=disabled])[class*=active]{border:1px solid #0265ff;cursor:pointer}.bsy-select-input-container[class*=disabled]{cursor:not-allowed;--bg-color: #f0f0f0;--border-color: transparent;--input-text-color: #c2c2c2;--input-placholder-color: #c2c2c2}.bsy-select-input-container-input{height:32px;display:flex}.bsy-select-input-container-input-prefix{padding:8px 6px 8px 10px}.bsy-select-input-container-input-prefix+div{padding-left:0}.bsy-select-input-container__input-value{display:flex;flex:1;line-height:normal;padding:7px 10px}.bsy-select-input-container__input-value[class*=multiple]{padding:3px}.bsy-select-input-container__input-value-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:var(--input-text-color)}.bsy-select-input-container__icon{display:flex;align-items:center;justify-content:center;padding-right:10px}.bsy-select-input-container__icon .icon{font-size:16px;transition:transform .25s ease}.bsy-select-input-container__icon .icon[class*=active]{transform:rotate(180deg)}.bsy-select-input-container__input-value-placeholder{flex:1;padding:7px 10px;color:var(--input-placholder-color);font-size:14px}.bsy-select-input-container[class*=ghost-style]{border-color:transparent!important;background:transparent!important}.bsy-select-mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:transparent}.bsy-select-panel{padding:4px;background-color:#fff;border-radius:8px;color:#121211;font-size:14px;line-height:normal;box-shadow:0 6px 16px #0000000f}._bsy-segmented_ia83v_1{position:relative;display:inline-flex;gap:2px;height:34px;padding:2px;align-items:center;border-radius:4px;background-color:#f3f3f3}._bsy-segmented--block_ia83v_12{display:grid;width:100%}._bsy-segmented__item_ia83v_17{position:relative;display:flex;height:30px;padding:7px 10px;justify-content:center;align-items:center;cursor:pointer;transition:color .3s ease-in-out;font-size:14px;white-space:nowrap;border-radius:4px;border:1px solid transparent}._bsy-segmented__item--disabled_ia83v_31{color:#00000040!important;cursor:not-allowed}._bsy-segmented__item--block_ia83v_36{min-width:0;overflow:hidden;text-overflow:ellipsis;padding-left:0;padding-right:0}._bsy-segmented__item--active_ia83v_44{color:#0265ff}._bsy-segmented__item--inactive_ia83v_48:not(._bsy-segmented__item--disabled_ia83v_31):hover{background-color:#fff;border-color:#e0e0e0}._bsy-segmented__slider_ia83v_53{position:absolute;top:2px;height:30px;border-radius:4px;border:1px solid #e0e0e0;background-color:#fff}._modal__title_klsxr_1{padding:16px 20px;font-weight:700;font-size:18px;display:flex;justify-content:space-between;max-height:60px;border-bottom:1px solid #e0e0e0}._modal__title-text_klsxr_10{font-size:18px;font-weight:700}._modal__actions_klsxr_14,._modal__button_groups_klsxr_18{display:flex;gap:10px}._modal__button_klsxr_18{cursor:pointer;transition:colors .2s ease;display:flex;align-items:center;justify-content:center;height:26px;width:26px;border-radius:4px}._modal__button_klsxr_18:hover{background-color:#f3f3f3}._modal__button--fullscreen_klsxr_35:hover{background-color:#fff}._modal__icon_klsxr_38{color:#666;font-size:18px;transition:color .2s ease}._modal__button_klsxr_18:hover ._modal__icon_klsxr_38{color:#121211}._dropdown__trigger_11n5z_1{cursor:pointer}._dropdown__trigger--disabled_11n5z_4{cursor:not-allowed}._dropdown__panel_11n5z_7{width:208px;background:#fff;border-radius:4px;padding:4px 0;box-shadow:0 0 10px #00000014;min-width:120px}._dropdown__search_11n5z_15{padding:0 4px;margin-bottom:4px}._dropdown__menu_11n5z_19{padding:0 4px}._dropdown__menu-item_11n5z_22{padding:7px 10px;font-size:14px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;border-radius:4px;color:#121211;display:flex;align-items:center;gap:8px}._dropdown__menu-item_11n5z_22:hover:not(._dropdown__menu-item--disabled_11n5z_34):not(._dropdown__menu-item--active_11n5z_34){background-color:#f3f3f3}._dropdown__menu-item--active_11n5z_34{background-color:#f0f6ff!important;color:#0265ff!important}._dropdown__menu-item--active_11n5z_34 ._dropdown__menu-item-icon_11n5z_41{color:#0265ff!important}._dropdown__menu-item-icon_11n5z_41{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;color:#6f829e}._dropdown__menu-item-icon_11n5z_41._system-field_11n5z_52{color:#4d609f}._dropdown__menu-item--disabled_11n5z_34{color:#999;cursor:not-allowed;background-color:transparent}._dropdown__menu-item--disabled_11n5z_34 ._dropdown__menu-item-icon_11n5z_41{color:#999}._dropdown__menu-item-label_11n5z_63{line-height:normal;flex:1}._bsy-color-picker__floating_11t7y_1{z-index:10}._bsy-color-picker__content_11t7y_4{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 25px 50px -12px #00000040;font-size:14px}._bsy-color-picker__grid_11t7y_11{display:grid;gap:16px}._bsy-color-picker__preset-colors-title_11t7y_15{color:#91a1b7;margin-bottom:12px}._bsy-color-picker__preset-colors-grid_11t7y_19{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}._bsy-color-picker__preset-colors-item_11t7y_24{position:relative;width:30px;aspect-ratio:1;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;border:1px solid rgba(181,181,181,.2)}._bsy-color-picker__preset-colors-item_11t7y_24:after{content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1;transition:all .25s ease;border-radius:50%}._bsy-color-picker__preset-colors-item_11t7y_24:hover:after{background:var(--hover-color);transform:scale(1.15)}._bsy-color-picker__custom-color-title_11t7y_48{color:#91a1b7;margin-bottom:12px}._bsy-color-picker__custom-color-btn_11t7y_52{display:inline-block;border-radius:50%;cursor:pointer;border:1px solid #e0e0e0;color:#666;padding:6px;font-size:0;transition:.25s ease}._bsy-color-picker__custom-color-btn_11t7y_52:not(._preview_11t7y_62):hover,._bsy-color-picker__custom-color-btn_11t7y_52:not(._preview_11t7y_62)._bsy-color-picker__custom-color-btn--active_11t7y_62{border-color:#0265ff;color:#0265ff}._bsy-color-picker__custom-color-btn_11t7y_52._bsy-color-picker__custom-color-btn--preview_11t7y_66{border-color:transparent}._bsy-color-picker__custom-color-content_11t7y_69{display:flex;gap:16px}._bsy-color-picker__check-icon_11t7y_73{font-size:18px;color:#fff}._bsy-card_myftj_1{padding:10px 12px;background:#fff;border-radius:10px}._bsy-card__header_myftj_6{display:flex;align-items:center;justify-content:space-between;cursor:pointer;line-height:normal}._bsy-card__header_myftj_6:hover ._bsy-card__title_myftj_13{color:#0265ff}._bsy-card__title_myftj_13{color:#121211;font-size:14px;font-weight:700;margin:0;transition:color .2s ease;-webkit-user-select:none;user-select:none}._bsy-card__icon-container_myftj_24{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;cursor:pointer;color:#666}._bsy-card__icon-container_myftj_24:hover{background-color:#f0f6ff;color:#0265ff}._bsy-card__icon_myftj_24{font-size:16px;transition:transform .2s ease}._bsy-card__icon--expanded_myftj_43{transform:rotate(180deg)}._bsy-card__content_myftj_46{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);overflow:hidden}._bsy-card__content--expanded_myftj_52{grid-template-rows:1fr}._bsy-card__content--expanded_myftj_52 ._bsy-card__content-inner_myftj_55{padding-top:12px}._bsy-card__content-inner_myftj_55{overflow:hidden;transition:padding-top .3s cubic-bezier(.4,0,.2,1)}@keyframes _scale-in_46spj_1{0%{transform:scale(.8);opacity:.5}to{transform:scale(1);opacity:1}}._bsy-inputTag_46spj_11{display:flex;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:0 4px;font-size:14px;height:34px;color:#121211;transition:all .3s cubic-bezier(.4,0,.2,1)}._bsy-inputTag__container_46spj_22{height:32px;flex-grow:0;overflow:hidden}._bsy-inputTag__inputContainer_46spj_27{flex-shrink:0;min-width:80px;max-width:80px;height:32px;display:inline-flex;align-items:center;font-size:14px;margin-left:4px}._bsy-inputTag__inputContainer--zeroMargin_46spj_37{margin:0}._bsy-inputTag__input_46spj_27{width:100%;padding:0 6px;height:23px;outline:none;border-radius:4px;border:1px dashed #e0e0e0;background-color:transparent}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.bottom-\[-30px\]{bottom:-30px}.left-0{left:0}.left-\[80px\]{left:80px}.right-0{right:0}.top-0{top:0}.z-10{z-index:10}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-\[40px\]{margin-top:40px}.mt-\[6px\]{margin-top:6px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-0\.5{height:.125rem}.h-4{height:1rem}.h-\[26px\]{height:26px}.h-full{height:100%}.max-h-\[36px\]{max-height:36px}.min-h-\[100px\]{min-height:100px}.min-h-\[34px\]{min-height:34px}.w-4{width:1rem}.w-8{width:2rem}.w-\[80px\]{width:80px}.w-full{width:100%}.min-w-max{min-width:max-content}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-\[10px\]{gap:10px}.gap-\[15px\]{gap:15px}.gap-\[8px\]{gap:8px}.gap-x-\[10px\]{column-gap:10px}.gap-x-\[20px\]{column-gap:20px}.gap-x-\[26px\]{column-gap:26px}.gap-x-\[6px\]{column-gap:6px}.gap-y-\[10px\]{row-gap:10px}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t-\[1px\]{border-top-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-\[\#e0e0e0\]{--tw-border-opacity: 1;border-color:rgb(224 224 224 / var(--tw-border-opacity, 1))}.bg-\[\#0265ff\]{--tw-bg-opacity: 1;background-color:rgb(2 101 255 / var(--tw-bg-opacity, 1))}.bg-\[\#eee\]{--tw-bg-opacity: 1;background-color:rgb(238 238 238 / var(--tw-bg-opacity, 1))}.bg-\[\#f0f0f0\]{--tw-bg-opacity: 1;background-color:rgb(240 240 240 / var(--tw-bg-opacity, 1))}.bg-\[\#f0f6ff\]{--tw-bg-opacity: 1;background-color:rgb(240 246 255 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[20px\]{padding-left:20px;padding-right:20px}.px-\[6px\]{padding-left:6px;padding-right:6px}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[14px\]{padding-top:14px;padding-bottom:14px}.py-\[3px\]{padding-top:3px;padding-bottom:3px}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.pb-\[2px\]{padding-bottom:2px}.pb-\[60px\]{padding-bottom:60px}.pl-8{padding-left:2rem}.pr-8{padding-right:2rem}.pt-\[40px\]{padding-top:40px}.pt-\[4px\]{padding-top:4px}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.italic{font-style:italic}.text-\[\#0265ff\]{--tw-text-opacity: 1;color:rgb(2 101 255 / var(--tw-text-opacity, 1))}.text-\[\#4d609f\]{--tw-text-opacity: 1;color:rgb(77 96 159 / var(--tw-text-opacity, 1))}.text-\[\#666\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity, 1))}.text-\[\#73819c\]{--tw-text-opacity: 1;color:rgb(115 129 156 / var(--tw-text-opacity, 1))}.text-\[\#999\]{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity, 1))}.text-\[\#c2c2c2\]{--tw-text-opacity: 1;color:rgb(194 194 194 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.placeholder\:text-\[\#999\]::placeholder{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity, 1))}.hover\:bg-\[\#e0e0e0\]:hover{--tw-bg-opacity: 1;background-color:rgb(224 224 224 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#f3f3f3\]:hover{--tw-bg-opacity: 1;background-color:rgb(243 243 243 / var(--tw-bg-opacity, 1))}.hover\:text-\[\#0265ff\]:hover{--tw-text-opacity: 1;color:rgb(2 101 255 / var(--tw-text-opacity, 1))}.hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}._lexical-editor__toolbar-button_1y192_1{display:inline-flex;border-radius:2px;padding:3px;color:#666}._lexical-editor__toolbar-button-active_1y192_7,._lexical-editor__toolbar-button_1y192_1:hover{color:#121211;background-color:#e0e0e0}._picture-modal__container_qyj1h_1{display:flex}._picture-modal__sidebar_qyj1h_4{flex-basis:120px;border-right:1px solid #e0e0e0;position:relative}._picture-modal__menu-list_qyj1h_9{list-style:none;margin:0;padding:0}._picture-modal__menu-item_qyj1h_14{display:flex;justify-content:space-between;padding:9px 20px;cursor:pointer;align-items:center;position:relative;z-index:2;transition:color .3s ease}._picture-modal__slider_qyj1h_24{position:absolute;left:0;top:0;width:100%;height:40px;background-color:#f3f3f3;border-radius:4px;z-index:1;transition:transform .2s cubic-bezier(.4,0,.2,1)}._picture-modal__content_qyj1h_35{flex:1;height:300px;position:relative;padding:20px}._picture-modal__content-wrapper_qyj1h_41{height:100%;overflow:hidden}._picture-modal__content-container_qyj1h_45{height:calc(100% * var(--menu-count, 2))}._picture-modal__content-page_qyj1h_48{height:calc(100% / var(--menu-count, 2))}._picture-modal__content-title_qyj1h_51{font-weight:700;margin-bottom:10px}._picture-modal__content-title_qyj1h_51:after{content:attr(data-title);color:#999;font-size:12px;font-weight:400;margin-left:10px}._picture-modal__upload-area_qyj1h_62{--upload-text-color: #999;margin-top:10px;border:1px dashed #e0e0e0;border-radius:4px;padding:7px;text-align:center;cursor:pointer;transition:border-color .2s ease}._picture-modal__upload-area_qyj1h_62:hover{border-color:#0269ff;--upload-text-color: #0269ff;color:#0269ff}._picture-modal__upload-area--dragging_qyj1h_77{border-color:#0269ff;background-color:#f0f8ff;--upload-text-color: #0269ff;color:#0269ff}._picture-modal__preview_qyj1h_83{margin-top:16px;border:1px solid #e0e0e0;border-radius:4px;padding:10px;display:flex;align-items:center;gap:12px}._picture-modal__preview-image_qyj1h_92{flex-shrink:0}._picture-modal__preview-image_qyj1h_92 img{border-radius:4px;object-fit:cover}._picture-modal__preview-info_qyj1h_99{flex:1;min-width:0}._picture-modal__preview-filename_qyj1h_103{font-size:14px;font-weight:500;margin-bottom:4px;word-break:break-all}._picture-modal__preview-size_qyj1h_109{font-size:12px;color:#999}._picture-modal__preview-delete_qyj1h_113{color:#666;cursor:pointer;align-self:center}._picture-modal__preview-delete_qyj1h_113:hover{color:#ff4d4f}._picture-modal__upload-text_qyj1h_121{margin-left:8px;color:var(--upload-text-color)}._picture-modal__footer_qyj1h_125{padding:14px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px}._bsy-lexical__toolbar_n60av_1{padding:5px 6px;display:flex;align-items:center;background:#fafafa;border-bottom:1px solid #e0e0e0}._bsy-lexical__toolbar-group_n60av_9{display:flex;align-items:center;gap:6px}._bsy-lexical__toolbar-divider_n60av_15{width:1px;height:20px;background-color:#e0e0e0;margin:0 5px}._bsy-lexical-editor_19ssw_1{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}._bsy-lexical-editor__content-editable_19ssw_6{padding:6px 10px;overflow-y:auto}._bsy-lexical-editor__content-editable_19ssw_6:focus{outline:none}._imageWrapper_y06h3_1{position:relative;display:inline-block;border:1px solid transparent;border-radius:2px;transition:border-color .2s ease}._imageWrapper_y06h3_1._selected_y06h3_8{border-color:#0269ff;box-shadow:0 0 0 2px #0269ff80}._imageWrapper_y06h3_1._resizing_y06h3_12{-webkit-user-select:none;user-select:none}._imageWrapper_y06h3_1._resizing_y06h3_12 ._image_y06h3_1{pointer-events:none}._image_y06h3_1{display:block;cursor:pointer;transition:opacity .2s ease;max-width:100%;height:auto}._image_y06h3_1:hover{opacity:.9}._resizeHandle_y06h3_30{position:absolute;width:8px;height:8px;background:#0269ff;border:1px solid #fff;border-radius:50%;cursor:nw-resize;z-index:10}._resizeHandle_y06h3_30:hover{background:#40a9ff;transform:scale(1.2)}._resizeHandle_y06h3_30._topLeft_y06h3_44{top:-4px;left:-4px;cursor:nw-resize}._resizeHandle_y06h3_30._topRight_y06h3_49{top:-4px;right:-4px;cursor:ne-resize}._resizeHandle_y06h3_30._bottomLeft_y06h3_54{bottom:-4px;left:-4px;cursor:sw-resize}._resizeHandle_y06h3_30._bottomRight_y06h3_59{bottom:-4px;right:-4px;cursor:se-resize}._resizing_y06h3_12 *{-webkit-user-select:none!important;user-select:none!important}.editor-text-underline{text-decoration:underline}.editor-link{color:#0269ff;cursor:pointer}.editor-text-italic{font-style:italic}.editor-link:hover{text-decoration:underline}
|
package/package.json
CHANGED
|
@@ -1,211 +0,0 @@
|
|
|
1
|
-
import { jsx as r, jsxs as m, Fragment as R } from "react/jsx-runtime";
|
|
2
|
-
import { ColorPicker as A } from "antd";
|
|
3
|
-
import { AnimatePresence as F, motion as I } from "motion/react";
|
|
4
|
-
import { useFloating as x, offset as L, flip as E, shift as T, useClick as V, useDismiss as j, useInteractions as B, FloatingPortal as M } from "@floating-ui/react";
|
|
5
|
-
import { useState as k, isValidElement as D, cloneElement as G, useRef as $, useMemo as q } from "react";
|
|
6
|
-
import { useControllableValue as z } from "ahooks";
|
|
7
|
-
import { I as g } from "../Icon/Icon-CBlIwtp2.js";
|
|
8
|
-
import { u } from "../vendors/useLocale-DgqW9M3h.js";
|
|
9
|
-
import { c as H } from "../vendors/clsx-OuTLNxxd.js";
|
|
10
|
-
import { a as y } from "../vendors/color-VzwvCPhF.js";
|
|
11
|
-
import { t as J } from "../vendors/tinycolor2-Begv3Jc8.js";
|
|
12
|
-
import { P as K } from "../vendors/index-MTmG1Ezy.js";
|
|
13
|
-
import { c as Q } from "../vendors/lodash-es-DFpaJB4Y.js";
|
|
14
|
-
const U = [
|
|
15
|
-
"rgba(240, 102, 72, 1)",
|
|
16
|
-
// #F06648
|
|
17
|
-
"rgba(255, 197, 2, 1)",
|
|
18
|
-
// #FFC502
|
|
19
|
-
"rgba(74, 204, 140, 1)",
|
|
20
|
-
// #4ACC8C
|
|
21
|
-
"rgba(74, 192, 236, 1)",
|
|
22
|
-
// #4AC0EC
|
|
23
|
-
"rgba(255, 153, 33, 1)",
|
|
24
|
-
// #ff9921
|
|
25
|
-
"rgba(101, 101, 101, 1)",
|
|
26
|
-
// #656565
|
|
27
|
-
"rgba(255, 156, 136, 1)",
|
|
28
|
-
// #ff9c88
|
|
29
|
-
"rgba(98, 98, 206, 1)",
|
|
30
|
-
// #6262ce
|
|
31
|
-
"rgba(241, 104, 182, 1)",
|
|
32
|
-
// #f168b6
|
|
33
|
-
"rgba(55, 103, 241, 1)",
|
|
34
|
-
// #3767f1
|
|
35
|
-
"rgba(162, 206, 30, 1)",
|
|
36
|
-
// #a2ce1e
|
|
37
|
-
"rgba(179, 179, 179, 1)",
|
|
38
|
-
// #b3b3b3
|
|
39
|
-
"rgba(0, 0, 0, 1)",
|
|
40
|
-
// #000000
|
|
41
|
-
"rgba(102, 102, 102, 1)",
|
|
42
|
-
// #666
|
|
43
|
-
"rgba(153, 153, 153, 1)",
|
|
44
|
-
// #999
|
|
45
|
-
"rgba(194, 194, 194, 1)",
|
|
46
|
-
// #c2c2c2
|
|
47
|
-
"rgba(224, 224, 224, 1)",
|
|
48
|
-
// #e0e0e0
|
|
49
|
-
"rgba(77, 96, 159, 1)"
|
|
50
|
-
// #4d609f
|
|
51
|
-
], W = (s = "bottom-start") => {
|
|
52
|
-
const [t, o] = k(!1), { refs: n, floatingStyles: e, context: i } = x({
|
|
53
|
-
open: t,
|
|
54
|
-
onOpenChange: o,
|
|
55
|
-
placement: s,
|
|
56
|
-
middleware: [
|
|
57
|
-
L(4),
|
|
58
|
-
// 浮层与触发器间距
|
|
59
|
-
E(),
|
|
60
|
-
// 超出边界时自动翻转
|
|
61
|
-
T({ padding: 8 })
|
|
62
|
-
// 自动避开边界
|
|
63
|
-
]
|
|
64
|
-
}), a = V(i), l = j(i), { getReferenceProps: p, getFloatingProps: _ } = B([a, l]);
|
|
65
|
-
return {
|
|
66
|
-
isOpen: t,
|
|
67
|
-
refs: n,
|
|
68
|
-
floatingStyles: e,
|
|
69
|
-
getReferenceProps: p,
|
|
70
|
-
getFloatingProps: _,
|
|
71
|
-
setIsOpen: o
|
|
72
|
-
};
|
|
73
|
-
}, c = {
|
|
74
|
-
"bsy-color-picker__floating": "_bsy-color-picker__floating_1kfi6_1",
|
|
75
|
-
"bsy-color-picker__content": "_bsy-color-picker__content_1kfi6_4",
|
|
76
|
-
"bsy-color-picker__grid": "_bsy-color-picker__grid_1kfi6_11",
|
|
77
|
-
"bsy-color-picker__preset-colors-title": "_bsy-color-picker__preset-colors-title_1kfi6_15",
|
|
78
|
-
"bsy-color-picker__preset-colors-grid": "_bsy-color-picker__preset-colors-grid_1kfi6_19",
|
|
79
|
-
"bsy-color-picker__preset-colors-item": "_bsy-color-picker__preset-colors-item_1kfi6_24",
|
|
80
|
-
"bsy-color-picker__custom-color-title": "_bsy-color-picker__custom-color-title_1kfi6_47",
|
|
81
|
-
"bsy-color-picker__custom-color-btn": "_bsy-color-picker__custom-color-btn_1kfi6_51",
|
|
82
|
-
"bsy-color-picker__custom-color-btn--active": "_bsy-color-picker__custom-color-btn--active_1kfi6_61",
|
|
83
|
-
"bsy-color-picker__custom-color-btn--preview": "_bsy-color-picker__custom-color-btn--preview_1kfi6_65",
|
|
84
|
-
"bsy-color-picker__custom-color-content": "_bsy-color-picker__custom-color-content_1kfi6_68",
|
|
85
|
-
"bsy-color-picker__check-icon": "_bsy-color-picker__check-icon_1kfi6_72"
|
|
86
|
-
}, f = ({
|
|
87
|
-
currentColor: s,
|
|
88
|
-
onColorSelect: t,
|
|
89
|
-
options: o,
|
|
90
|
-
style: n
|
|
91
|
-
}) => /* @__PURE__ */ r("div", { className: c["bsy-color-picker__preset-colors-grid"], style: n, children: o.map((e) => /* @__PURE__ */ r(
|
|
92
|
-
"div",
|
|
93
|
-
{
|
|
94
|
-
className: c["bsy-color-picker__preset-colors-item"],
|
|
95
|
-
style: {
|
|
96
|
-
backgroundColor: e,
|
|
97
|
-
"--hover-color": J(e).setAlpha(0.5).toRgbString()
|
|
98
|
-
},
|
|
99
|
-
onClick: () => t(e),
|
|
100
|
-
children: y(s, e) && /* @__PURE__ */ r(g, { name: "checkthebox", className: c["bsy-color-picker__check-icon"] })
|
|
101
|
-
},
|
|
102
|
-
e
|
|
103
|
-
)) }), X = (s) => {
|
|
104
|
-
const {
|
|
105
|
-
children: t,
|
|
106
|
-
placement: o = "bottom-start",
|
|
107
|
-
disabled: n = !1,
|
|
108
|
-
presetColors: e,
|
|
109
|
-
getPopupContainer: i
|
|
110
|
-
} = s, { t: a } = u(), [l, p] = z(s, {
|
|
111
|
-
defaultValue: s.value
|
|
112
|
-
}), { isOpen: _, refs: d, floatingStyles: C, getReferenceProps: h, getFloatingProps: v } = W(o), P = D(t) ? G(t, {
|
|
113
|
-
...h(),
|
|
114
|
-
// @ts-ignore
|
|
115
|
-
ref: d.setReference,
|
|
116
|
-
disabled: n
|
|
117
|
-
}) : t, b = Q(e) && e.length ? e : U, N = b.some((w) => y(w, l)), S = $(N ? [] : [l]), O = q(() => _ ? i == null ? void 0 : i() : void 0, [_, i]);
|
|
118
|
-
return /* @__PURE__ */ m(R, { children: [
|
|
119
|
-
P,
|
|
120
|
-
/* @__PURE__ */ r(M, { root: O, children: /* @__PURE__ */ r(F, { children: _ && /* @__PURE__ */ r(
|
|
121
|
-
"div",
|
|
122
|
-
{
|
|
123
|
-
ref: d.setFloating,
|
|
124
|
-
style: C,
|
|
125
|
-
...v(),
|
|
126
|
-
className: c["bsy-color-picker__floating"],
|
|
127
|
-
children: /* @__PURE__ */ r(I.div, { ...K, children: /* @__PURE__ */ r("div", { className: c["bsy-color-picker__content"], children: /* @__PURE__ */ m("div", { className: c["bsy-color-picker__grid"], children: [
|
|
128
|
-
/* @__PURE__ */ m("div", { className: c["bsy-color-picker__preset-colors"], children: [
|
|
129
|
-
/* @__PURE__ */ r("div", { className: c["bsy-color-picker__preset-colors-title"], children: a("presetColors") }),
|
|
130
|
-
/* @__PURE__ */ r(
|
|
131
|
-
f,
|
|
132
|
-
{
|
|
133
|
-
currentColor: l,
|
|
134
|
-
onColorSelect: p,
|
|
135
|
-
options: b
|
|
136
|
-
}
|
|
137
|
-
)
|
|
138
|
-
] }),
|
|
139
|
-
/* @__PURE__ */ r(
|
|
140
|
-
Y,
|
|
141
|
-
{
|
|
142
|
-
value: l,
|
|
143
|
-
onChange: p,
|
|
144
|
-
options: b,
|
|
145
|
-
list: S.current
|
|
146
|
-
}
|
|
147
|
-
)
|
|
148
|
-
] }) }) })
|
|
149
|
-
}
|
|
150
|
-
) }) })
|
|
151
|
-
] });
|
|
152
|
-
}, Y = (s) => {
|
|
153
|
-
const { list: t } = s, [o, n] = k(), [e, i] = k(!1), { t: a } = u();
|
|
154
|
-
return /* @__PURE__ */ m("div", { className: c["bsy-color-picker__custom-color"], children: [
|
|
155
|
-
/* @__PURE__ */ r("div", { className: c["bsy-color-picker__custom-color-title"], children: a("customColor") }),
|
|
156
|
-
/* @__PURE__ */ m("div", { className: c["bsy-color-picker__custom-color-content"], children: [
|
|
157
|
-
/* @__PURE__ */ r(
|
|
158
|
-
A,
|
|
159
|
-
{
|
|
160
|
-
value: o,
|
|
161
|
-
onChange: (l) => n(l.toRgbString()),
|
|
162
|
-
open: e,
|
|
163
|
-
onOpenChange: (l) => {
|
|
164
|
-
i(l), !l && o && (t.includes(o) || t.unshift(o), s.onChange(o), n(void 0));
|
|
165
|
-
},
|
|
166
|
-
children: /* @__PURE__ */ r(
|
|
167
|
-
"div",
|
|
168
|
-
{
|
|
169
|
-
className: H(c["bsy-color-picker__custom-color-btn"], {
|
|
170
|
-
[c["bsy-color-picker__custom-color-btn--active"]]: e && !o,
|
|
171
|
-
[c["bsy-color-picker__custom-color-btn--preview"]]: !!o
|
|
172
|
-
}),
|
|
173
|
-
role: "button",
|
|
174
|
-
style: {
|
|
175
|
-
backgroundColor: o || void 0
|
|
176
|
-
},
|
|
177
|
-
onClick: () => {
|
|
178
|
-
i(!0);
|
|
179
|
-
},
|
|
180
|
-
children: /* @__PURE__ */ r(
|
|
181
|
-
g,
|
|
182
|
-
{
|
|
183
|
-
name: "add",
|
|
184
|
-
style: {
|
|
185
|
-
visibility: o ? "hidden" : "visible"
|
|
186
|
-
}
|
|
187
|
-
}
|
|
188
|
-
)
|
|
189
|
-
}
|
|
190
|
-
)
|
|
191
|
-
}
|
|
192
|
-
),
|
|
193
|
-
/* @__PURE__ */ r(
|
|
194
|
-
f,
|
|
195
|
-
{
|
|
196
|
-
currentColor: s.value,
|
|
197
|
-
onColorSelect: s.onChange,
|
|
198
|
-
options: t.slice(0, 5),
|
|
199
|
-
style: {
|
|
200
|
-
gridTemplateColumns: "repeat(5, 1fr)"
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
)
|
|
204
|
-
] })
|
|
205
|
-
] });
|
|
206
|
-
};
|
|
207
|
-
X.displayName = "BsyColorPicker";
|
|
208
|
-
export {
|
|
209
|
-
X as C,
|
|
210
|
-
U as a
|
|
211
|
-
};
|
|
@@ -1,137 +0,0 @@
|
|
|
1
|
-
import { jsxs as C, jsx as l } from "react/jsx-runtime";
|
|
2
|
-
import { useControllableValue as A } from "ahooks";
|
|
3
|
-
import { useState as S, useLayoutEffect as k, useRef as p, useEffect as D } from "react";
|
|
4
|
-
import { c as h } from "../vendors/clsx-OuTLNxxd.js";
|
|
5
|
-
import { I as M } from "../Icon/Icon-CBlIwtp2.js";
|
|
6
|
-
import { motion as O } from "motion/react";
|
|
7
|
-
import { S as V } from "../vendors/simplebar-react-D68KzE44.js";
|
|
8
|
-
const g = {
|
|
9
|
-
"bsy-inputTag": "_bsy-inputTag_46spj_11",
|
|
10
|
-
"bsy-inputTag__container": "_bsy-inputTag__container_46spj_22",
|
|
11
|
-
"bsy-inputTag__inputContainer": "_bsy-inputTag__inputContainer_46spj_27",
|
|
12
|
-
"bsy-inputTag__inputContainer--zeroMargin": "_bsy-inputTag__inputContainer--zeroMargin_46spj_37",
|
|
13
|
-
"bsy-inputTag__input": "_bsy-inputTag__input_46spj_27"
|
|
14
|
-
}, d = {
|
|
15
|
-
GAP: 4,
|
|
16
|
-
OFFSET: 3,
|
|
17
|
-
CONTAINER_PADDING: 10,
|
|
18
|
-
INPUT_MARGIN: 4
|
|
19
|
-
}, z = (s, _) => {
|
|
20
|
-
const [a, f] = S(0);
|
|
21
|
-
return k(() => {
|
|
22
|
-
if (s.current) {
|
|
23
|
-
const i = s.current.children;
|
|
24
|
-
let e = 0;
|
|
25
|
-
for (let r = 0; r < i.length; r++)
|
|
26
|
-
e += i[r].clientWidth;
|
|
27
|
-
const u = (i.length - 1) * d.GAP;
|
|
28
|
-
f(e + u + d.OFFSET);
|
|
29
|
-
}
|
|
30
|
-
}, [_, s]), a;
|
|
31
|
-
}, B = (s) => {
|
|
32
|
-
const { defaultValue: _, enableActive: a = !1, defaultActiveIndex: f, onActiveIndexChange: i } = s, [e, u] = A(s, {
|
|
33
|
-
defaultValue: _ || []
|
|
34
|
-
}), [r, w] = A(
|
|
35
|
-
s,
|
|
36
|
-
{
|
|
37
|
-
valuePropName: "activeIndex",
|
|
38
|
-
trigger: "onActiveIndexChange",
|
|
39
|
-
defaultValue: f
|
|
40
|
-
}
|
|
41
|
-
), [T, x] = S(""), m = p(null), c = p(null), y = p(null), b = p(!1), E = () => {
|
|
42
|
-
if (c.current && c.current.children.length > 0) {
|
|
43
|
-
const t = c.current.children.length - 1;
|
|
44
|
-
c.current.children[t].scrollIntoView({
|
|
45
|
-
behavior: "smooth",
|
|
46
|
-
block: "nearest",
|
|
47
|
-
inline: "end"
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
D(() => {
|
|
52
|
-
b.current && e.length > 0 && (E(), b.current = !1);
|
|
53
|
-
}, [e.length]);
|
|
54
|
-
const W = (t) => {
|
|
55
|
-
x(t.currentTarget.value);
|
|
56
|
-
}, N = () => {
|
|
57
|
-
const t = T.trim();
|
|
58
|
-
if (t !== "") {
|
|
59
|
-
const n = t;
|
|
60
|
-
b.current = !0, u([...e, n]), x("");
|
|
61
|
-
}
|
|
62
|
-
}, G = (t, n) => {
|
|
63
|
-
if (!a) return;
|
|
64
|
-
const o = r === t ? void 0 : t;
|
|
65
|
-
w(o), i == null || i(o ?? -1, n);
|
|
66
|
-
}, P = (t) => {
|
|
67
|
-
t.key === "Enter" || t.key === "NumpadEnter" ? N() : t.key === "Backspace" && T === "" && e.length > 0 && u(e.slice(0, -1));
|
|
68
|
-
}, j = (t) => {
|
|
69
|
-
u(e.filter((n, o) => o !== t));
|
|
70
|
-
}, I = p(0), v = z(c, e.length);
|
|
71
|
-
k(() => {
|
|
72
|
-
m.current && y.current && (I.current = m.current.clientWidth - y.current.clientWidth - d.INPUT_MARGIN - d.CONTAINER_PADDING);
|
|
73
|
-
}, []);
|
|
74
|
-
const R = v > I.current ? I.current : v;
|
|
75
|
-
return /* @__PURE__ */ C("div", { className: g["bsy-inputTag"], ref: m, children: [
|
|
76
|
-
/* @__PURE__ */ l("div", { className: g["bsy-inputTag__container"], children: e.length ? /* @__PURE__ */ l(V, { style: { width: R + "px" }, children: /* @__PURE__ */ l("div", { className: "flex gap-1 py-[3px]", ref: c, children: e.map((t, n) => /* @__PURE__ */ C(
|
|
77
|
-
O.div,
|
|
78
|
-
{
|
|
79
|
-
className: h(
|
|
80
|
-
"rounded-[2px] gap-1 px-[6px] h-[26px] flex items-center flex-shrink-0",
|
|
81
|
-
{
|
|
82
|
-
"cursor-pointer": a,
|
|
83
|
-
"hover:bg-[#e0e0e0]": a && r !== n,
|
|
84
|
-
"bg-[#0265ff] text-white": a && r === n,
|
|
85
|
-
"bg-[#eee] text-black": !a || r !== n
|
|
86
|
-
}
|
|
87
|
-
),
|
|
88
|
-
onClick: () => G(n, t),
|
|
89
|
-
children: [
|
|
90
|
-
/* @__PURE__ */ l("span", { children: t }),
|
|
91
|
-
/* @__PURE__ */ l(
|
|
92
|
-
"div",
|
|
93
|
-
{
|
|
94
|
-
className: h(
|
|
95
|
-
"cursor-pointer",
|
|
96
|
-
a && r === n ? "text-white hover:text-gray-200" : "text-[#666] hover:text-[#0265ff]"
|
|
97
|
-
),
|
|
98
|
-
onClick: (o) => {
|
|
99
|
-
o.stopPropagation(), j(n);
|
|
100
|
-
},
|
|
101
|
-
children: /* @__PURE__ */ l(M, { name: "close", size: 12 })
|
|
102
|
-
}
|
|
103
|
-
)
|
|
104
|
-
]
|
|
105
|
-
},
|
|
106
|
-
n
|
|
107
|
-
)) }) }) : null }),
|
|
108
|
-
/* @__PURE__ */ l(
|
|
109
|
-
"div",
|
|
110
|
-
{
|
|
111
|
-
ref: y,
|
|
112
|
-
className: h(
|
|
113
|
-
g["bsy-inputTag__inputContainer"],
|
|
114
|
-
{
|
|
115
|
-
[g["bsy-inputTag__inputContainer--zeroMargin"]]: e.length === 0
|
|
116
|
-
},
|
|
117
|
-
"py-[3px]"
|
|
118
|
-
),
|
|
119
|
-
children: /* @__PURE__ */ l(
|
|
120
|
-
"input",
|
|
121
|
-
{
|
|
122
|
-
value: T,
|
|
123
|
-
onChange: W,
|
|
124
|
-
onKeyDown: P,
|
|
125
|
-
onBlur: N,
|
|
126
|
-
className: h(g["bsy-inputTag__input"], "placeholder:text-[#999]"),
|
|
127
|
-
placeholder: "输入标签"
|
|
128
|
-
}
|
|
129
|
-
)
|
|
130
|
-
}
|
|
131
|
-
)
|
|
132
|
-
] });
|
|
133
|
-
};
|
|
134
|
-
B.displayName = "BsyInputTag";
|
|
135
|
-
export {
|
|
136
|
-
B as I
|
|
137
|
-
};
|