bj-web-components 0.2.34 → 0.2.36
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/README.md +10 -1
- package/dist/index.js +58 -1
- package/dist/index.mjs +1 -29
- package/dist/miniapp.js +1 -1
- package/dist/miniapp.mjs +0 -1
- package/dist/mobile.js +1 -1
- package/dist/mobile.mjs +0 -1
- package/dist/react.js +1 -1
- package/dist/react.mjs +0 -1
- package/dist/shared.js +1 -1
- package/dist/shared.mjs +0 -1
- package/dist/style.css +1 -1
- package/dist/web/BasicInput/BInput.js +278 -1
- package/dist/web/BasicInput/BInput.mjs +263 -164
- package/dist/web/BasicInput/utils.js +47 -1
- package/dist/web/BasicInput/utils.mjs +22 -20
- package/dist/web/CategoryDropdown/CategoryDropdown.js +376 -1
- package/dist/web/CategoryDropdown/CategoryDropdown.mjs +355 -235
- package/dist/web/CheckBox/BCheckBox.js +176 -1
- package/dist/web/CheckBox/BCheckBox.mjs +169 -98
- package/dist/web/CheckBox/Group.js +111 -1
- package/dist/web/CheckBox/Group.mjs +104 -64
- package/dist/web/CheckBox/context.js +8 -1
- package/dist/web/CheckBox/context.mjs +2 -4
- package/dist/web/CheckBox/index.js +11 -1
- package/dist/web/CheckBox/index.mjs +2 -4
- package/dist/web/Dropdown/BDropdown.js +265 -1
- package/dist/web/Dropdown/BDropdown.mjs +233 -133
- package/dist/web/EmptyInputBox/EmptyInputBox.js +89 -1
- package/dist/web/EmptyInputBox/EmptyInputBox.mjs +85 -72
- package/dist/web/FileCard/FileCard.js +414 -1
- package/dist/web/FileCard/FileCard.mjs +400 -116
- package/dist/web/Icon/Icon.js +82 -1
- package/dist/web/Icon/Icon.mjs +78 -8
- package/dist/web/Input/Input.js +230 -1
- package/dist/web/Input/Input.mjs +219 -164
- package/dist/web/InputNumber/BInputNumber.js +271 -1
- package/dist/web/InputNumber/BInputNumber.mjs +254 -189
- package/dist/web/InputNumber/StepHandler.js +112 -1
- package/dist/web/InputNumber/StepHandler.mjs +102 -50
- package/dist/web/InputNumber/hooks/useCursor.js +38 -1
- package/dist/web/InputNumber/hooks/useCursor.mjs +31 -34
- package/dist/web/InputNumber/hooks/useFrame.js +15 -1
- package/dist/web/InputNumber/hooks/useFrame.mjs +8 -5
- package/dist/web/InputNumber/utils/decimal.js +163 -1
- package/dist/web/InputNumber/utils/decimal.mjs +114 -79
- package/dist/web/MobileDrawer/BMobileDrawer.js +238 -1
- package/dist/web/MobileDrawer/BMobileDrawer.mjs +221 -139
- package/dist/web/Modal/Modal.js +148 -1
- package/dist/web/Modal/Modal.mjs +143 -79
- package/dist/web/OverlayScrollbar/BOverlayScrollbar.js +273 -1
- package/dist/web/OverlayScrollbar/BOverlayScrollbar.mjs +262 -143
- package/dist/web/Pagination/Pagination.js +352 -1
- package/dist/web/Pagination/Pagination.mjs +342 -247
- package/dist/web/ProductField/ProductField.js +443 -1
- package/dist/web/ProductField/ProductField.mjs +423 -208
- package/dist/web/ProductField/arrow-up.svg.js +4 -1
- package/dist/web/ProductField/arrow-up.svg.mjs +2 -4
- package/dist/web/ProductField/checkbox-no.svg.js +4 -1
- package/dist/web/ProductField/checkbox-no.svg.mjs +2 -4
- package/dist/web/ProductField/checkbox-ok.svg.js +4 -1
- package/dist/web/ProductField/checkbox-ok.svg.mjs +2 -4
- package/dist/web/ProductField/no_data_light.svg.js +4 -1
- package/dist/web/ProductField/no_data_light.svg.mjs +2 -4
- package/dist/web/ProductField/search.svg.js +4 -1
- package/dist/web/ProductField/search.svg.mjs +2 -4
- package/dist/web/ProductField/sort.svg.js +4 -1
- package/dist/web/ProductField/sort.svg.mjs +2 -4
- package/dist/web/Radio/BRadio.js +151 -1
- package/dist/web/Radio/BRadio.mjs +147 -75
- package/dist/web/Radio/Button.js +54 -1
- package/dist/web/Radio/Button.mjs +51 -8
- package/dist/web/Radio/Group.js +97 -1
- package/dist/web/Radio/Group.mjs +92 -76
- package/dist/web/Radio/context.js +10 -1
- package/dist/web/Radio/context.mjs +3 -5
- package/dist/web/Radio/index.js +13 -1
- package/dist/web/Radio/index.mjs +2 -4
- package/dist/web/SkuInputCard/SkuInputCard.js +427 -1
- package/dist/web/SkuInputCard/SkuInputCard.mjs +414 -219
- package/dist/web/SkuInputCard/spin_loading_red.gif.js +4 -1
- package/dist/web/SkuInputCard/spin_loading_red.gif.mjs +2 -4
- package/dist/web/Switch/Switch.js +114 -1
- package/dist/web/Switch/Switch.mjs +109 -58
- package/dist/web/Table/BTable.js +1049 -1
- package/dist/web/Table/BTable.mjs +1011 -667
- package/dist/web/Table/Column.js +6 -1
- package/dist/web/Table/Column.mjs +1 -3
- package/dist/web/Table/ColumnGroup.js +6 -1
- package/dist/web/Table/ColumnGroup.mjs +1 -3
- package/dist/web/Table/utils/columns.js +116 -1
- package/dist/web/Table/utils/columns.mjs +103 -37
- package/dist/web/Table/utils/sortFilter.js +145 -1
- package/dist/web/Table/utils/sortFilter.mjs +129 -57
- package/dist/web/Tabs/BTabs.js +260 -1
- package/dist/web/Tabs/BTabs.mjs +239 -122
- package/dist/web/Tabs/TabPane.js +19 -1
- package/dist/web/Tabs/TabPane.mjs +1 -4
- package/dist/web/Tooltip/ConfirmTooltip.js +53 -1
- package/dist/web/Tooltip/ConfirmTooltip.mjs +47 -22
- package/dist/web/Tooltip/ContentTooltip.js +156 -1
- package/dist/web/Tooltip/ContentTooltip.mjs +145 -76
- package/dist/web/Tooltip/ProgressTooltip.js +56 -1
- package/dist/web/Tooltip/ProgressTooltip.mjs +50 -31
- package/dist/web/Tooltip/TooltipWrapper.js +19 -1
- package/dist/web/Tooltip/TooltipWrapper.mjs +13 -9
- package/dist/web/Tooltip/useAutoPlacement.js +65 -1
- package/dist/web/Tooltip/useAutoPlacement.mjs +52 -24
- package/dist/web.js +58 -1
- package/dist/web.mjs +1 -29
- package/package.json +3 -1
package/dist/web/Input/Input.mjs
CHANGED
|
@@ -1,173 +1,228 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { forwardRef as
|
|
1
|
+
import { jsxs as r, jsx as n, Fragment as I } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as R } from "react";
|
|
3
3
|
/* empty css */
|
|
4
|
-
function
|
|
5
|
-
return /* @__PURE__ */
|
|
6
|
-
"
|
|
7
|
-
|
|
4
|
+
function U() {
|
|
5
|
+
return /* @__PURE__ */n("svg", {
|
|
6
|
+
width: "8",
|
|
7
|
+
height: "4.5",
|
|
8
|
+
viewBox: "315 270 365 185",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
children: /* @__PURE__ */n("path", {
|
|
8
11
|
d: "M661.191111 440.106667c19.100444 0 28.664889-23.096889 15.160889-36.600889l-148.337778-148.337778a21.44 21.44 0 0 0-30.321778 0l-148.337777 148.337778c-13.511111 13.511111-3.946667 36.600889 15.153777 36.600889H661.191111z",
|
|
9
12
|
fill: "currentColor"
|
|
10
|
-
}
|
|
11
|
-
|
|
13
|
+
})
|
|
14
|
+
});
|
|
12
15
|
}
|
|
13
|
-
function
|
|
14
|
-
return /* @__PURE__ */
|
|
15
|
-
"
|
|
16
|
-
|
|
16
|
+
function G() {
|
|
17
|
+
return /* @__PURE__ */n("svg", {
|
|
18
|
+
width: "8",
|
|
19
|
+
height: "4.5",
|
|
20
|
+
viewBox: "315 565 365 215",
|
|
21
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
22
|
+
children: /* @__PURE__ */n("path", {
|
|
17
23
|
d: "M659.498667 582.328889c19.100444 0 28.657778 23.089778 15.160889 36.600889l-148.337778 148.337778a21.447111 21.447111 0 0 1-30.321778 0l-148.337778-148.337778c-13.511111-13.511111-3.946667-36.600889 15.146667-36.600889h296.689778z",
|
|
18
24
|
fill: "currentColor"
|
|
19
|
-
}
|
|
20
|
-
|
|
25
|
+
})
|
|
26
|
+
});
|
|
21
27
|
}
|
|
22
|
-
function
|
|
23
|
-
return /* @__PURE__ */
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
28
|
+
function J() {
|
|
29
|
+
return /* @__PURE__ */r("svg", {
|
|
30
|
+
className: "bu-input__error-icon",
|
|
31
|
+
viewBox: "0 0 16 16",
|
|
32
|
+
fill: "none",
|
|
33
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
34
|
+
children: [/* @__PURE__ */n("circle", {
|
|
35
|
+
cx: "8",
|
|
36
|
+
cy: "8",
|
|
37
|
+
r: "7",
|
|
38
|
+
stroke: "currentColor",
|
|
39
|
+
strokeWidth: "1.5"
|
|
40
|
+
}), /* @__PURE__ */n("path", {
|
|
41
|
+
d: "M5 8h6",
|
|
42
|
+
stroke: "currentColor",
|
|
43
|
+
strokeWidth: "1.5",
|
|
44
|
+
strokeLinecap: "round"
|
|
45
|
+
})]
|
|
46
|
+
});
|
|
27
47
|
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
mode
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
o && "bu-input__box--disabled",
|
|
70
|
-
!!h && "bu-input__box--has-left",
|
|
71
|
-
!!w && "bu-input__box--has-right"
|
|
72
|
-
].filter(Boolean).join(" "), v = `bu-input__field bu-input__field--${e}`;
|
|
73
|
-
return /* @__PURE__ */ i("div", { className: ["bu-input", L].filter(Boolean).join(" "), style: W, children: [
|
|
74
|
-
g && /* @__PURE__ */ i("label", { className: "bu-input__label", htmlFor: b, children: [
|
|
75
|
-
j && /* @__PURE__ */ t("span", { className: "bu-input__required", children: "*" }),
|
|
76
|
-
g
|
|
77
|
-
] }),
|
|
78
|
-
/* @__PURE__ */ i("div", { className: "bu-input__row", children: [
|
|
79
|
-
h && /* @__PURE__ */ t("span", { className: "bu-input__icon bu-input__icon--left", children: h }),
|
|
80
|
-
/* @__PURE__ */ i("div", { className: q, children: [
|
|
81
|
-
e === "textarea" ? /* @__PURE__ */ t(
|
|
82
|
-
"textarea",
|
|
83
|
-
{
|
|
84
|
-
ref: f,
|
|
85
|
-
id: b,
|
|
86
|
-
className: v,
|
|
87
|
-
value: u,
|
|
88
|
-
onChange: (n) => r == null ? void 0 : r(n.target.value),
|
|
89
|
-
onBlur: x,
|
|
90
|
-
placeholder: d,
|
|
91
|
-
maxLength: l,
|
|
92
|
-
disabled: o
|
|
93
|
-
}
|
|
94
|
-
) : e === "number" ? /* @__PURE__ */ i(H, { children: [
|
|
95
|
-
/* @__PURE__ */ t(
|
|
96
|
-
"input",
|
|
97
|
-
{
|
|
98
|
-
ref: f,
|
|
99
|
-
id: b,
|
|
100
|
-
className: v,
|
|
101
|
-
value: u,
|
|
102
|
-
onChange: (n) => r == null ? void 0 : r(n.target.value),
|
|
103
|
-
onBlur: x,
|
|
104
|
-
placeholder: d,
|
|
105
|
-
disabled: o,
|
|
106
|
-
inputMode: "numeric"
|
|
107
|
-
}
|
|
108
|
-
),
|
|
109
|
-
/* @__PURE__ */ i("div", { className: "bu-input__stepper", children: [
|
|
110
|
-
/* @__PURE__ */ t(
|
|
111
|
-
"button",
|
|
112
|
-
{
|
|
113
|
-
type: "button",
|
|
114
|
-
className: "bu-input__stepper-btn bu-input__stepper-btn--up",
|
|
115
|
-
onMouseDown: (n) => n.preventDefault(),
|
|
116
|
-
onClick: () => D(B),
|
|
117
|
-
disabled: o || _ !== void 0 && parseFloat(u || "0") >= _,
|
|
118
|
-
tabIndex: -1,
|
|
119
|
-
children: /* @__PURE__ */ t(R, {})
|
|
120
|
-
}
|
|
121
|
-
),
|
|
122
|
-
/* @__PURE__ */ t(
|
|
123
|
-
"button",
|
|
124
|
-
{
|
|
125
|
-
type: "button",
|
|
126
|
-
className: "bu-input__stepper-btn bu-input__stepper-btn--down",
|
|
127
|
-
onMouseDown: (n) => n.preventDefault(),
|
|
128
|
-
onClick: () => D(-B),
|
|
129
|
-
disabled: o || a !== void 0 && parseFloat(u || "0") <= a,
|
|
130
|
-
tabIndex: -1,
|
|
131
|
-
children: /* @__PURE__ */ t(T, {})
|
|
132
|
-
}
|
|
133
|
-
)
|
|
134
|
-
] })
|
|
135
|
-
] }) : /* @__PURE__ */ t(
|
|
136
|
-
"input",
|
|
137
|
-
{
|
|
138
|
-
ref: f,
|
|
139
|
-
id: b,
|
|
140
|
-
className: v,
|
|
141
|
-
value: u,
|
|
142
|
-
onChange: (n) => r == null ? void 0 : r(n.target.value),
|
|
143
|
-
onBlur: x,
|
|
144
|
-
placeholder: d,
|
|
145
|
-
maxLength: l,
|
|
146
|
-
disabled: o
|
|
147
|
-
}
|
|
148
|
-
),
|
|
149
|
-
E && /* @__PURE__ */ i("div", { className: `bu-input__footer${e === "textarea" ? " bu-input__footer--bottom" : ""}`, children: [
|
|
150
|
-
F && /* @__PURE__ */ t("span", { className: "bu-input__count", children: A }),
|
|
151
|
-
p && /* @__PURE__ */ i("span", { className: "bu-input__translating", children: [
|
|
152
|
-
/* @__PURE__ */ t("svg", { className: "bu-input__translating-icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeDasharray: "14 42" }) }),
|
|
153
|
-
"翻译中…"
|
|
154
|
-
] }),
|
|
155
|
-
m && !p && /* @__PURE__ */ i("span", { className: "bu-input__translated", children: [
|
|
156
|
-
/* @__PURE__ */ t("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M3 8l3.5 3.5L13 4.5", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) }),
|
|
157
|
-
"翻译完成"
|
|
158
|
-
] }),
|
|
159
|
-
N === "bilingual" && !p && !m && (z ?? /* @__PURE__ */ t("div", { className: "bu-input__lang-toggle" }))
|
|
160
|
-
] })
|
|
161
|
-
] }),
|
|
162
|
-
w && /* @__PURE__ */ t("span", { className: "bu-input__icon bu-input__icon--right", children: w })
|
|
163
|
-
] }),
|
|
164
|
-
S && /* @__PURE__ */ i("div", { className: "bu-input__error-msg", children: [
|
|
165
|
-
/* @__PURE__ */ t(U, {}),
|
|
166
|
-
M
|
|
167
|
-
] })
|
|
168
|
-
] });
|
|
48
|
+
var Y = R(function (_ref, x) {
|
|
49
|
+
var _ref$type = _ref.type,
|
|
50
|
+
e = _ref$type === void 0 ? "input" : _ref$type,
|
|
51
|
+
_ref$mode = _ref.mode,
|
|
52
|
+
g = _ref$mode === void 0 ? "single" : _ref$mode,
|
|
53
|
+
_ref$activeLang = _ref.activeLang,
|
|
54
|
+
O = _ref$activeLang === void 0 ? "zh" : _ref$activeLang,
|
|
55
|
+
P = _ref.onLangChange,
|
|
56
|
+
_ref$value = _ref.value,
|
|
57
|
+
i = _ref$value === void 0 ? "" : _ref$value,
|
|
58
|
+
o = _ref.onChange,
|
|
59
|
+
N = _ref.label,
|
|
60
|
+
z = _ref.required,
|
|
61
|
+
d = _ref.placeholder,
|
|
62
|
+
l = _ref.maxLength,
|
|
63
|
+
L = _ref.showCount,
|
|
64
|
+
_ref$error = _ref.error,
|
|
65
|
+
k = _ref$error === void 0 ? !1 : _ref$error,
|
|
66
|
+
C = _ref.errorMessage,
|
|
67
|
+
u = _ref.disabled,
|
|
68
|
+
h = _ref.leftIcon,
|
|
69
|
+
w = _ref.rightIcon,
|
|
70
|
+
M = _ref.langToggle,
|
|
71
|
+
_ref$translating = _ref.translating,
|
|
72
|
+
c = _ref$translating === void 0 ? !1 : _ref$translating,
|
|
73
|
+
_ref$translated = _ref.translated,
|
|
74
|
+
m = _ref$translated === void 0 ? !1 : _ref$translated,
|
|
75
|
+
v = _ref.onBlur,
|
|
76
|
+
a = _ref.min,
|
|
77
|
+
p = _ref.max,
|
|
78
|
+
_ref$step = _ref.step,
|
|
79
|
+
B = _ref$step === void 0 ? 1 : _ref$step,
|
|
80
|
+
_ = _ref.labels,
|
|
81
|
+
b = _ref.id,
|
|
82
|
+
W = _ref.className,
|
|
83
|
+
E = _ref.style;
|
|
84
|
+
var D, F;
|
|
85
|
+
(D = _ == null ? void 0 : _.zh) != null, (F = _ == null ? void 0 : _.en) != null;
|
|
86
|
+
function j(t) {
|
|
87
|
+
var s = (parseFloat(i) || 0) + t;
|
|
88
|
+
a !== void 0 && (s = Math.max(a, s)), p !== void 0 && (s = Math.min(p, s)), o == null || o(String(s));
|
|
169
89
|
}
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
90
|
+
var $ = e === "textarea" && !!L,
|
|
91
|
+
A = $ || g === "bilingual" || c || m,
|
|
92
|
+
S = l ? "".concat(i.length, "/").concat(l) : "".concat(i.length),
|
|
93
|
+
q = k && !!C && i.length > 0,
|
|
94
|
+
H = ["bu-input__box", (e === "input" || e === "number") && "bu-input__box--single", e === "number" && "bu-input__box--number", e === "textarea" && "bu-input__box--textarea", k && "bu-input__box--error", u && "bu-input__box--disabled", !!h && "bu-input__box--has-left", !!w && "bu-input__box--has-right"].filter(Boolean).join(" "),
|
|
95
|
+
f = "bu-input__field bu-input__field--".concat(e);
|
|
96
|
+
return /* @__PURE__ */r("div", {
|
|
97
|
+
className: ["bu-input", W].filter(Boolean).join(" "),
|
|
98
|
+
style: E,
|
|
99
|
+
children: [N && /* @__PURE__ */r("label", {
|
|
100
|
+
className: "bu-input__label",
|
|
101
|
+
htmlFor: b,
|
|
102
|
+
children: [z && /* @__PURE__ */n("span", {
|
|
103
|
+
className: "bu-input__required",
|
|
104
|
+
children: "*"
|
|
105
|
+
}), N]
|
|
106
|
+
}), /* @__PURE__ */r("div", {
|
|
107
|
+
className: "bu-input__row",
|
|
108
|
+
children: [h && /* @__PURE__ */n("span", {
|
|
109
|
+
className: "bu-input__icon bu-input__icon--left",
|
|
110
|
+
children: h
|
|
111
|
+
}), /* @__PURE__ */r("div", {
|
|
112
|
+
className: H,
|
|
113
|
+
children: [e === "textarea" ? /* @__PURE__ */n("textarea", {
|
|
114
|
+
ref: x,
|
|
115
|
+
id: b,
|
|
116
|
+
className: f,
|
|
117
|
+
value: i,
|
|
118
|
+
onChange: function onChange(t) {
|
|
119
|
+
return o == null ? void 0 : o(t.target.value);
|
|
120
|
+
},
|
|
121
|
+
onBlur: v,
|
|
122
|
+
placeholder: d,
|
|
123
|
+
maxLength: l,
|
|
124
|
+
disabled: u
|
|
125
|
+
}) : e === "number" ? /* @__PURE__ */r(I, {
|
|
126
|
+
children: [/* @__PURE__ */n("input", {
|
|
127
|
+
ref: x,
|
|
128
|
+
id: b,
|
|
129
|
+
className: f,
|
|
130
|
+
value: i,
|
|
131
|
+
onChange: function onChange(t) {
|
|
132
|
+
return o == null ? void 0 : o(t.target.value);
|
|
133
|
+
},
|
|
134
|
+
onBlur: v,
|
|
135
|
+
placeholder: d,
|
|
136
|
+
disabled: u,
|
|
137
|
+
inputMode: "numeric"
|
|
138
|
+
}), /* @__PURE__ */r("div", {
|
|
139
|
+
className: "bu-input__stepper",
|
|
140
|
+
children: [/* @__PURE__ */n("button", {
|
|
141
|
+
type: "button",
|
|
142
|
+
className: "bu-input__stepper-btn bu-input__stepper-btn--up",
|
|
143
|
+
onMouseDown: function onMouseDown(t) {
|
|
144
|
+
return t.preventDefault();
|
|
145
|
+
},
|
|
146
|
+
onClick: function onClick() {
|
|
147
|
+
return j(B);
|
|
148
|
+
},
|
|
149
|
+
disabled: u || p !== void 0 && parseFloat(i || "0") >= p,
|
|
150
|
+
tabIndex: -1,
|
|
151
|
+
children: /* @__PURE__ */n(U, {})
|
|
152
|
+
}), /* @__PURE__ */n("button", {
|
|
153
|
+
type: "button",
|
|
154
|
+
className: "bu-input__stepper-btn bu-input__stepper-btn--down",
|
|
155
|
+
onMouseDown: function onMouseDown(t) {
|
|
156
|
+
return t.preventDefault();
|
|
157
|
+
},
|
|
158
|
+
onClick: function onClick() {
|
|
159
|
+
return j(-B);
|
|
160
|
+
},
|
|
161
|
+
disabled: u || a !== void 0 && parseFloat(i || "0") <= a,
|
|
162
|
+
tabIndex: -1,
|
|
163
|
+
children: /* @__PURE__ */n(G, {})
|
|
164
|
+
})]
|
|
165
|
+
})]
|
|
166
|
+
}) : /* @__PURE__ */n("input", {
|
|
167
|
+
ref: x,
|
|
168
|
+
id: b,
|
|
169
|
+
className: f,
|
|
170
|
+
value: i,
|
|
171
|
+
onChange: function onChange(t) {
|
|
172
|
+
return o == null ? void 0 : o(t.target.value);
|
|
173
|
+
},
|
|
174
|
+
onBlur: v,
|
|
175
|
+
placeholder: d,
|
|
176
|
+
maxLength: l,
|
|
177
|
+
disabled: u
|
|
178
|
+
}), A && /* @__PURE__ */r("div", {
|
|
179
|
+
className: "bu-input__footer".concat(e === "textarea" ? " bu-input__footer--bottom" : ""),
|
|
180
|
+
children: [$ && /* @__PURE__ */n("span", {
|
|
181
|
+
className: "bu-input__count",
|
|
182
|
+
children: S
|
|
183
|
+
}), c && /* @__PURE__ */r("span", {
|
|
184
|
+
className: "bu-input__translating",
|
|
185
|
+
children: [/* @__PURE__ */n("svg", {
|
|
186
|
+
className: "bu-input__translating-icon",
|
|
187
|
+
viewBox: "0 0 24 24",
|
|
188
|
+
fill: "none",
|
|
189
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
190
|
+
children: /* @__PURE__ */n("circle", {
|
|
191
|
+
cx: "12",
|
|
192
|
+
cy: "12",
|
|
193
|
+
r: "9",
|
|
194
|
+
stroke: "currentColor",
|
|
195
|
+
strokeWidth: "2",
|
|
196
|
+
strokeLinecap: "round",
|
|
197
|
+
strokeDasharray: "14 42"
|
|
198
|
+
})
|
|
199
|
+
}), "翻译中…"]
|
|
200
|
+
}), m && !c && /* @__PURE__ */r("span", {
|
|
201
|
+
className: "bu-input__translated",
|
|
202
|
+
children: [/* @__PURE__ */n("svg", {
|
|
203
|
+
viewBox: "0 0 16 16",
|
|
204
|
+
fill: "none",
|
|
205
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
206
|
+
children: /* @__PURE__ */n("path", {
|
|
207
|
+
d: "M3 8l3.5 3.5L13 4.5",
|
|
208
|
+
stroke: "currentColor",
|
|
209
|
+
strokeWidth: "1.8",
|
|
210
|
+
strokeLinecap: "round",
|
|
211
|
+
strokeLinejoin: "round"
|
|
212
|
+
})
|
|
213
|
+
}), "翻译完成"]
|
|
214
|
+
}), g === "bilingual" && !c && !m && (M != null ? M : /* @__PURE__ */n("div", {
|
|
215
|
+
className: "bu-input__lang-toggle"
|
|
216
|
+
}))]
|
|
217
|
+
})]
|
|
218
|
+
}), w && /* @__PURE__ */n("span", {
|
|
219
|
+
className: "bu-input__icon bu-input__icon--right",
|
|
220
|
+
children: w
|
|
221
|
+
})]
|
|
222
|
+
}), q && /* @__PURE__ */r("div", {
|
|
223
|
+
className: "bu-input__error-msg",
|
|
224
|
+
children: [/* @__PURE__ */n(J, {}), C]
|
|
225
|
+
})]
|
|
226
|
+
});
|
|
227
|
+
});
|
|
228
|
+
export { Y as default };
|
|
@@ -1 +1,271 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
5
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
6
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
7
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
8
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
9
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
10
|
+
var l = require("react/jsx-runtime"),
|
|
11
|
+
s = require("react");
|
|
12
|
+
; /* empty css */
|
|
13
|
+
var Se = require("./hooks/useCursor.js"),
|
|
14
|
+
Pe = require("./hooks/useFrame.js"),
|
|
15
|
+
Me = require("./StepHandler.js"),
|
|
16
|
+
u = require("./utils/decimal.js");
|
|
17
|
+
function ae(v) {
|
|
18
|
+
if (v == null) return null;
|
|
19
|
+
var i = u.getDecimal(v);
|
|
20
|
+
return i.isInvalidate() ? null : i;
|
|
21
|
+
}
|
|
22
|
+
var Ue = s.forwardRef(function (_ref, h) {
|
|
23
|
+
var i = _ref.value,
|
|
24
|
+
E = _ref.defaultValue,
|
|
25
|
+
G = _ref.onChange,
|
|
26
|
+
F = _ref.min,
|
|
27
|
+
y = _ref.max,
|
|
28
|
+
_ref$step = _ref.step,
|
|
29
|
+
a = _ref$step === void 0 ? 1 : _ref$step,
|
|
30
|
+
N = _ref.precision,
|
|
31
|
+
_ref$disabled = _ref.disabled,
|
|
32
|
+
S = _ref$disabled === void 0 ? !1 : _ref$disabled,
|
|
33
|
+
_ref$readOnly = _ref.readOnly,
|
|
34
|
+
P = _ref$readOnly === void 0 ? !1 : _ref$readOnly,
|
|
35
|
+
fe = _ref.placeholder,
|
|
36
|
+
me = _ref.autoFocus,
|
|
37
|
+
_ref$size = _ref.size,
|
|
38
|
+
J = _ref$size === void 0 ? "middle" : _ref$size,
|
|
39
|
+
L = _ref.status,
|
|
40
|
+
_ref$bordered = _ref.bordered,
|
|
41
|
+
be = _ref$bordered === void 0 ? !0 : _ref$bordered,
|
|
42
|
+
_ref$controls = _ref.controls,
|
|
43
|
+
M = _ref$controls === void 0 ? !0 : _ref$controls,
|
|
44
|
+
_ref$keyboard = _ref.keyboard,
|
|
45
|
+
de = _ref$keyboard === void 0 ? !0 : _ref$keyboard,
|
|
46
|
+
_ref$changeOnWheel = _ref.changeOnWheel,
|
|
47
|
+
pe = _ref$changeOnWheel === void 0 ? !1 : _ref$changeOnWheel,
|
|
48
|
+
_ref$changeOnBlur = _ref.changeOnBlur,
|
|
49
|
+
ge = _ref$changeOnBlur === void 0 ? !0 : _ref$changeOnBlur,
|
|
50
|
+
f = _ref.addonBefore,
|
|
51
|
+
m = _ref.addonAfter,
|
|
52
|
+
D = _ref.prefix,
|
|
53
|
+
I = _ref.suffix,
|
|
54
|
+
R = _ref.formatter,
|
|
55
|
+
V = _ref.parser,
|
|
56
|
+
b = _ref.decimalSeparator,
|
|
57
|
+
Q = _ref.onStep,
|
|
58
|
+
X = _ref.onPressEnter,
|
|
59
|
+
Z = _ref.onFocus,
|
|
60
|
+
z = _ref.onBlur,
|
|
61
|
+
je = _ref.id,
|
|
62
|
+
ve = _ref.name,
|
|
63
|
+
O = _ref.className,
|
|
64
|
+
A = _ref.style;
|
|
65
|
+
var U = s.useRef(null),
|
|
66
|
+
_s$useState = s.useState(!1),
|
|
67
|
+
_s$useState2 = _slicedToArray(_s$useState, 2),
|
|
68
|
+
k = _s$useState2[0],
|
|
69
|
+
T = _s$useState2[1],
|
|
70
|
+
c = s.useRef(!1),
|
|
71
|
+
g = s.useRef(!1),
|
|
72
|
+
q = s.useRef(!1),
|
|
73
|
+
K = s.useRef(""),
|
|
74
|
+
_s$useState3 = s.useState(function () {
|
|
75
|
+
return u.getDecimal(i != null ? i : E);
|
|
76
|
+
}),
|
|
77
|
+
_s$useState4 = _slicedToArray(_s$useState3, 2),
|
|
78
|
+
r = _s$useState4[0],
|
|
79
|
+
ee = _s$useState4[1],
|
|
80
|
+
Ne = function Ne(e) {
|
|
81
|
+
i === void 0 && ee(e);
|
|
82
|
+
},
|
|
83
|
+
$ = s.useCallback(function (e, n) {
|
|
84
|
+
if (!n) return N !== void 0 && N >= 0 ? N : Math.max(u.getNumberPrecision(e), u.getNumberPrecision(a));
|
|
85
|
+
}, [N, a]),
|
|
86
|
+
B = s.useCallback(function (e) {
|
|
87
|
+
if (V) return V(e);
|
|
88
|
+
var n = e;
|
|
89
|
+
return b && (n = n.replace(b, ".")), n.replace(/[^\w.-]+/g, "");
|
|
90
|
+
}, [V, b]),
|
|
91
|
+
te = s.useCallback(function (e, n) {
|
|
92
|
+
if (R) return R(e, {
|
|
93
|
+
userTyping: !!n,
|
|
94
|
+
input: K.current
|
|
95
|
+
});
|
|
96
|
+
var t = e;
|
|
97
|
+
if (!n) {
|
|
98
|
+
var o = $(t, n);
|
|
99
|
+
u.validateNumber(t) && (b || (o != null ? o : -1) >= 0) && (t = u.toFixed(t, b || ".", o));
|
|
100
|
+
}
|
|
101
|
+
return t;
|
|
102
|
+
}, [R, $, b]),
|
|
103
|
+
_s$useState5 = s.useState(function () {
|
|
104
|
+
var e = E != null ? E : i;
|
|
105
|
+
return r.isInvalidate() && ["string", "number"].includes(_typeof(e)) ? e == null || Number.isNaN(e) ? "" : String(e) : te(r.toString(), !1);
|
|
106
|
+
}),
|
|
107
|
+
_s$useState6 = _slicedToArray(_s$useState5, 2),
|
|
108
|
+
x = _s$useState6[0],
|
|
109
|
+
ne = _s$useState6[1];
|
|
110
|
+
K.current = x;
|
|
111
|
+
var _ = function _(e, n) {
|
|
112
|
+
ne(te(e.isInvalidate() ? e.toString(!1) : e.toString(!n), n));
|
|
113
|
+
},
|
|
114
|
+
d = s.useMemo(function () {
|
|
115
|
+
return ae(y);
|
|
116
|
+
}, [y]),
|
|
117
|
+
p = s.useMemo(function () {
|
|
118
|
+
return ae(F);
|
|
119
|
+
}, [F]),
|
|
120
|
+
re = s.useMemo(function () {
|
|
121
|
+
return !d || r.isInvalidate() ? !1 : d.lessEquals(r);
|
|
122
|
+
}, [d, r]),
|
|
123
|
+
ue = s.useMemo(function () {
|
|
124
|
+
return !p || r.isInvalidate() ? !1 : r.lessEquals(p);
|
|
125
|
+
}, [p, r]),
|
|
126
|
+
_Se = Se(U.current, k),
|
|
127
|
+
_Se2 = _slicedToArray(_Se, 1),
|
|
128
|
+
De = _Se2[0],
|
|
129
|
+
se = function se(e) {
|
|
130
|
+
return d && !e.lessEquals(d) ? d : p && !p.lessEquals(e) ? p : null;
|
|
131
|
+
},
|
|
132
|
+
H = function H(e) {
|
|
133
|
+
return !se(e);
|
|
134
|
+
},
|
|
135
|
+
w = function w(e, n) {
|
|
136
|
+
var t = e,
|
|
137
|
+
o = H(t) || t.isEmpty();
|
|
138
|
+
if (!t.isEmpty() && !n && (t = se(t) || t, o = !0), !P && !S && o) {
|
|
139
|
+
var j = t.toString(),
|
|
140
|
+
C = $(j, n);
|
|
141
|
+
return C !== void 0 && C >= 0 && (t = u.getDecimal(u.toFixed(j, ".", C)), H(t) || (t = u.getDecimal(u.toFixed(j, ".", C, !0)))), t.equals(r) || (Ne(t), G == null || G(t.isEmpty() ? null : t.toNumber()), i === void 0 && _(t, n)), t;
|
|
142
|
+
}
|
|
143
|
+
return r;
|
|
144
|
+
},
|
|
145
|
+
Ie = Pe(),
|
|
146
|
+
_W = function W(e) {
|
|
147
|
+
if (De(), K.current = e, ne(e), !g.current) {
|
|
148
|
+
var n = B(e),
|
|
149
|
+
t = u.getDecimal(n);
|
|
150
|
+
t.isNaN() || w(t, !0);
|
|
151
|
+
}
|
|
152
|
+
Ie(function () {
|
|
153
|
+
var n = V ? e : e.replace(/。/g, ".");
|
|
154
|
+
n !== e && _W(n);
|
|
155
|
+
});
|
|
156
|
+
},
|
|
157
|
+
Re = function Re() {
|
|
158
|
+
g.current = !0;
|
|
159
|
+
},
|
|
160
|
+
Ve = function Ve(e) {
|
|
161
|
+
g.current = !1, _W(e.target.value);
|
|
162
|
+
},
|
|
163
|
+
he = function he(e) {
|
|
164
|
+
return _W(e.target.value);
|
|
165
|
+
},
|
|
166
|
+
Y = function Y(e) {
|
|
167
|
+
var n;
|
|
168
|
+
if (e && re || !e && ue) return;
|
|
169
|
+
c.current = !1;
|
|
170
|
+
var t = u.getDecimal(q.current ? u.getDecupleSteps(a) : a);
|
|
171
|
+
e || (t = t.negate());
|
|
172
|
+
var o = (r.isInvalidate() ? u.getDecimal(0) : r).add(t.toString()),
|
|
173
|
+
j = w(o, !1);
|
|
174
|
+
Q == null || Q(j.toNumber(), {
|
|
175
|
+
offset: q.current ? u.getDecupleSteps(a) : a,
|
|
176
|
+
type: e ? "up" : "down"
|
|
177
|
+
}), (n = U.current) == null || n.focus();
|
|
178
|
+
},
|
|
179
|
+
ie = function ie(e) {
|
|
180
|
+
var n = u.getDecimal(B(x));
|
|
181
|
+
var t;
|
|
182
|
+
n.isNaN() ? t = w(r, e) : t = w(n, e), i !== void 0 ? _(r, !1) : t.isNaN() || _(t, !1);
|
|
183
|
+
},
|
|
184
|
+
qe = function qe(e) {
|
|
185
|
+
var n = e.key,
|
|
186
|
+
t = e.shiftKey;
|
|
187
|
+
c.current = !0, q.current = t, n === "Enter" && (g.current || (c.current = !1), ie(!1), X == null || X(e)), de && !g.current && (n === "ArrowUp" || n === "ArrowDown") && (Y(n === "ArrowUp"), e.preventDefault());
|
|
188
|
+
},
|
|
189
|
+
xe = function xe() {
|
|
190
|
+
c.current = !1, q.current = !1;
|
|
191
|
+
},
|
|
192
|
+
_e = function _e(e) {
|
|
193
|
+
T(!0), Z == null || Z(e);
|
|
194
|
+
},
|
|
195
|
+
we = function we(e) {
|
|
196
|
+
ge && ie(!1), T(!1), c.current = !1, z == null || z(e);
|
|
197
|
+
},
|
|
198
|
+
le = s.useRef(i);
|
|
199
|
+
if (le.current !== i) {
|
|
200
|
+
le.current = i;
|
|
201
|
+
var e = u.getDecimal(i);
|
|
202
|
+
if (!e.equals(r)) {
|
|
203
|
+
ee(e);
|
|
204
|
+
var n = u.getDecimal(B(x));
|
|
205
|
+
(!e.equals(n) || !c.current || R) && _(e, c.current);
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
var Ce = function Ce(e) {
|
|
209
|
+
U.current = e, typeof h == "function" ? h(e) : h && (h.current = e);
|
|
210
|
+
},
|
|
211
|
+
oe = !!M,
|
|
212
|
+
Ee = _typeof(M) == "object" ? M.icon : void 0,
|
|
213
|
+
Fe = !r.isInvalidate() && !H(r),
|
|
214
|
+
ye = ["bj-input-number", "bj-input-number--".concat(J), k && "bj-input-number--focused", S && "bj-input-number--disabled", P && "bj-input-number--readonly", !be && "bj-input-number--borderless", L && "bj-input-number--".concat(L), Fe && "bj-input-number--out-of-range", oe && "bj-input-number--with-controls", f && "bj-input-number--group-left", m && "bj-input-number--group-right"].filter(Boolean).join(" "),
|
|
215
|
+
ce = l.jsxs("div", {
|
|
216
|
+
className: [ye, !(f || m || D || I) && O].filter(Boolean).join(" "),
|
|
217
|
+
style: f || m || D || I ? void 0 : A,
|
|
218
|
+
onKeyDown: qe,
|
|
219
|
+
onKeyUp: xe,
|
|
220
|
+
children: [D && l.jsx("span", {
|
|
221
|
+
className: "bj-input-number__prefix",
|
|
222
|
+
children: D
|
|
223
|
+
}), l.jsx("div", {
|
|
224
|
+
className: "bj-input-number__input-wrap",
|
|
225
|
+
children: l.jsx("input", {
|
|
226
|
+
ref: Ce,
|
|
227
|
+
id: je,
|
|
228
|
+
name: ve,
|
|
229
|
+
className: "bj-input-number__input",
|
|
230
|
+
autoComplete: "off",
|
|
231
|
+
role: "spinbutton",
|
|
232
|
+
"aria-valuemin": F,
|
|
233
|
+
"aria-valuemax": y,
|
|
234
|
+
"aria-valuenow": r.isInvalidate() ? void 0 : r.toNumber(),
|
|
235
|
+
value: x,
|
|
236
|
+
placeholder: fe,
|
|
237
|
+
disabled: S,
|
|
238
|
+
readOnly: P,
|
|
239
|
+
autoFocus: me,
|
|
240
|
+
onChange: he,
|
|
241
|
+
onFocus: _e,
|
|
242
|
+
onBlur: we,
|
|
243
|
+
onCompositionStart: Re,
|
|
244
|
+
onCompositionEnd: Ve,
|
|
245
|
+
onWheel: pe ? function (e) {
|
|
246
|
+
k && Y(e.deltaY < 0);
|
|
247
|
+
} : void 0
|
|
248
|
+
})
|
|
249
|
+
}), I && l.jsx("span", {
|
|
250
|
+
className: "bj-input-number__suffix",
|
|
251
|
+
children: I
|
|
252
|
+
}), oe && l.jsx(Me, {
|
|
253
|
+
icon: Ee,
|
|
254
|
+
upDisabled: re,
|
|
255
|
+
downDisabled: ue,
|
|
256
|
+
onStep: Y
|
|
257
|
+
})]
|
|
258
|
+
});
|
|
259
|
+
return !f && !m ? ce : l.jsxs("div", {
|
|
260
|
+
className: ["bj-input-number-group", "bj-input-number-group--".concat(J), O].filter(Boolean).join(" "),
|
|
261
|
+
style: A,
|
|
262
|
+
children: [f && l.jsx("div", {
|
|
263
|
+
className: "bj-input-number-group__addon",
|
|
264
|
+
children: f
|
|
265
|
+
}), ce, m && l.jsx("div", {
|
|
266
|
+
className: "bj-input-number-group__addon",
|
|
267
|
+
children: m
|
|
268
|
+
})]
|
|
269
|
+
});
|
|
270
|
+
});
|
|
271
|
+
module.exports = Ue;
|