denwa-react-shared 1.0.19 → 1.0.21
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/denwa-react-shared.cjs.js +1 -442
- package/dist/denwa-react-shared.css +1 -1
- package/dist/denwa-react-shared.es.js +56 -64032
- package/dist/denwa-react-shared.umd.js +1750 -175
- package/dist/index-C9_FuY9g.cjs +2017 -0
- package/dist/index-DiC1uMp3.js +237858 -0
- package/dist/shared/ui/index.d.ts +2 -0
- package/dist/table-head-BwYEg8qE-B-KDj-et-DM8pxHve.cjs +1 -0
- package/dist/table-head-BwYEg8qE-B-KDj-et-cNKgPHwr.js +669 -0
- package/dist/table-head-DRm_2s2D.cjs +1 -0
- package/dist/table-head-DhiARHac-B8sucMHE.cjs +1 -0
- package/dist/table-head-DhiARHac-DCJED23g.js +669 -0
- package/dist/table-head-KbqJOlmi.js +669 -0
- package/package.json +1 -1
|
@@ -0,0 +1,669 @@
|
|
|
1
|
+
import { ao as d, ap as F, aq as $e, ar as U, as as G, at as q, au as ne, av as ye, aw as Oe, ax as je, ay as Ne, az as Ee, aA as ke, aB as Re, aC as Me, aD as Te, aE as De, aF as He, aG as Pe, aH as _, aI as Ie, aJ as Be, aK as Ve, aL as ce, aM as Ae, aN as z, aO as ze, aP as oe, aQ as W, aR as We, aS as qe, aT as P, aU as Le, aV as ue, aW as J, aX as _e, aY as Xe, aZ as Fe, a_ as Je } from "./index-DiC1uMp3.js";
|
|
2
|
+
import * as o from "react";
|
|
3
|
+
import { useState as Ke, useMemo as Ue, cloneElement as Ge } from "react";
|
|
4
|
+
var ie = function(e, t) {
|
|
5
|
+
if (!e) return null;
|
|
6
|
+
var n = {
|
|
7
|
+
left: e.offsetLeft,
|
|
8
|
+
right: e.parentElement.clientWidth - e.clientWidth - e.offsetLeft,
|
|
9
|
+
width: e.clientWidth,
|
|
10
|
+
top: e.offsetTop,
|
|
11
|
+
bottom: e.parentElement.clientHeight - e.clientHeight - e.offsetTop,
|
|
12
|
+
height: e.clientHeight
|
|
13
|
+
};
|
|
14
|
+
return t ? {
|
|
15
|
+
left: 0,
|
|
16
|
+
right: 0,
|
|
17
|
+
width: 0,
|
|
18
|
+
top: n.top,
|
|
19
|
+
bottom: n.bottom,
|
|
20
|
+
height: n.height
|
|
21
|
+
} : {
|
|
22
|
+
left: n.left,
|
|
23
|
+
right: n.right,
|
|
24
|
+
width: n.width,
|
|
25
|
+
top: 0,
|
|
26
|
+
bottom: 0,
|
|
27
|
+
height: 0
|
|
28
|
+
};
|
|
29
|
+
}, I = function(e) {
|
|
30
|
+
return e !== void 0 ? "".concat(e, "px") : void 0;
|
|
31
|
+
};
|
|
32
|
+
function Qe(e) {
|
|
33
|
+
var t = e.prefixCls, n = e.containerRef, a = e.value, i = e.getValueIndex, r = e.motionName, b = e.onMotionStart, h = e.onMotionEnd, p = e.direction, S = e.vertical, l = S === void 0 ? !1 : S, C = o.useRef(null), $ = o.useState(a), y = z($, 2), v = y[0], R = y[1], N = function(c) {
|
|
34
|
+
var j, m = i(c), H = (j = n.current) === null || j === void 0 ? void 0 : j.querySelectorAll(".".concat(t, "-item"))[m];
|
|
35
|
+
return (H == null ? void 0 : H.offsetParent) && H;
|
|
36
|
+
}, T = o.useState(null), g = z(T, 2), s = g[0], E = g[1], B = o.useState(null), x = z(B, 2), u = x[0], M = x[1];
|
|
37
|
+
_e(function() {
|
|
38
|
+
if (v !== a) {
|
|
39
|
+
var c = N(v), j = N(a), m = ie(c, l), H = ie(j, l);
|
|
40
|
+
R(a), E(m), M(H), c && j ? b() : h();
|
|
41
|
+
}
|
|
42
|
+
}, [a]);
|
|
43
|
+
var w = o.useMemo(function() {
|
|
44
|
+
if (l) {
|
|
45
|
+
var c;
|
|
46
|
+
return I((c = s == null ? void 0 : s.top) !== null && c !== void 0 ? c : 0);
|
|
47
|
+
}
|
|
48
|
+
return I(p === "rtl" ? -(s == null ? void 0 : s.right) : s == null ? void 0 : s.left);
|
|
49
|
+
}, [l, p, s]), O = o.useMemo(function() {
|
|
50
|
+
if (l) {
|
|
51
|
+
var c;
|
|
52
|
+
return I((c = u == null ? void 0 : u.top) !== null && c !== void 0 ? c : 0);
|
|
53
|
+
}
|
|
54
|
+
return I(p === "rtl" ? -(u == null ? void 0 : u.right) : u == null ? void 0 : u.left);
|
|
55
|
+
}, [l, p, u]), V = function() {
|
|
56
|
+
return l ? {
|
|
57
|
+
transform: "translateY(var(--thumb-start-top))",
|
|
58
|
+
height: "var(--thumb-start-height)"
|
|
59
|
+
} : {
|
|
60
|
+
transform: "translateX(var(--thumb-start-left))",
|
|
61
|
+
width: "var(--thumb-start-width)"
|
|
62
|
+
};
|
|
63
|
+
}, D = function() {
|
|
64
|
+
return l ? {
|
|
65
|
+
transform: "translateY(var(--thumb-active-top))",
|
|
66
|
+
height: "var(--thumb-active-height)"
|
|
67
|
+
} : {
|
|
68
|
+
transform: "translateX(var(--thumb-active-left))",
|
|
69
|
+
width: "var(--thumb-active-width)"
|
|
70
|
+
};
|
|
71
|
+
}, A = function() {
|
|
72
|
+
E(null), M(null), h();
|
|
73
|
+
};
|
|
74
|
+
return !s || !u ? null : /* @__PURE__ */ o.createElement(Xe, {
|
|
75
|
+
visible: !0,
|
|
76
|
+
motionName: r,
|
|
77
|
+
motionAppear: !0,
|
|
78
|
+
onAppearStart: V,
|
|
79
|
+
onAppearActive: D,
|
|
80
|
+
onVisibleChanged: A
|
|
81
|
+
}, function(c, j) {
|
|
82
|
+
var m = c.className, H = c.style, L = J(J({}, H), {}, {
|
|
83
|
+
"--thumb-start-left": w,
|
|
84
|
+
"--thumb-start-width": I(s == null ? void 0 : s.width),
|
|
85
|
+
"--thumb-active-left": O,
|
|
86
|
+
"--thumb-active-width": I(u == null ? void 0 : u.width),
|
|
87
|
+
"--thumb-start-top": w,
|
|
88
|
+
"--thumb-start-height": I(s == null ? void 0 : s.height),
|
|
89
|
+
"--thumb-active-top": O,
|
|
90
|
+
"--thumb-active-height": I(u == null ? void 0 : u.height)
|
|
91
|
+
}), X = {
|
|
92
|
+
ref: ce(C, j),
|
|
93
|
+
style: L,
|
|
94
|
+
className: _("".concat(t, "-thumb"), m)
|
|
95
|
+
};
|
|
96
|
+
return process.env.NODE_ENV === "test" && (X["data-test-style"] = JSON.stringify(L)), /* @__PURE__ */ o.createElement("div", X);
|
|
97
|
+
});
|
|
98
|
+
}
|
|
99
|
+
var Ye = ["prefixCls", "direction", "vertical", "options", "disabled", "defaultValue", "value", "name", "onChange", "className", "motionName"];
|
|
100
|
+
function Ze(e) {
|
|
101
|
+
if (typeof e.title < "u")
|
|
102
|
+
return e.title;
|
|
103
|
+
if (ue(e.label) !== "object") {
|
|
104
|
+
var t;
|
|
105
|
+
return (t = e.label) === null || t === void 0 ? void 0 : t.toString();
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
function et(e) {
|
|
109
|
+
return e.map(function(t) {
|
|
110
|
+
if (ue(t) === "object" && t !== null) {
|
|
111
|
+
var n = Ze(t);
|
|
112
|
+
return J(J({}, t), {}, {
|
|
113
|
+
title: n
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
return {
|
|
117
|
+
label: t == null ? void 0 : t.toString(),
|
|
118
|
+
title: t == null ? void 0 : t.toString(),
|
|
119
|
+
value: t
|
|
120
|
+
};
|
|
121
|
+
});
|
|
122
|
+
}
|
|
123
|
+
var tt = function(e) {
|
|
124
|
+
var t = e.prefixCls, n = e.className, a = e.disabled, i = e.checked, r = e.label, b = e.title, h = e.value, p = e.name, S = e.onChange, l = e.onFocus, C = e.onBlur, $ = e.onKeyDown, y = e.onKeyUp, v = e.onMouseDown, R = function(N) {
|
|
125
|
+
a || S(N, h);
|
|
126
|
+
};
|
|
127
|
+
return /* @__PURE__ */ o.createElement("label", {
|
|
128
|
+
className: _(n, W({}, "".concat(t, "-item-disabled"), a)),
|
|
129
|
+
onMouseDown: v
|
|
130
|
+
}, /* @__PURE__ */ o.createElement("input", {
|
|
131
|
+
name: p,
|
|
132
|
+
className: "".concat(t, "-item-input"),
|
|
133
|
+
type: "radio",
|
|
134
|
+
disabled: a,
|
|
135
|
+
checked: i,
|
|
136
|
+
onChange: R,
|
|
137
|
+
onFocus: l,
|
|
138
|
+
onBlur: C,
|
|
139
|
+
onKeyDown: $,
|
|
140
|
+
onKeyUp: y
|
|
141
|
+
}), /* @__PURE__ */ o.createElement("div", {
|
|
142
|
+
className: "".concat(t, "-item-label"),
|
|
143
|
+
title: b,
|
|
144
|
+
"aria-selected": i
|
|
145
|
+
}, r));
|
|
146
|
+
}, de = /* @__PURE__ */ o.forwardRef(function(e, t) {
|
|
147
|
+
var n, a, i = e.prefixCls, r = i === void 0 ? "rc-segmented" : i, b = e.direction, h = e.vertical, p = e.options, S = p === void 0 ? [] : p, l = e.disabled, C = e.defaultValue, $ = e.value, y = e.name, v = e.onChange, R = e.className, N = R === void 0 ? "" : R, T = e.motionName, g = T === void 0 ? "thumb-motion" : T, s = Ve(e, Ye), E = o.useRef(null), B = o.useMemo(function() {
|
|
148
|
+
return ce(E, t);
|
|
149
|
+
}, [E, t]), x = o.useMemo(function() {
|
|
150
|
+
return et(S);
|
|
151
|
+
}, [S]), u = Ae((n = x[0]) === null || n === void 0 ? void 0 : n.value, {
|
|
152
|
+
value: $,
|
|
153
|
+
defaultValue: C
|
|
154
|
+
}), M = z(u, 2), w = M[0], O = M[1], V = o.useState(!1), D = z(V, 2), A = D[0], c = D[1], j = function(f, k) {
|
|
155
|
+
O(k), v == null || v(k);
|
|
156
|
+
}, m = ze(s, ["children"]), H = o.useState(!1), L = z(H, 2), X = L[0], Y = L[1], ge = o.useState(!1), Z = z(ge, 2), fe = Z[0], ee = Z[1], pe = function() {
|
|
157
|
+
ee(!0);
|
|
158
|
+
}, be = function() {
|
|
159
|
+
ee(!1);
|
|
160
|
+
}, ve = function() {
|
|
161
|
+
Y(!1);
|
|
162
|
+
}, xe = function(f) {
|
|
163
|
+
f.key === "Tab" && Y(!0);
|
|
164
|
+
}, te = function(f) {
|
|
165
|
+
var k = x.findIndex(function(Ce) {
|
|
166
|
+
return Ce.value === w;
|
|
167
|
+
}), ae = x.length, we = (k + f + ae) % ae, K = x[we];
|
|
168
|
+
K && (O(K.value), v == null || v(K.value));
|
|
169
|
+
}, Se = function(f) {
|
|
170
|
+
switch (f.key) {
|
|
171
|
+
case "ArrowLeft":
|
|
172
|
+
case "ArrowUp":
|
|
173
|
+
te(-1);
|
|
174
|
+
break;
|
|
175
|
+
case "ArrowRight":
|
|
176
|
+
case "ArrowDown":
|
|
177
|
+
te(1);
|
|
178
|
+
break;
|
|
179
|
+
}
|
|
180
|
+
};
|
|
181
|
+
return /* @__PURE__ */ o.createElement("div", oe({
|
|
182
|
+
role: "radiogroup",
|
|
183
|
+
"aria-label": "segmented control",
|
|
184
|
+
tabIndex: l ? void 0 : 0
|
|
185
|
+
}, m, {
|
|
186
|
+
className: _(r, (a = {}, W(a, "".concat(r, "-rtl"), b === "rtl"), W(a, "".concat(r, "-disabled"), l), W(a, "".concat(r, "-vertical"), h), a), N),
|
|
187
|
+
ref: B
|
|
188
|
+
}), /* @__PURE__ */ o.createElement("div", {
|
|
189
|
+
className: "".concat(r, "-group")
|
|
190
|
+
}, /* @__PURE__ */ o.createElement(Qe, {
|
|
191
|
+
vertical: h,
|
|
192
|
+
prefixCls: r,
|
|
193
|
+
value: w,
|
|
194
|
+
containerRef: E,
|
|
195
|
+
motionName: "".concat(r, "-").concat(g),
|
|
196
|
+
direction: b,
|
|
197
|
+
getValueIndex: function(f) {
|
|
198
|
+
return x.findIndex(function(k) {
|
|
199
|
+
return k.value === f;
|
|
200
|
+
});
|
|
201
|
+
},
|
|
202
|
+
onMotionStart: function() {
|
|
203
|
+
c(!0);
|
|
204
|
+
},
|
|
205
|
+
onMotionEnd: function() {
|
|
206
|
+
c(!1);
|
|
207
|
+
}
|
|
208
|
+
}), x.map(function(f) {
|
|
209
|
+
var k;
|
|
210
|
+
return /* @__PURE__ */ o.createElement(tt, oe({}, f, {
|
|
211
|
+
name: y,
|
|
212
|
+
key: f.value,
|
|
213
|
+
prefixCls: r,
|
|
214
|
+
className: _(f.className, "".concat(r, "-item"), (k = {}, W(k, "".concat(r, "-item-selected"), f.value === w && !A), W(k, "".concat(r, "-item-focused"), fe && X && f.value === w), k)),
|
|
215
|
+
checked: f.value === w,
|
|
216
|
+
onChange: j,
|
|
217
|
+
onFocus: pe,
|
|
218
|
+
onBlur: be,
|
|
219
|
+
onKeyDown: Se,
|
|
220
|
+
onKeyUp: xe,
|
|
221
|
+
onMouseDown: ve,
|
|
222
|
+
disabled: !!l || !!f.disabled
|
|
223
|
+
}));
|
|
224
|
+
})));
|
|
225
|
+
});
|
|
226
|
+
process.env.NODE_ENV !== "production" && (de.displayName = "Segmented");
|
|
227
|
+
var at = de;
|
|
228
|
+
function re(e, t) {
|
|
229
|
+
return {
|
|
230
|
+
[`${e}, ${e}:hover, ${e}:focus`]: {
|
|
231
|
+
color: t.colorTextDisabled,
|
|
232
|
+
cursor: "not-allowed"
|
|
233
|
+
}
|
|
234
|
+
};
|
|
235
|
+
}
|
|
236
|
+
function le(e) {
|
|
237
|
+
return {
|
|
238
|
+
backgroundColor: e.itemSelectedBg,
|
|
239
|
+
boxShadow: e.boxShadowTertiary
|
|
240
|
+
};
|
|
241
|
+
}
|
|
242
|
+
const nt = Object.assign({
|
|
243
|
+
overflow: "hidden"
|
|
244
|
+
}, Fe), ot = (e) => {
|
|
245
|
+
const {
|
|
246
|
+
componentCls: t
|
|
247
|
+
} = e, n = e.calc(e.controlHeight).sub(e.calc(e.trackPadding).mul(2)).equal(), a = e.calc(e.controlHeightLG).sub(e.calc(e.trackPadding).mul(2)).equal(), i = e.calc(e.controlHeightSM).sub(e.calc(e.trackPadding).mul(2)).equal();
|
|
248
|
+
return {
|
|
249
|
+
[t]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, We(e)), {
|
|
250
|
+
display: "inline-block",
|
|
251
|
+
padding: e.trackPadding,
|
|
252
|
+
color: e.itemColor,
|
|
253
|
+
background: e.trackBg,
|
|
254
|
+
borderRadius: e.borderRadius,
|
|
255
|
+
transition: `all ${e.motionDurationMid} ${e.motionEaseInOut}`
|
|
256
|
+
}), qe(e)), {
|
|
257
|
+
[`${t}-group`]: {
|
|
258
|
+
position: "relative",
|
|
259
|
+
display: "flex",
|
|
260
|
+
alignItems: "stretch",
|
|
261
|
+
justifyItems: "flex-start",
|
|
262
|
+
flexDirection: "row",
|
|
263
|
+
width: "100%"
|
|
264
|
+
},
|
|
265
|
+
// RTL styles
|
|
266
|
+
[`&${t}-rtl`]: {
|
|
267
|
+
direction: "rtl"
|
|
268
|
+
},
|
|
269
|
+
[`&${t}-vertical`]: {
|
|
270
|
+
[`${t}-group`]: {
|
|
271
|
+
flexDirection: "column"
|
|
272
|
+
},
|
|
273
|
+
[`${t}-thumb`]: {
|
|
274
|
+
width: "100%",
|
|
275
|
+
height: 0,
|
|
276
|
+
padding: `0 ${P(e.paddingXXS)}`
|
|
277
|
+
}
|
|
278
|
+
},
|
|
279
|
+
// block styles
|
|
280
|
+
[`&${t}-block`]: {
|
|
281
|
+
display: "flex"
|
|
282
|
+
},
|
|
283
|
+
[`&${t}-block ${t}-item`]: {
|
|
284
|
+
flex: 1,
|
|
285
|
+
minWidth: 0
|
|
286
|
+
},
|
|
287
|
+
// item styles
|
|
288
|
+
[`${t}-item`]: {
|
|
289
|
+
position: "relative",
|
|
290
|
+
textAlign: "center",
|
|
291
|
+
cursor: "pointer",
|
|
292
|
+
transition: `color ${e.motionDurationMid} ${e.motionEaseInOut}`,
|
|
293
|
+
borderRadius: e.borderRadiusSM,
|
|
294
|
+
// Fix Safari render bug
|
|
295
|
+
// https://github.com/ant-design/ant-design/issues/45250
|
|
296
|
+
transform: "translateZ(0)",
|
|
297
|
+
"&-selected": Object.assign(Object.assign({}, le(e)), {
|
|
298
|
+
color: e.itemSelectedColor
|
|
299
|
+
}),
|
|
300
|
+
"&-focused": Object.assign({}, Le(e)),
|
|
301
|
+
"&::after": {
|
|
302
|
+
content: '""',
|
|
303
|
+
position: "absolute",
|
|
304
|
+
zIndex: -1,
|
|
305
|
+
width: "100%",
|
|
306
|
+
height: "100%",
|
|
307
|
+
top: 0,
|
|
308
|
+
insetInlineStart: 0,
|
|
309
|
+
borderRadius: "inherit",
|
|
310
|
+
opacity: 0,
|
|
311
|
+
transition: `opacity ${e.motionDurationMid}`,
|
|
312
|
+
// This is mandatory to make it not clickable or hoverable
|
|
313
|
+
// Ref: https://github.com/ant-design/ant-design/issues/40888
|
|
314
|
+
pointerEvents: "none"
|
|
315
|
+
},
|
|
316
|
+
[`&:hover:not(${t}-item-selected):not(${t}-item-disabled)`]: {
|
|
317
|
+
color: e.itemHoverColor,
|
|
318
|
+
"&::after": {
|
|
319
|
+
opacity: 1,
|
|
320
|
+
backgroundColor: e.itemHoverBg
|
|
321
|
+
}
|
|
322
|
+
},
|
|
323
|
+
[`&:active:not(${t}-item-selected):not(${t}-item-disabled)`]: {
|
|
324
|
+
color: e.itemHoverColor,
|
|
325
|
+
"&::after": {
|
|
326
|
+
opacity: 1,
|
|
327
|
+
backgroundColor: e.itemActiveBg
|
|
328
|
+
}
|
|
329
|
+
},
|
|
330
|
+
"&-label": Object.assign({
|
|
331
|
+
minHeight: n,
|
|
332
|
+
lineHeight: P(n),
|
|
333
|
+
padding: `0 ${P(e.segmentedPaddingHorizontal)}`
|
|
334
|
+
}, nt),
|
|
335
|
+
// syntactic sugar to add `icon` for Segmented Item
|
|
336
|
+
"&-icon + *": {
|
|
337
|
+
marginInlineStart: e.calc(e.marginSM).div(2).equal()
|
|
338
|
+
},
|
|
339
|
+
"&-input": {
|
|
340
|
+
position: "absolute",
|
|
341
|
+
insetBlockStart: 0,
|
|
342
|
+
insetInlineStart: 0,
|
|
343
|
+
width: 0,
|
|
344
|
+
height: 0,
|
|
345
|
+
opacity: 0,
|
|
346
|
+
pointerEvents: "none"
|
|
347
|
+
}
|
|
348
|
+
},
|
|
349
|
+
// thumb styles
|
|
350
|
+
[`${t}-thumb`]: Object.assign(Object.assign({}, le(e)), {
|
|
351
|
+
position: "absolute",
|
|
352
|
+
insetBlockStart: 0,
|
|
353
|
+
insetInlineStart: 0,
|
|
354
|
+
width: 0,
|
|
355
|
+
height: "100%",
|
|
356
|
+
padding: `${P(e.paddingXXS)} 0`,
|
|
357
|
+
borderRadius: e.borderRadiusSM,
|
|
358
|
+
transition: `transform ${e.motionDurationSlow} ${e.motionEaseInOut}, height ${e.motionDurationSlow} ${e.motionEaseInOut}`,
|
|
359
|
+
[`& ~ ${t}-item:not(${t}-item-selected):not(${t}-item-disabled)::after`]: {
|
|
360
|
+
backgroundColor: "transparent"
|
|
361
|
+
}
|
|
362
|
+
}),
|
|
363
|
+
// size styles
|
|
364
|
+
[`&${t}-lg`]: {
|
|
365
|
+
borderRadius: e.borderRadiusLG,
|
|
366
|
+
[`${t}-item-label`]: {
|
|
367
|
+
minHeight: a,
|
|
368
|
+
lineHeight: P(a),
|
|
369
|
+
padding: `0 ${P(e.segmentedPaddingHorizontal)}`,
|
|
370
|
+
fontSize: e.fontSizeLG
|
|
371
|
+
},
|
|
372
|
+
[`${t}-item, ${t}-thumb`]: {
|
|
373
|
+
borderRadius: e.borderRadius
|
|
374
|
+
}
|
|
375
|
+
},
|
|
376
|
+
[`&${t}-sm`]: {
|
|
377
|
+
borderRadius: e.borderRadiusSM,
|
|
378
|
+
[`${t}-item-label`]: {
|
|
379
|
+
minHeight: i,
|
|
380
|
+
lineHeight: P(i),
|
|
381
|
+
padding: `0 ${P(e.segmentedPaddingHorizontalSM)}`
|
|
382
|
+
},
|
|
383
|
+
[`${t}-item, ${t}-thumb`]: {
|
|
384
|
+
borderRadius: e.borderRadiusXS
|
|
385
|
+
}
|
|
386
|
+
}
|
|
387
|
+
}), re(`&-disabled ${t}-item`, e)), re(`${t}-item-disabled`, e)), {
|
|
388
|
+
// transition effect when `appear-active`
|
|
389
|
+
[`${t}-thumb-motion-appear-active`]: {
|
|
390
|
+
transition: `transform ${e.motionDurationSlow} ${e.motionEaseInOut}, width ${e.motionDurationSlow} ${e.motionEaseInOut}`,
|
|
391
|
+
willChange: "transform, width"
|
|
392
|
+
},
|
|
393
|
+
[`&${t}-shape-round`]: {
|
|
394
|
+
borderRadius: 9999,
|
|
395
|
+
[`${t}-item, ${t}-thumb`]: {
|
|
396
|
+
borderRadius: 9999
|
|
397
|
+
}
|
|
398
|
+
}
|
|
399
|
+
})
|
|
400
|
+
};
|
|
401
|
+
}, it = (e) => {
|
|
402
|
+
const {
|
|
403
|
+
colorTextLabel: t,
|
|
404
|
+
colorText: n,
|
|
405
|
+
colorFillSecondary: a,
|
|
406
|
+
colorBgElevated: i,
|
|
407
|
+
colorFill: r,
|
|
408
|
+
lineWidthBold: b,
|
|
409
|
+
colorBgLayout: h
|
|
410
|
+
} = e;
|
|
411
|
+
return {
|
|
412
|
+
trackPadding: b,
|
|
413
|
+
trackBg: h,
|
|
414
|
+
itemColor: t,
|
|
415
|
+
itemHoverColor: n,
|
|
416
|
+
itemHoverBg: a,
|
|
417
|
+
itemSelectedBg: i,
|
|
418
|
+
itemActiveBg: r,
|
|
419
|
+
itemSelectedColor: n
|
|
420
|
+
};
|
|
421
|
+
}, rt = He("Segmented", (e) => {
|
|
422
|
+
const {
|
|
423
|
+
lineWidth: t,
|
|
424
|
+
calc: n
|
|
425
|
+
} = e, a = Be(e, {
|
|
426
|
+
segmentedPaddingHorizontal: n(e.controlPaddingHorizontal).sub(t).equal(),
|
|
427
|
+
segmentedPaddingHorizontalSM: n(e.controlPaddingHorizontalSM).sub(t).equal()
|
|
428
|
+
});
|
|
429
|
+
return [ot(a)];
|
|
430
|
+
}, it);
|
|
431
|
+
var se = function(e, t) {
|
|
432
|
+
var n = {};
|
|
433
|
+
for (var a in e) Object.prototype.hasOwnProperty.call(e, a) && t.indexOf(a) < 0 && (n[a] = e[a]);
|
|
434
|
+
if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var i = 0, a = Object.getOwnPropertySymbols(e); i < a.length; i++)
|
|
435
|
+
t.indexOf(a[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, a[i]) && (n[a[i]] = e[a[i]]);
|
|
436
|
+
return n;
|
|
437
|
+
};
|
|
438
|
+
function lt(e) {
|
|
439
|
+
return typeof e == "object" && !!(e != null && e.icon);
|
|
440
|
+
}
|
|
441
|
+
const st = /* @__PURE__ */ o.forwardRef((e, t) => {
|
|
442
|
+
const n = Te(), {
|
|
443
|
+
prefixCls: a,
|
|
444
|
+
className: i,
|
|
445
|
+
rootClassName: r,
|
|
446
|
+
block: b,
|
|
447
|
+
options: h = [],
|
|
448
|
+
size: p = "middle",
|
|
449
|
+
style: S,
|
|
450
|
+
vertical: l,
|
|
451
|
+
shape: C = "default",
|
|
452
|
+
name: $ = n
|
|
453
|
+
} = e, y = se(e, ["prefixCls", "className", "rootClassName", "block", "options", "size", "style", "vertical", "shape", "name"]), {
|
|
454
|
+
getPrefixCls: v,
|
|
455
|
+
direction: R,
|
|
456
|
+
className: N,
|
|
457
|
+
style: T
|
|
458
|
+
} = De("segmented"), g = v("segmented", a), [s, E, B] = rt(g), x = Pe(p), u = o.useMemo(() => h.map((O) => {
|
|
459
|
+
if (lt(O)) {
|
|
460
|
+
const {
|
|
461
|
+
icon: V,
|
|
462
|
+
label: D
|
|
463
|
+
} = O, A = se(O, ["icon", "label"]);
|
|
464
|
+
return Object.assign(Object.assign({}, A), {
|
|
465
|
+
label: /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("span", {
|
|
466
|
+
className: `${g}-item-icon`
|
|
467
|
+
}, V), D && /* @__PURE__ */ o.createElement("span", null, D))
|
|
468
|
+
});
|
|
469
|
+
}
|
|
470
|
+
return O;
|
|
471
|
+
}), [h, g]), M = _(i, r, N, {
|
|
472
|
+
[`${g}-block`]: b,
|
|
473
|
+
[`${g}-sm`]: x === "small",
|
|
474
|
+
[`${g}-lg`]: x === "large",
|
|
475
|
+
[`${g}-vertical`]: l,
|
|
476
|
+
[`${g}-shape-${C}`]: C === "round"
|
|
477
|
+
}, E, B), w = Object.assign(Object.assign({}, T), S);
|
|
478
|
+
return s(/* @__PURE__ */ o.createElement(at, Object.assign({}, y, {
|
|
479
|
+
name: $,
|
|
480
|
+
className: M,
|
|
481
|
+
style: w,
|
|
482
|
+
options: u,
|
|
483
|
+
ref: t,
|
|
484
|
+
prefixCls: g,
|
|
485
|
+
direction: R,
|
|
486
|
+
vertical: l
|
|
487
|
+
})));
|
|
488
|
+
}), me = st;
|
|
489
|
+
process.env.NODE_ENV !== "production" && (me.displayName = "Segmented");
|
|
490
|
+
var ct = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M758.2 839.1C851.8 765.9 912 651.9 912 523.9 912 303 733.5 124.3 512.6 124 291.4 123.7 112 302.8 112 523.9c0 125.2 57.5 236.9 147.6 310.2 3.5 2.8 8.6 2.2 11.4-1.3l39.4-50.5c2.7-3.4 2.1-8.3-1.2-11.1-8.1-6.6-15.9-13.7-23.4-21.2a318.64 318.64 0 01-68.6-101.7C200.4 609 192 567.1 192 523.9s8.4-85.1 25.1-124.5c16.1-38.1 39.2-72.3 68.6-101.7 29.4-29.4 63.6-52.5 101.7-68.6C426.9 212.4 468.8 204 512 204s85.1 8.4 124.5 25.1c38.1 16.1 72.3 39.2 101.7 68.6 29.4 29.4 52.5 63.6 68.6 101.7 16.7 39.4 25.1 81.3 25.1 124.5s-8.4 85.1-25.1 124.5a318.64 318.64 0 01-68.6 101.7c-9.3 9.3-19.1 18-29.3 26L668.2 724a8 8 0 00-14.1 3l-39.6 162.2c-1.2 5 2.6 9.9 7.7 9.9l167 .8c6.7 0 10.5-7.7 6.3-12.9l-37.3-47.9z" } }] }, name: "redo", theme: "outlined" };
|
|
491
|
+
function Q() {
|
|
492
|
+
return Q = Object.assign ? Object.assign.bind() : function(e) {
|
|
493
|
+
for (var t = 1; t < arguments.length; t++) {
|
|
494
|
+
var n = arguments[t];
|
|
495
|
+
for (var a in n)
|
|
496
|
+
Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
|
|
497
|
+
}
|
|
498
|
+
return e;
|
|
499
|
+
}, Q.apply(this, arguments);
|
|
500
|
+
}
|
|
501
|
+
const ut = (e, t) => /* @__PURE__ */ o.createElement(Ie, Q({}, e, {
|
|
502
|
+
ref: t,
|
|
503
|
+
icon: ct
|
|
504
|
+
})), he = /* @__PURE__ */ o.forwardRef(ut);
|
|
505
|
+
process.env.NODE_ENV !== "production" && (he.displayName = "RedoOutlined");
|
|
506
|
+
const dt = ({
|
|
507
|
+
datePickerComponent: e,
|
|
508
|
+
searchText: t,
|
|
509
|
+
noDateText: n,
|
|
510
|
+
emptyText: a,
|
|
511
|
+
searchSelect: i,
|
|
512
|
+
radioOptions: r,
|
|
513
|
+
searchOptions: b,
|
|
514
|
+
searchType: h,
|
|
515
|
+
textSearchValue: p = "",
|
|
516
|
+
dateSearchValue: S,
|
|
517
|
+
numberSearchValue: l,
|
|
518
|
+
multiselectSearchValue: C,
|
|
519
|
+
multiselectOptions: $,
|
|
520
|
+
onChangeSearch: y,
|
|
521
|
+
onChangeTextSearch: v,
|
|
522
|
+
onChangeRadioSearch: R,
|
|
523
|
+
onChangeDateSearch: N,
|
|
524
|
+
onChangeNumberSearch: T,
|
|
525
|
+
onChangeMultiselectSearch: g
|
|
526
|
+
}) => {
|
|
527
|
+
const [s, E] = Ke(p), {
|
|
528
|
+
token: { borderRadius: B, colorBgBase: x, paddingXXS: u }
|
|
529
|
+
} = Oe.useToken(), { isMobileMaxWidth: M } = je(), { isSmallMaxWidth: w } = Ne(), O = Ue(() => w ? 2 : M ? 5 : 15, [M, w]);
|
|
530
|
+
Ee(
|
|
531
|
+
() => {
|
|
532
|
+
v == null || v(s);
|
|
533
|
+
},
|
|
534
|
+
Je.milliseconds.milliseconds500,
|
|
535
|
+
[s]
|
|
536
|
+
);
|
|
537
|
+
const V = () => {
|
|
538
|
+
E("");
|
|
539
|
+
}, D = (m) => {
|
|
540
|
+
y(m), V();
|
|
541
|
+
}, A = (m) => {
|
|
542
|
+
E(m.target.value.replace(/"/g, ""));
|
|
543
|
+
}, c = (m) => {
|
|
544
|
+
N == null || N(m);
|
|
545
|
+
}, j = (m) => {
|
|
546
|
+
!m && m !== 0 || T == null || T(+m);
|
|
547
|
+
};
|
|
548
|
+
return /* @__PURE__ */ d.jsxs(
|
|
549
|
+
F,
|
|
550
|
+
{
|
|
551
|
+
className: q.flex,
|
|
552
|
+
gap: "small",
|
|
553
|
+
style: {
|
|
554
|
+
padding: u,
|
|
555
|
+
borderRadius: B,
|
|
556
|
+
background: x
|
|
557
|
+
},
|
|
558
|
+
children: [
|
|
559
|
+
/* @__PURE__ */ d.jsx(
|
|
560
|
+
G,
|
|
561
|
+
{
|
|
562
|
+
defaultValue: i,
|
|
563
|
+
value: i,
|
|
564
|
+
style: { width: 120, minWidth: 120 },
|
|
565
|
+
options: b,
|
|
566
|
+
onChange: D
|
|
567
|
+
}
|
|
568
|
+
),
|
|
569
|
+
{
|
|
570
|
+
text: /* @__PURE__ */ d.jsx(Me, { placeholder: t, value: s, allowClear: !0, onChange: A }),
|
|
571
|
+
radio: /* @__PURE__ */ d.jsx(
|
|
572
|
+
me,
|
|
573
|
+
{
|
|
574
|
+
options: r,
|
|
575
|
+
defaultValue: Re,
|
|
576
|
+
onChange: R
|
|
577
|
+
}
|
|
578
|
+
),
|
|
579
|
+
date: Ge(e, {
|
|
580
|
+
noDateText: n,
|
|
581
|
+
currentValue: S ?? "",
|
|
582
|
+
onChangeDate: c
|
|
583
|
+
}),
|
|
584
|
+
number: /* @__PURE__ */ d.jsx(
|
|
585
|
+
ke,
|
|
586
|
+
{
|
|
587
|
+
emptyText: a,
|
|
588
|
+
value: l,
|
|
589
|
+
placeholder: t,
|
|
590
|
+
min: 0,
|
|
591
|
+
max: 2147483647,
|
|
592
|
+
onChange: j
|
|
593
|
+
}
|
|
594
|
+
),
|
|
595
|
+
multiselect: /* @__PURE__ */ d.jsx(
|
|
596
|
+
G,
|
|
597
|
+
{
|
|
598
|
+
className: q.select,
|
|
599
|
+
mode: "multiple",
|
|
600
|
+
placeholder: t,
|
|
601
|
+
maxTagCount: 1,
|
|
602
|
+
maxTagTextLength: O,
|
|
603
|
+
showSearch: !1,
|
|
604
|
+
allowClear: !0,
|
|
605
|
+
options: $,
|
|
606
|
+
value: C,
|
|
607
|
+
onChange: g
|
|
608
|
+
}
|
|
609
|
+
)
|
|
610
|
+
}[h]
|
|
611
|
+
]
|
|
612
|
+
}
|
|
613
|
+
);
|
|
614
|
+
}, gt = ({
|
|
615
|
+
sortTooltipText: e,
|
|
616
|
+
updateDataText: t,
|
|
617
|
+
refreshText: n,
|
|
618
|
+
createText: a,
|
|
619
|
+
createNewElementText: i,
|
|
620
|
+
order: r,
|
|
621
|
+
orderOptions: b,
|
|
622
|
+
createButtonTooltip: h,
|
|
623
|
+
searchProps: p,
|
|
624
|
+
isCanCreate: S,
|
|
625
|
+
isHiddenCreate: l,
|
|
626
|
+
onCreate: C,
|
|
627
|
+
onRefetch: $,
|
|
628
|
+
onChangeOrder: y
|
|
629
|
+
}) => /* @__PURE__ */ d.jsxs(
|
|
630
|
+
F,
|
|
631
|
+
{
|
|
632
|
+
gap: "middle",
|
|
633
|
+
justify: "space-between",
|
|
634
|
+
wrap: "wrap",
|
|
635
|
+
style: {
|
|
636
|
+
marginBottom: $e.OFFSET[1]
|
|
637
|
+
},
|
|
638
|
+
children: [
|
|
639
|
+
/* @__PURE__ */ d.jsxs(F, { align: "center", gap: "middle", wrap: "wrap", children: [
|
|
640
|
+
/* @__PURE__ */ d.jsx(dt, { ...p }),
|
|
641
|
+
/* @__PURE__ */ d.jsx(U, { title: e, children: /* @__PURE__ */ d.jsx(
|
|
642
|
+
G,
|
|
643
|
+
{
|
|
644
|
+
className: q.sort,
|
|
645
|
+
value: r,
|
|
646
|
+
options: b,
|
|
647
|
+
onChange: y
|
|
648
|
+
}
|
|
649
|
+
) })
|
|
650
|
+
] }),
|
|
651
|
+
/* @__PURE__ */ d.jsxs(F, { className: q.buttonsContainer, gap: "small", align: "center", children: [
|
|
652
|
+
$ && /* @__PURE__ */ d.jsx(U, { title: t, children: /* @__PURE__ */ d.jsx(ne, { className: q.button, icon: /* @__PURE__ */ d.jsx(he, {}), onClick: $, children: n }) }),
|
|
653
|
+
!l && S && /* @__PURE__ */ d.jsx(U, { title: h ?? i, children: /* @__PURE__ */ d.jsx(
|
|
654
|
+
ne,
|
|
655
|
+
{
|
|
656
|
+
className: q.button,
|
|
657
|
+
type: "primary",
|
|
658
|
+
icon: /* @__PURE__ */ d.jsx(ye, {}),
|
|
659
|
+
onClick: C,
|
|
660
|
+
children: a
|
|
661
|
+
}
|
|
662
|
+
) })
|
|
663
|
+
] })
|
|
664
|
+
]
|
|
665
|
+
}
|
|
666
|
+
);
|
|
667
|
+
export {
|
|
668
|
+
gt as TableHead
|
|
669
|
+
};
|