@hkyhy/marsun-components-core 0.1.28 → 0.1.30
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/components/Auth/UserProfileCard/UserProfileCard.d.ts +7 -1
- package/dist/components/Auth/UserProfileCard/UserProfileCard.js +59 -28
- package/dist/components/Auth/UserProfileCard/UserProfileCard.js.map +1 -1
- package/dist/components/Auth/UserProfileCard/style.module.scss.js +16 -10
- package/dist/components/Auth/UserProfileCard/style.module.scss.js.map +1 -1
- package/dist/components/Filter/CommonFilter/index.js +88 -53
- package/dist/components/Filter/CommonFilter/index.js.map +1 -1
- package/dist/components/Filter/FilterDatePicker/index.js +102 -84
- package/dist/components/Filter/FilterDatePicker/index.js.map +1 -1
- package/dist/components/Filter/FilterDateRange/index.js +84 -66
- package/dist/components/Filter/FilterDateRange/index.js.map +1 -1
- package/dist/components/Filter/FilterInput/index.js +51 -33
- package/dist/components/Filter/FilterInput/index.js.map +1 -1
- package/dist/components/Filter/FilterNumberRange/index.d.ts +8 -0
- package/dist/components/Filter/FilterNumberRange/index.js +133 -59
- package/dist/components/Filter/FilterNumberRange/index.js.map +1 -1
- package/dist/components/Filter/FilterNumberRange/style.module.scss.js +7 -5
- package/dist/components/Filter/FilterNumberRange/style.module.scss.js.map +1 -1
- package/dist/components/Filter/FilterPopover/index.d.ts +2 -2
- package/dist/components/Filter/FilterPopover/index.js +7 -7
- package/dist/components/Filter/FilterPopover/index.js.map +1 -1
- package/dist/components/Filter/FilterSelect/index.d.ts +14 -2
- package/dist/components/Filter/FilterSelect/index.js +216 -177
- package/dist/components/Filter/FilterSelect/index.js.map +1 -1
- package/dist/components/Filter/FilterSelect/style.module.scss.js +15 -14
- package/dist/components/Filter/FilterSelect/style.module.scss.js.map +1 -1
- package/dist/components/Filter/FilterTreeSelect/index.d.ts +12 -1
- package/dist/components/Filter/FilterTreeSelect/index.js +233 -190
- package/dist/components/Filter/FilterTreeSelect/index.js.map +1 -1
- package/dist/components/Filter/FilterTreeSelect/style.module.scss.js +14 -13
- package/dist/components/Filter/FilterTreeSelect/style.module.scss.js.map +1 -1
- package/dist/components/Filter/FilterTrigger/index.js +34 -14
- package/dist/components/Filter/FilterTrigger/index.js.map +1 -1
- package/dist/components/Filter/index.d.ts +4 -3
- package/dist/components/Filter/types.d.ts +27 -1
- package/dist/components/Filter/types.js +24 -7
- package/dist/components/Filter/types.js.map +1 -1
- package/dist/components/Filter/useFilterState.d.ts +37 -5
- package/dist/components/Filter/useFilterState.js +74 -23
- package/dist/components/Filter/useFilterState.js.map +1 -1
- package/dist/index.js +170 -164
- package/dist/marsun-components-core.css +1 -1
- package/dist/styles/global.css +1 -1
- package/package.json +1 -1
|
@@ -1,56 +1,74 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Input as
|
|
3
|
-
import { useState as
|
|
4
|
-
import
|
|
5
|
-
import { useFilterRegister as
|
|
6
|
-
import { resolveHidden as
|
|
7
|
-
const
|
|
1
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
2
|
+
import { Input as E } from "antd";
|
|
3
|
+
import { useState as L, useRef as P, useEffect as f } from "react";
|
|
4
|
+
import V from "../FilterPopover/index.js";
|
|
5
|
+
import { useFilterFieldBridge as j, useFilterRegister as w } from "../useFilterState.js";
|
|
6
|
+
import { resolveHidden as F } from "../types.js";
|
|
7
|
+
const q = ({
|
|
8
8
|
filterKey: e,
|
|
9
|
-
label:
|
|
9
|
+
label: v,
|
|
10
10
|
value: t,
|
|
11
11
|
onChange: r,
|
|
12
|
-
placeholder:
|
|
13
|
-
active:
|
|
14
|
-
hidden:
|
|
12
|
+
placeholder: R,
|
|
13
|
+
active: b,
|
|
14
|
+
hidden: u,
|
|
15
|
+
dependsOn: I,
|
|
16
|
+
clearOnDepsChange: x = !0
|
|
15
17
|
}) => {
|
|
16
|
-
const [
|
|
17
|
-
|
|
18
|
+
const [p, m] = L(t ?? ""), s = P(r);
|
|
19
|
+
s.current = r;
|
|
20
|
+
const { resolvedLabel: i } = j({
|
|
21
|
+
filterKey: e,
|
|
22
|
+
value: t,
|
|
23
|
+
label: v,
|
|
24
|
+
dependsOn: I,
|
|
25
|
+
clearOnDepsChange: x,
|
|
26
|
+
onDepsClear: () => {
|
|
27
|
+
var l;
|
|
28
|
+
return (l = s.current) == null ? void 0 : l.call(s, void 0);
|
|
29
|
+
}
|
|
30
|
+
}), o = w();
|
|
31
|
+
if (f(() => {
|
|
18
32
|
m(t ?? "");
|
|
19
|
-
}, [t]),
|
|
20
|
-
if (
|
|
21
|
-
if (
|
|
22
|
-
|
|
33
|
+
}, [t]), f(() => {
|
|
34
|
+
if (o) {
|
|
35
|
+
if (F(u)) {
|
|
36
|
+
o.unregister(e);
|
|
23
37
|
return;
|
|
24
38
|
}
|
|
25
|
-
t ?
|
|
39
|
+
t ? o.register(e, {
|
|
40
|
+
label: i,
|
|
41
|
+
valueLabel: t,
|
|
42
|
+
onRemove: () => r == null ? void 0 : r(void 0)
|
|
43
|
+
}) : o.unregister(e);
|
|
26
44
|
}
|
|
27
|
-
}, [t, e,
|
|
28
|
-
const
|
|
29
|
-
r == null || r(
|
|
45
|
+
}, [t, e, i, u]), F(u)) return null;
|
|
46
|
+
const c = () => {
|
|
47
|
+
r == null || r(p || void 0);
|
|
30
48
|
};
|
|
31
|
-
return /* @__PURE__ */
|
|
32
|
-
|
|
49
|
+
return /* @__PURE__ */ d(
|
|
50
|
+
V,
|
|
33
51
|
{
|
|
34
|
-
label:
|
|
35
|
-
active:
|
|
36
|
-
onConfirm:
|
|
52
|
+
label: i,
|
|
53
|
+
active: b || !!t,
|
|
54
|
+
onConfirm: c,
|
|
37
55
|
onReset: () => {
|
|
38
56
|
m(""), r == null || r(void 0);
|
|
39
57
|
},
|
|
40
|
-
children: /* @__PURE__ */
|
|
41
|
-
|
|
58
|
+
children: /* @__PURE__ */ d(
|
|
59
|
+
E,
|
|
42
60
|
{
|
|
43
|
-
placeholder:
|
|
61
|
+
placeholder: R ?? `请输入${i}`,
|
|
44
62
|
allowClear: !0,
|
|
45
|
-
value:
|
|
46
|
-
onChange: (
|
|
47
|
-
onPressEnter:
|
|
63
|
+
value: p,
|
|
64
|
+
onChange: (l) => m(l.target.value),
|
|
65
|
+
onPressEnter: c
|
|
48
66
|
}
|
|
49
67
|
)
|
|
50
68
|
}
|
|
51
69
|
);
|
|
52
70
|
};
|
|
53
71
|
export {
|
|
54
|
-
|
|
72
|
+
q as default
|
|
55
73
|
};
|
|
56
74
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Filter/FilterInput/index.tsx"],"sourcesContent":["import { Input } from 'antd';\nimport React, { useEffect, useState } from 'react';\nimport FilterPopover from '../FilterPopover';\nimport { useFilterRegister } from '../useFilterState';\nimport type { BaseFilterProps } from '../types';\nimport { resolveHidden } from '../types';\n\ninterface FilterInputProps extends BaseFilterProps {\n value?: string;\n onChange?: (value: string | undefined) => void;\n placeholder?: string;\n}\n\nconst FilterInput: React.FC<FilterInputProps> = ({\n filterKey,\n label,\n value,\n onChange,\n placeholder,\n active,\n hidden,\n}) => {\n const [inputValue, setInputValue] = useState(value ?? '');\n\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Filter/FilterInput/index.tsx"],"sourcesContent":["import { Input } from 'antd';\nimport React, { useEffect, useRef, useState } from 'react';\nimport FilterPopover from '../FilterPopover';\nimport { useFilterFieldBridge, useFilterRegister } from '../useFilterState';\nimport type { BaseFilterProps } from '../types';\nimport { resolveHidden } from '../types';\n\ninterface FilterInputProps extends BaseFilterProps {\n value?: string;\n onChange?: (value: string | undefined) => void;\n placeholder?: string;\n}\n\nconst FilterInput: React.FC<FilterInputProps> = ({\n filterKey,\n label,\n value,\n onChange,\n placeholder,\n active,\n hidden,\n dependsOn,\n clearOnDepsChange = true,\n}) => {\n const [inputValue, setInputValue] = useState(value ?? '');\n\n const onChangeRef = useRef(onChange);\n onChangeRef.current = onChange;\n\n const { resolvedLabel } = useFilterFieldBridge({\n filterKey,\n value,\n label,\n dependsOn,\n clearOnDepsChange,\n onDepsClear: () => onChangeRef.current?.(undefined),\n });\n\n const registerFn = useFilterRegister();\n\n useEffect(() => {\n setInputValue(value ?? '');\n }, [value]);\n\n useEffect(() => {\n if (!registerFn) return;\n if (resolveHidden(hidden)) {\n registerFn.unregister(filterKey);\n return;\n }\n if (value) {\n registerFn.register(filterKey, {\n label: resolvedLabel,\n valueLabel: value,\n onRemove: () => onChange?.(undefined),\n });\n } else {\n registerFn.unregister(filterKey);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value, filterKey, resolvedLabel, hidden]);\n\n if (resolveHidden(hidden)) return null;\n\n const handleConfirm = () => {\n onChange?.(inputValue || undefined);\n };\n\n const handleReset = () => {\n setInputValue('');\n onChange?.(undefined);\n };\n\n return (\n <FilterPopover\n label={resolvedLabel}\n active={active || !!value}\n onConfirm={handleConfirm}\n onReset={handleReset}\n >\n <Input\n placeholder={placeholder ?? `请输入${resolvedLabel}`}\n allowClear\n value={inputValue}\n onChange={(e) => setInputValue(e.target.value)}\n onPressEnter={handleConfirm}\n />\n </FilterPopover>\n );\n};\n\nexport default FilterInput;\nexport type { FilterInputProps };\n"],"names":["FilterInput","filterKey","label","value","onChange","placeholder","active","hidden","dependsOn","clearOnDepsChange","inputValue","setInputValue","useState","onChangeRef","useRef","resolvedLabel","useFilterFieldBridge","_a","registerFn","useFilterRegister","useEffect","resolveHidden","handleConfirm","jsx","FilterPopover","Input","e"],"mappings":";;;;;;AAaA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,MAAM;AACJ,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAST,KAAS,EAAE,GAElDU,IAAcC,EAAOV,CAAQ;AACnC,EAAAS,EAAY,UAAUT;AAEtB,QAAM,EAAE,eAAAW,EAAA,IAAkBC,EAAqB;AAAA,IAC7C,WAAAf;AAAA,IACA,OAAAE;AAAA,IACA,OAAAD;AAAA,IACA,WAAAM;AAAA,IACA,mBAAAC;AAAA,IACA,aAAa,MAAA;;AAAM,cAAAQ,IAAAJ,EAAY,YAAZ,gBAAAI,EAAA,KAAAJ,GAAsB;AAAA;AAAA,EAAS,CACnD,GAEKK,IAAaC,EAAA;AAwBnB,MAtBAC,EAAU,MAAM;AACd,IAAAT,EAAcR,KAAS,EAAE;AAAA,EAC3B,GAAG,CAACA,CAAK,CAAC,GAEViB,EAAU,MAAM;AACd,QAAKF,GACL;AAAA,UAAIG,EAAcd,CAAM,GAAG;AACzB,QAAAW,EAAW,WAAWjB,CAAS;AAC/B;AAAA,MACF;AACA,MAAIE,IACFe,EAAW,SAASjB,GAAW;AAAA,QAC7B,OAAOc;AAAA,QACP,YAAYZ;AAAA,QACZ,UAAU,MAAMC,KAAA,gBAAAA,EAAW;AAAA,MAAS,CACrC,IAEDc,EAAW,WAAWjB,CAAS;AAAA;AAAA,EAGnC,GAAG,CAACE,GAAOF,GAAWc,GAAeR,CAAM,CAAC,GAExCc,EAAcd,CAAM,EAAG,QAAO;AAElC,QAAMe,IAAgB,MAAM;AAC1B,IAAAlB,KAAA,QAAAA,EAAWM,KAAc;AAAA,EAC3B;AAOA,SACE,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOT;AAAA,MACP,QAAQT,KAAU,CAAC,CAACH;AAAA,MACpB,WAAWmB;AAAA,MACX,SAVgB,MAAM;AACxB,QAAAX,EAAc,EAAE,GAChBP,KAAA,QAAAA,EAAW;AAAA,MACb;AAAA,MASI,UAAA,gBAAAmB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,aAAapB,KAAe,MAAMU,CAAa;AAAA,UAC/C,YAAU;AAAA,UACV,OAAOL;AAAA,UACP,UAAU,CAACgB,MAAMf,EAAce,EAAE,OAAO,KAAK;AAAA,UAC7C,cAAcJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA;AAGN;"}
|
|
@@ -6,6 +6,14 @@ interface FilterNumberRangeProps extends BaseFilterProps {
|
|
|
6
6
|
unit?: string;
|
|
7
7
|
minPlaceholder?: string;
|
|
8
8
|
maxPlaceholder?: string;
|
|
9
|
+
/** 绝对值下限(左右输入框共用) */
|
|
10
|
+
min?: number;
|
|
11
|
+
/** 绝对值上限(左右输入框共用) */
|
|
12
|
+
max?: number;
|
|
13
|
+
/** 小数位数 */
|
|
14
|
+
precision?: number;
|
|
15
|
+
/** 步进;未传且有 precision 时按 10^-precision 推导 */
|
|
16
|
+
step?: number;
|
|
9
17
|
}
|
|
10
18
|
declare const FilterNumberRange: React.FC<FilterNumberRangeProps>;
|
|
11
19
|
export default FilterNumberRange;
|
|
@@ -1,81 +1,155 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import {
|
|
3
|
-
import { useState as
|
|
4
|
-
import
|
|
5
|
-
import { useFilterRegister as
|
|
6
|
-
import { resolveHidden as
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
import { jsx as d, jsxs as $ } from "react/jsx-runtime";
|
|
2
|
+
import { InputNumber as j, message as G } from "antd";
|
|
3
|
+
import { useState as S, useRef as J, useEffect as w, useMemo as O } from "react";
|
|
4
|
+
import Q from "../FilterPopover/index.js";
|
|
5
|
+
import { useFilterFieldBridge as U, useFilterRegister as W } from "../useFilterState.js";
|
|
6
|
+
import { resolveHidden as z } from "../types.js";
|
|
7
|
+
import f from "./style.module.scss.js";
|
|
8
|
+
import c from "classnames";
|
|
9
|
+
function L(s, i) {
|
|
10
|
+
return i != null && i >= 0 ? s.toFixed(i) : String(s);
|
|
11
|
+
}
|
|
12
|
+
function X(s, i) {
|
|
13
|
+
if (s != null) return s;
|
|
14
|
+
if (i != null && i >= 0) return 10 ** -i;
|
|
15
|
+
}
|
|
16
|
+
const rr = ({
|
|
17
|
+
filterKey: s,
|
|
18
|
+
label: i,
|
|
12
19
|
value: r,
|
|
13
20
|
onChange: t,
|
|
14
|
-
unit:
|
|
15
|
-
minPlaceholder:
|
|
16
|
-
maxPlaceholder:
|
|
17
|
-
|
|
18
|
-
|
|
21
|
+
unit: u,
|
|
22
|
+
minPlaceholder: T = "最低...",
|
|
23
|
+
maxPlaceholder: B = "最高...",
|
|
24
|
+
min: V,
|
|
25
|
+
max: g,
|
|
26
|
+
precision: o,
|
|
27
|
+
step: D,
|
|
28
|
+
active: H,
|
|
29
|
+
hidden: N,
|
|
30
|
+
dependsOn: I,
|
|
31
|
+
clearOnDepsChange: P = !0
|
|
19
32
|
}) => {
|
|
20
|
-
const [
|
|
21
|
-
|
|
22
|
-
|
|
33
|
+
const [l, x] = S(r == null ? void 0 : r[0]), [m, a] = S(r == null ? void 0 : r[1]), [E, n] = S(""), M = X(D, o), b = J(t);
|
|
34
|
+
b.current = t;
|
|
35
|
+
const { resolvedLabel: F } = U({
|
|
36
|
+
filterKey: s,
|
|
37
|
+
value: r,
|
|
38
|
+
label: i,
|
|
39
|
+
dependsOn: I,
|
|
40
|
+
clearOnDepsChange: P,
|
|
41
|
+
onDepsClear: () => {
|
|
42
|
+
var e;
|
|
43
|
+
return (e = b.current) == null ? void 0 : e.call(b, null);
|
|
44
|
+
}
|
|
45
|
+
}), p = W();
|
|
46
|
+
w(() => {
|
|
47
|
+
x(r == null ? void 0 : r[0]), a(r == null ? void 0 : r[1]), n("");
|
|
23
48
|
}, [r]);
|
|
24
|
-
const
|
|
25
|
-
if (
|
|
26
|
-
const e =
|
|
27
|
-
return `${e} ~ ${
|
|
28
|
-
}, [
|
|
29
|
-
if (
|
|
30
|
-
if (
|
|
31
|
-
if (
|
|
32
|
-
|
|
49
|
+
const R = O(() => {
|
|
50
|
+
if (l === void 0 && m === void 0) return "";
|
|
51
|
+
const e = l !== void 0 ? L(l, o) : "—", A = m !== void 0 ? L(m, o) : "—";
|
|
52
|
+
return `${e} ~ ${A}${u ?? ""}`;
|
|
53
|
+
}, [l, m, u, o]);
|
|
54
|
+
if (w(() => {
|
|
55
|
+
if (p) {
|
|
56
|
+
if (z(N)) {
|
|
57
|
+
p.unregister(s);
|
|
33
58
|
return;
|
|
34
59
|
}
|
|
35
|
-
|
|
60
|
+
R ? p.register(s, {
|
|
61
|
+
label: F,
|
|
62
|
+
valueLabel: R,
|
|
63
|
+
onRemove: () => t == null ? void 0 : t(null)
|
|
64
|
+
}) : p.unregister(s);
|
|
65
|
+
}
|
|
66
|
+
}, [R, s, F, N]), z(N)) return null;
|
|
67
|
+
const k = () => {
|
|
68
|
+
if (l !== void 0 && m !== void 0 && l > m) {
|
|
69
|
+
const e = "最小值不能大于最大值";
|
|
70
|
+
return n(e), G.warning(e), !1;
|
|
36
71
|
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}, z = () => {
|
|
41
|
-
p(void 0), l(void 0), t == null || t(null);
|
|
72
|
+
n(""), l !== void 0 || m !== void 0 ? t == null || t([l, m]) : t == null || t(null);
|
|
73
|
+
}, q = () => {
|
|
74
|
+
x(void 0), a(void 0), n(""), t == null || t(null);
|
|
42
75
|
};
|
|
43
|
-
return /* @__PURE__ */
|
|
44
|
-
|
|
76
|
+
return /* @__PURE__ */ d(
|
|
77
|
+
Q,
|
|
45
78
|
{
|
|
46
|
-
label:
|
|
47
|
-
active:
|
|
48
|
-
onConfirm:
|
|
49
|
-
onReset:
|
|
79
|
+
label: F,
|
|
80
|
+
active: H || !!(r != null && r[0]) || !!(r != null && r[1]),
|
|
81
|
+
onConfirm: k,
|
|
82
|
+
onReset: q,
|
|
50
83
|
width: 380,
|
|
51
|
-
children: /* @__PURE__ */
|
|
52
|
-
/* @__PURE__ */
|
|
53
|
-
|
|
84
|
+
children: /* @__PURE__ */ $("div", { className: c("filter-number-range-body", f["filter-number-range-body"]), children: [
|
|
85
|
+
/* @__PURE__ */ $(
|
|
86
|
+
"div",
|
|
54
87
|
{
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
88
|
+
className: c("filter-number-range-inputs", f["filter-number-range-inputs"]),
|
|
89
|
+
children: [
|
|
90
|
+
/* @__PURE__ */ d(
|
|
91
|
+
j,
|
|
92
|
+
{
|
|
93
|
+
size: "middle",
|
|
94
|
+
placeholder: T,
|
|
95
|
+
value: l,
|
|
96
|
+
min: V,
|
|
97
|
+
max: g,
|
|
98
|
+
precision: o,
|
|
99
|
+
step: M,
|
|
100
|
+
onChange: (e) => {
|
|
101
|
+
x(e === null ? void 0 : e), n("");
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
),
|
|
105
|
+
/* @__PURE__ */ d(
|
|
106
|
+
"span",
|
|
107
|
+
{
|
|
108
|
+
className: c(
|
|
109
|
+
"filter-number-range-separator",
|
|
110
|
+
f["filter-number-range-separator"]
|
|
111
|
+
),
|
|
112
|
+
children: "-"
|
|
113
|
+
}
|
|
114
|
+
),
|
|
115
|
+
/* @__PURE__ */ d(
|
|
116
|
+
j,
|
|
117
|
+
{
|
|
118
|
+
size: "middle",
|
|
119
|
+
placeholder: B,
|
|
120
|
+
value: m,
|
|
121
|
+
min: V,
|
|
122
|
+
max: g,
|
|
123
|
+
precision: o,
|
|
124
|
+
step: M,
|
|
125
|
+
onChange: (e) => {
|
|
126
|
+
a(e === null ? void 0 : e), n("");
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
),
|
|
130
|
+
u ? /* @__PURE__ */ d(
|
|
131
|
+
"span",
|
|
132
|
+
{
|
|
133
|
+
className: c("filter-number-range-unit", f["filter-number-range-unit"]),
|
|
134
|
+
children: u
|
|
135
|
+
}
|
|
136
|
+
) : null
|
|
137
|
+
]
|
|
60
138
|
}
|
|
61
139
|
),
|
|
62
|
-
/* @__PURE__ */
|
|
63
|
-
|
|
64
|
-
x,
|
|
140
|
+
E ? /* @__PURE__ */ d(
|
|
141
|
+
"div",
|
|
65
142
|
{
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
value: s,
|
|
70
|
-
onChange: (e) => l(e.target.value ? Number(e.target.value) : void 0)
|
|
143
|
+
className: c("filter-number-range-error", f["filter-number-range-error"]),
|
|
144
|
+
role: "alert",
|
|
145
|
+
children: E
|
|
71
146
|
}
|
|
72
|
-
)
|
|
73
|
-
d && /* @__PURE__ */ m("span", { className: N("filter-number-range-unit", u["filter-number-range-unit"]), children: d })
|
|
147
|
+
) : null
|
|
74
148
|
] })
|
|
75
149
|
}
|
|
76
150
|
);
|
|
77
151
|
};
|
|
78
152
|
export {
|
|
79
|
-
|
|
153
|
+
rr as default
|
|
80
154
|
};
|
|
81
155
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Filter/FilterNumberRange/index.tsx"],"sourcesContent":["import { Input } from 'antd';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport FilterPopover from '../FilterPopover';\nimport { useFilterRegister } from '../useFilterState';\nimport type { BaseFilterProps } from '../types';\nimport { resolveHidden } from '../types';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\ninterface FilterNumberRangeProps extends BaseFilterProps {\n value?: [number | undefined, number | undefined] | null;\n onChange?: (value: [number | undefined, number | undefined] | null) => void;\n unit?: string;\n minPlaceholder?: string;\n maxPlaceholder?: string;\n}\n\nconst FilterNumberRange: React.FC<FilterNumberRangeProps> = ({\n filterKey,\n label,\n value,\n onChange,\n unit,\n minPlaceholder = '最低...',\n maxPlaceholder = '最高...',\n active,\n hidden,\n}) => {\n const [minVal, setMinVal] = useState<number | undefined>(value?.[0]);\n const [maxVal, setMaxVal] = useState<number | undefined>(value?.[1]);\n\n // ── 自动注册到 CommonFilter ──\n const registerFn = useFilterRegister();\n\n // 同步外部 value 到内部 minVal/maxVal\n useEffect(() => {\n setMinVal(value?.[0]);\n setMaxVal(value?.[1]);\n }, [value]);\n\n const valueLabel = useMemo(() => {\n if (minVal === undefined && maxVal === undefined) return '';\n const min = minVal !== undefined ? String(minVal) : '—';\n const max = maxVal !== undefined ? String(maxVal) : '—';\n return `${min} ~ ${max}${unit ?? ''}`;\n }, [minVal, maxVal, unit]);\n\n useEffect(() => {\n if (!registerFn) return;\n if (resolveHidden(hidden)) {\n registerFn.unregister(filterKey);\n return;\n }\n if (valueLabel) {\n registerFn.register(filterKey, { label, valueLabel, onRemove: () => onChange?.(null) });\n } else {\n registerFn.unregister(filterKey);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [valueLabel, filterKey, label, hidden]);\n\n // hidden 处理 - 必须在所有 hooks 之后\n if (resolveHidden(hidden)) return null;\n\n const handleConfirm = () => {\n if (minVal !== undefined || maxVal !== undefined) {\n onChange?.([minVal, maxVal]);\n } else {\n onChange?.(null);\n }\n };\n\n const handleReset = () => {\n setMinVal(undefined);\n setMaxVal(undefined);\n onChange?.(null);\n };\n\n return (\n <FilterPopover\n label={label}\n active={active || !!value?.[0] || !!value?.[1]}\n onConfirm={handleConfirm}\n onReset={handleReset}\n width={380}\n >\n <div className={classNames('filter-number-range-inputs', styles['filter-number-range-inputs'])}>\n <Input\n size=\"middle\"\n placeholder={minPlaceholder}\n type=\"number\"\n value={minVal}\n onChange={(e) => setMinVal(e.target.value ? Number(e.target.value) : undefined)}\n />\n <span className={classNames('filter-number-range-separator', styles['filter-number-range-separator'])}>-</span>\n <Input\n size=\"middle\"\n placeholder={maxPlaceholder}\n type=\"number\"\n value={maxVal}\n onChange={(e) => setMaxVal(e.target.value ? Number(e.target.value) : undefined)}\n />\n {unit && <span className={classNames('filter-number-range-unit', styles['filter-number-range-unit'])}>{unit}</span>}\n </div>\n </FilterPopover>\n );\n};\n\nexport default FilterNumberRange;\nexport type { FilterNumberRangeProps };\n"],"names":["FilterNumberRange","filterKey","label","value","onChange","unit","minPlaceholder","maxPlaceholder","active","hidden","minVal","setMinVal","useState","maxVal","setMaxVal","registerFn","useFilterRegister","useEffect","valueLabel","useMemo","min","max","resolveHidden","handleConfirm","handleReset","jsx","FilterPopover","jsxs","classNames","styles","Input"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Filter/FilterNumberRange/index.tsx"],"sourcesContent":["import { InputNumber, message } from 'antd';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport FilterPopover from '../FilterPopover';\nimport { useFilterFieldBridge, useFilterRegister } from '../useFilterState';\nimport type { BaseFilterProps } from '../types';\nimport { resolveHidden } from '../types';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\ninterface FilterNumberRangeProps extends BaseFilterProps {\n value?: [number | undefined, number | undefined] | null;\n onChange?: (value: [number | undefined, number | undefined] | null) => void;\n unit?: string;\n minPlaceholder?: string;\n maxPlaceholder?: string;\n /** 绝对值下限(左右输入框共用) */\n min?: number;\n /** 绝对值上限(左右输入框共用) */\n max?: number;\n /** 小数位数 */\n precision?: number;\n /** 步进;未传且有 precision 时按 10^-precision 推导 */\n step?: number;\n}\n\nfunction formatNumber(n: number, precision?: number): string {\n if (precision != null && precision >= 0) return n.toFixed(precision);\n return String(n);\n}\n\nfunction resolveStep(step: number | undefined, precision: number | undefined): number | undefined {\n if (step != null) return step;\n if (precision != null && precision >= 0) return 10 ** -precision;\n return undefined;\n}\n\nconst FilterNumberRange: React.FC<FilterNumberRangeProps> = ({\n filterKey,\n label,\n value,\n onChange,\n unit,\n minPlaceholder = '最低...',\n maxPlaceholder = '最高...',\n min,\n max,\n precision,\n step,\n active,\n hidden,\n dependsOn,\n clearOnDepsChange = true,\n}) => {\n const [minVal, setMinVal] = useState<number | undefined>(value?.[0]);\n const [maxVal, setMaxVal] = useState<number | undefined>(value?.[1]);\n const [rangeError, setRangeError] = useState('');\n\n const resolvedStep = resolveStep(step, precision);\n\n const onChangeRef = useRef(onChange);\n onChangeRef.current = onChange;\n\n const { resolvedLabel } = useFilterFieldBridge({\n filterKey,\n value,\n label,\n dependsOn,\n clearOnDepsChange,\n onDepsClear: () => onChangeRef.current?.(null),\n });\n\n // ── 自动注册到 CommonFilter ──\n const registerFn = useFilterRegister();\n\n // 同步外部 value 到内部 minVal/maxVal\n useEffect(() => {\n setMinVal(value?.[0]);\n setMaxVal(value?.[1]);\n setRangeError('');\n }, [value]);\n\n const valueLabel = useMemo(() => {\n if (minVal === undefined && maxVal === undefined) return '';\n const minText = minVal !== undefined ? formatNumber(minVal, precision) : '—';\n const maxText = maxVal !== undefined ? formatNumber(maxVal, precision) : '—';\n return `${minText} ~ ${maxText}${unit ?? ''}`;\n }, [minVal, maxVal, unit, precision]);\n\n useEffect(() => {\n if (!registerFn) return;\n if (resolveHidden(hidden)) {\n registerFn.unregister(filterKey);\n return;\n }\n if (valueLabel) {\n registerFn.register(filterKey, {\n label: resolvedLabel,\n valueLabel,\n onRemove: () => onChange?.(null),\n });\n } else {\n registerFn.unregister(filterKey);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [valueLabel, filterKey, resolvedLabel, hidden]);\n\n // hidden 处理 - 必须在所有 hooks 之后\n if (resolveHidden(hidden)) return null;\n\n const handleConfirm = (): boolean | void => {\n if (minVal !== undefined && maxVal !== undefined && minVal > maxVal) {\n const msg = '最小值不能大于最大值';\n setRangeError(msg);\n message.warning(msg);\n return false;\n }\n setRangeError('');\n if (minVal !== undefined || maxVal !== undefined) {\n onChange?.([minVal, maxVal]);\n } else {\n onChange?.(null);\n }\n };\n\n const handleReset = () => {\n setMinVal(undefined);\n setMaxVal(undefined);\n setRangeError('');\n onChange?.(null);\n };\n\n return (\n <FilterPopover\n label={resolvedLabel}\n active={active || !!value?.[0] || !!value?.[1]}\n onConfirm={handleConfirm}\n onReset={handleReset}\n width={380}\n >\n <div className={classNames('filter-number-range-body', styles['filter-number-range-body'])}>\n <div\n className={classNames('filter-number-range-inputs', styles['filter-number-range-inputs'])}\n >\n <InputNumber\n size=\"middle\"\n placeholder={minPlaceholder}\n value={minVal}\n min={min}\n max={max}\n precision={precision}\n step={resolvedStep}\n onChange={(v) => {\n setMinVal(v === null ? undefined : v);\n setRangeError('');\n }}\n />\n <span\n className={classNames(\n 'filter-number-range-separator',\n styles['filter-number-range-separator'],\n )}\n >\n -\n </span>\n <InputNumber\n size=\"middle\"\n placeholder={maxPlaceholder}\n value={maxVal}\n min={min}\n max={max}\n precision={precision}\n step={resolvedStep}\n onChange={(v) => {\n setMaxVal(v === null ? undefined : v);\n setRangeError('');\n }}\n />\n {unit ? (\n <span\n className={classNames('filter-number-range-unit', styles['filter-number-range-unit'])}\n >\n {unit}\n </span>\n ) : null}\n </div>\n {rangeError ? (\n <div\n className={classNames('filter-number-range-error', styles['filter-number-range-error'])}\n role=\"alert\"\n >\n {rangeError}\n </div>\n ) : null}\n </div>\n </FilterPopover>\n );\n};\n\nexport default FilterNumberRange;\nexport type { FilterNumberRangeProps };\n"],"names":["formatNumber","n","precision","resolveStep","step","FilterNumberRange","filterKey","label","value","onChange","unit","minPlaceholder","maxPlaceholder","min","max","active","hidden","dependsOn","clearOnDepsChange","minVal","setMinVal","useState","maxVal","setMaxVal","rangeError","setRangeError","resolvedStep","onChangeRef","useRef","resolvedLabel","useFilterFieldBridge","_a","registerFn","useFilterRegister","useEffect","valueLabel","useMemo","minText","maxText","resolveHidden","handleConfirm","msg","message","handleReset","jsx","FilterPopover","jsxs","classNames","styles","InputNumber","v"],"mappings":"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"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
"filter-number-range-
|
|
3
|
-
"filter-number-range-
|
|
4
|
-
"filter-number-range-
|
|
1
|
+
const r = {
|
|
2
|
+
"filter-number-range-body": "_filter-number-range-body_hv0kp_1",
|
|
3
|
+
"filter-number-range-inputs": "_filter-number-range-inputs_hv0kp_7",
|
|
4
|
+
"filter-number-range-separator": "_filter-number-range-separator_hv0kp_13",
|
|
5
|
+
"filter-number-range-unit": "_filter-number-range-unit_hv0kp_17",
|
|
6
|
+
"filter-number-range-error": "_filter-number-range-error_hv0kp_22"
|
|
5
7
|
};
|
|
6
8
|
export {
|
|
7
|
-
|
|
9
|
+
r as default
|
|
8
10
|
};
|
|
9
11
|
//# sourceMappingURL=style.module.scss.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"style.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
|
@@ -14,8 +14,8 @@ interface FilterPopoverProps {
|
|
|
14
14
|
open?: boolean;
|
|
15
15
|
/** 打开状态变更回调 */
|
|
16
16
|
onOpenChange?: (open: boolean) => void;
|
|
17
|
-
/**
|
|
18
|
-
onConfirm?: () => void;
|
|
17
|
+
/** 确认回调(不传则无确定/取消按钮);返回 `false` 时不关闭弹层 */
|
|
18
|
+
onConfirm?: () => void | boolean;
|
|
19
19
|
/** 取消回调 */
|
|
20
20
|
onReset?: () => void;
|
|
21
21
|
}
|
|
@@ -4,8 +4,8 @@ import { useState as h } from "react";
|
|
|
4
4
|
import v from "../FilterPanel/index.js";
|
|
5
5
|
import x from "../FilterTrigger/index.js";
|
|
6
6
|
const I = ({
|
|
7
|
-
label:
|
|
8
|
-
active:
|
|
7
|
+
label: a,
|
|
8
|
+
active: p,
|
|
9
9
|
width: i,
|
|
10
10
|
confirmText: d = "确定",
|
|
11
11
|
children: c,
|
|
@@ -14,13 +14,13 @@ const I = ({
|
|
|
14
14
|
onConfirm: t,
|
|
15
15
|
onReset: e
|
|
16
16
|
}) => {
|
|
17
|
-
const [f, u] = h(!1),
|
|
18
|
-
u(
|
|
17
|
+
const [f, u] = h(!1), n = m ?? f, o = (s) => {
|
|
18
|
+
u(s), l == null || l(s);
|
|
19
19
|
};
|
|
20
20
|
return /* @__PURE__ */ r(
|
|
21
21
|
y,
|
|
22
22
|
{
|
|
23
|
-
open:
|
|
23
|
+
open: n,
|
|
24
24
|
onOpenChange: o,
|
|
25
25
|
trigger: "click",
|
|
26
26
|
placement: "bottomLeft",
|
|
@@ -32,7 +32,7 @@ const I = ({
|
|
|
32
32
|
v,
|
|
33
33
|
{
|
|
34
34
|
onConfirm: t ? () => {
|
|
35
|
-
t == null
|
|
35
|
+
(t == null ? void 0 : t()) !== !1 && o(!1);
|
|
36
36
|
} : void 0,
|
|
37
37
|
onReset: e ? () => {
|
|
38
38
|
e == null || e(), o(!1);
|
|
@@ -42,7 +42,7 @@ const I = ({
|
|
|
42
42
|
children: c
|
|
43
43
|
}
|
|
44
44
|
),
|
|
45
|
-
children: /* @__PURE__ */ r("span", { style: { display: "inline-flex" }, children: /* @__PURE__ */ r(x, { label:
|
|
45
|
+
children: /* @__PURE__ */ r("span", { style: { display: "inline-flex" }, children: /* @__PURE__ */ r(x, { label: a, active: p, open: n }) })
|
|
46
46
|
}
|
|
47
47
|
);
|
|
48
48
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Filter/FilterPopover/index.tsx"],"sourcesContent":["import { Popover } from 'antd';\nimport React, { useState } from 'react';\nimport FilterPanel from '../FilterPanel';\nimport FilterTrigger from '../FilterTrigger';\n\ninterface FilterPopoverProps {\n /** 筛选项标签 */\n label: string;\n /** 是否有值(控制选中态样式) */\n active?: boolean;\n /** 面板宽度 */\n width?: number;\n /** 确定按钮文字 */\n confirmText?: string;\n /** 面板内容 */\n children: React.ReactNode;\n /** 受控打开状态(传入则由外部控制) */\n open?: boolean;\n /** 打开状态变更回调 */\n onOpenChange?: (open: boolean) => void;\n /**
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Filter/FilterPopover/index.tsx"],"sourcesContent":["import { Popover } from 'antd';\nimport React, { useState } from 'react';\nimport FilterPanel from '../FilterPanel';\nimport FilterTrigger from '../FilterTrigger';\n\ninterface FilterPopoverProps {\n /** 筛选项标签 */\n label: string;\n /** 是否有值(控制选中态样式) */\n active?: boolean;\n /** 面板宽度 */\n width?: number;\n /** 确定按钮文字 */\n confirmText?: string;\n /** 面板内容 */\n children: React.ReactNode;\n /** 受控打开状态(传入则由外部控制) */\n open?: boolean;\n /** 打开状态变更回调 */\n onOpenChange?: (open: boolean) => void;\n /** 确认回调(不传则无确定/取消按钮);返回 `false` 时不关闭弹层 */\n onConfirm?: () => void | boolean;\n /** 取消回调 */\n onReset?: () => void;\n}\n\nconst FilterPopover: React.FC<FilterPopoverProps> = ({\n label,\n active,\n width,\n confirmText = '确定',\n children,\n open: controlledOpen,\n onOpenChange,\n onConfirm,\n onReset,\n}) => {\n const [internalOpen, setInternalOpen] = useState(false);\n const open = controlledOpen ?? internalOpen;\n\n const setOpen = (value: boolean) => {\n setInternalOpen(value);\n onOpenChange?.(value);\n };\n\n const handleConfirm = () => {\n const result = onConfirm?.();\n if (result === false) return;\n setOpen(false);\n };\n\n const handleReset = () => {\n onReset?.();\n setOpen(false);\n };\n\n return (\n <Popover\n open={open}\n onOpenChange={setOpen}\n trigger=\"click\"\n placement=\"bottomLeft\"\n destroyOnHidden\n classNames={{ root: 'filter-popover-panel' }}\n styles={{ content: { maxWidth: width || 300, padding: 0 } }}\n getPopupContainer={() => document.body}\n content={\n <FilterPanel\n onConfirm={onConfirm ? handleConfirm : undefined}\n onReset={onReset ? handleReset : undefined}\n confirmText={confirmText}\n width={width || 300}\n >\n {children}\n </FilterPanel>\n }\n >\n <span style={{ display: 'inline-flex' }}>\n <FilterTrigger label={label} active={active} open={open} />\n </span>\n </Popover>\n );\n};\n\nexport default FilterPopover;\nexport type { FilterPopoverProps };\n"],"names":["FilterPopover","label","active","width","confirmText","children","controlledOpen","onOpenChange","onConfirm","onReset","internalOpen","setInternalOpen","useState","open","setOpen","value","jsx","Popover","FilterPanel","FilterTrigger"],"mappings":";;;;;AA0BA,MAAMA,IAA8C,CAAC;AAAA,EACnD,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,MAAMC;AAAA,EACN,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAChDC,IAAOP,KAAkBI,GAEzBI,IAAU,CAACC,MAAmB;AAClC,IAAAJ,EAAgBI,CAAK,GACrBR,KAAA,QAAAA,EAAeQ;AAAA,EACjB;AAaA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAJ;AAAA,MACA,cAAcC;AAAA,MACd,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,iBAAe;AAAA,MACf,YAAY,EAAE,MAAM,uBAAA;AAAA,MACpB,QAAQ,EAAE,SAAS,EAAE,UAAUX,KAAS,KAAK,SAAS,IAAE;AAAA,MACxD,mBAAmB,MAAM,SAAS;AAAA,MAClC,SACE,gBAAAa;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,WAAWV,IAvBG,MAAM;AAE1B,aADeA,KAAA,gBAAAA,SACA,MACfM,EAAQ,EAAK;AAAA,UACf,IAmB+C;AAAA,UACvC,SAASL,IAlBG,MAAM;AACxB,YAAAA,KAAA,QAAAA,KACAK,EAAQ,EAAK;AAAA,UACf,IAeyC;AAAA,UACjC,aAAAV;AAAA,UACA,OAAOD,KAAS;AAAA,UAEf,UAAAE;AAAA,QAAA;AAAA,MAAA;AAAA,MAIL,UAAA,gBAAAW,EAAC,QAAA,EAAK,OAAO,EAAE,SAAS,cAAA,GACtB,UAAA,gBAAAA,EAACG,GAAA,EAAc,OAAAlB,GAAc,QAAAC,GAAgB,MAAAW,EAAA,CAAY,EAAA,CAC3D;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { BaseFilterProps, FilterOption } from '../types';
|
|
2
|
+
import { BaseFilterProps, FilterLoadDataContext, FilterOption } from '../types';
|
|
3
3
|
type FilterSelectValue = string | number | (string | number)[] | undefined;
|
|
4
4
|
export type { FilterSelectValue };
|
|
5
5
|
interface FilterSelectProps extends BaseFilterProps {
|
|
6
|
-
options
|
|
6
|
+
/** 静态选项;与 loadData 二选一(同时存在时以 options 为准) */
|
|
7
|
+
options?: FilterOption[];
|
|
8
|
+
/** 按依赖值动态拉取选项 */
|
|
9
|
+
loadData?: (ctx: FilterLoadDataContext) => Promise<FilterOption[]>;
|
|
10
|
+
/** loadData 是否启用;默认 true */
|
|
11
|
+
enabled?: boolean;
|
|
7
12
|
value?: FilterSelectValue;
|
|
8
13
|
onChange?: (value: FilterSelectValue) => void;
|
|
9
14
|
/** 默认值:与默认值相同时视为未筛选(除非 showDefaultAsSelected) */
|
|
@@ -20,6 +25,13 @@ interface FilterSelectProps extends BaseFilterProps {
|
|
|
20
25
|
minSelection?: number;
|
|
21
26
|
/** 人员选项:展示部门与联系方式 */
|
|
22
27
|
variant?: 'default' | 'person';
|
|
28
|
+
/**
|
|
29
|
+
* 面板内嵌从属条件(与 search 同层:search 下方、选项列表上方)。
|
|
30
|
+
* 禁止再嵌 Filter*(双重 Popover)。
|
|
31
|
+
*/
|
|
32
|
+
panelExtra?: React.ReactNode;
|
|
33
|
+
/** 面板宽度;有 panelExtra 时默认 460 */
|
|
34
|
+
panelWidth?: number;
|
|
23
35
|
}
|
|
24
36
|
declare const FilterSelect: React.FC<FilterSelectProps>;
|
|
25
37
|
export default FilterSelect;
|