@hkyhy/marsun-components-core 0.1.67 → 0.1.69
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/FlexBox/FlexBox.d.ts +7 -0
- package/dist/components/FlexBox/FlexBox.js +43 -0
- package/dist/components/FlexBox/FlexBox.js.map +1 -0
- package/dist/components/FlexBox/FlexBoxFetch.d.ts +3 -0
- package/dist/components/FlexBox/FlexBoxFetch.js +92 -0
- package/dist/components/FlexBox/FlexBoxFetch.js.map +1 -0
- package/dist/components/FlexBox/FlexBoxView.d.ts +18 -0
- package/dist/components/FlexBox/FlexBoxView.js +42 -0
- package/dist/components/FlexBox/FlexBoxView.js.map +1 -0
- package/dist/components/FlexBox/defaultColumns.d.ts +7 -0
- package/dist/components/FlexBox/defaultColumns.js +26 -0
- package/dist/components/FlexBox/defaultColumns.js.map +1 -0
- package/dist/components/FlexBox/index.d.ts +79 -0
- package/dist/components/FlexBox/useFlexBox.d.ts +5 -0
- package/dist/components/FlexBox/useFlexBox.js +19 -0
- package/dist/components/FlexBox/useFlexBox.js.map +1 -0
- package/dist/components/Form/FormDataSync.d.ts +3 -0
- package/dist/components/Form/FormDataSync.js +29 -15
- package/dist/components/Form/FormDataSync.js.map +1 -1
- package/dist/components/Form/InputRange.d.ts +19 -0
- package/dist/components/Form/InputRange.js +84 -0
- package/dist/components/Form/InputRange.js.map +1 -0
- package/dist/components/Form/InputRange.module.scss.js +9 -0
- package/dist/components/Form/InputRange.module.scss.js.map +1 -0
- package/dist/components/Form/index.d.ts +4 -0
- package/dist/components/Form/inputRangeRules.d.ts +15 -0
- package/dist/components/Form/inputRangeRules.js +23 -0
- package/dist/components/Form/inputRangeRules.js.map +1 -0
- package/dist/components/Form/kneFormInfo.js +7 -7
- package/dist/components/FormInfo/ErrorTip.d.ts +7 -0
- package/dist/components/FormInfo/ErrorTip.js +89 -0
- package/dist/components/FormInfo/ErrorTip.js.map +1 -0
- package/dist/components/FormInfo/Form.d.ts +7 -0
- package/dist/components/FormInfo/Form.js +23 -0
- package/dist/components/FormInfo/Form.js.map +1 -0
- package/dist/components/FormInfo/FormApiButton.d.ts +7 -0
- package/dist/components/FormInfo/FormApiButton.js +28 -0
- package/dist/components/FormInfo/FormApiButton.js.map +1 -0
- package/dist/components/FormInfo/FormDrawer.d.ts +9 -0
- package/dist/components/FormInfo/FormDrawer.js +42 -0
- package/dist/components/FormInfo/FormDrawer.js.map +1 -0
- package/dist/components/FormInfo/FormInfo.d.ts +4 -0
- package/dist/components/FormInfo/FormInfo.js +61 -0
- package/dist/components/FormInfo/FormInfo.js.map +1 -0
- package/dist/components/FormInfo/FormItem.d.ts +4 -0
- package/dist/components/FormInfo/FormItem.js +10 -0
- package/dist/components/FormInfo/FormItem.js.map +1 -0
- package/dist/components/FormInfo/FormModal.d.ts +11 -0
- package/dist/components/FormInfo/FormModal.js +43 -0
- package/dist/components/FormInfo/FormModal.js.map +1 -0
- package/dist/components/FormInfo/FormSteps.d.ts +9 -0
- package/dist/components/FormInfo/FormSteps.js +96 -0
- package/dist/components/FormInfo/FormSteps.js.map +1 -0
- package/dist/components/FormInfo/FormStepsModal.d.ts +14 -0
- package/dist/components/FormInfo/FormStepsModal.js +96 -0
- package/dist/components/FormInfo/FormStepsModal.js.map +1 -0
- package/dist/components/FormInfo/List.d.ts +6 -0
- package/dist/components/FormInfo/List.js +180 -0
- package/dist/components/FormInfo/List.js.map +1 -0
- package/dist/components/FormInfo/MultiField.d.ts +6 -0
- package/dist/components/FormInfo/MultiField.js +76 -0
- package/dist/components/FormInfo/MultiField.js.map +1 -0
- package/dist/components/FormInfo/Steps.d.ts +26 -0
- package/dist/components/FormInfo/Steps.js +178 -0
- package/dist/components/FormInfo/Steps.js.map +1 -0
- package/dist/components/FormInfo/TableList.d.ts +6 -0
- package/dist/components/FormInfo/TableList.js +216 -0
- package/dist/components/FormInfo/TableList.js.map +1 -0
- package/dist/components/FormInfo/buildFormOverlayProps.d.ts +27 -0
- package/dist/components/FormInfo/buildFormOverlayProps.js +55 -0
- package/dist/components/FormInfo/buildFormOverlayProps.js.map +1 -0
- package/dist/components/FormInfo/fields.d.ts +33 -0
- package/dist/components/FormInfo/fields.js +30 -0
- package/dist/components/FormInfo/fields.js.map +1 -0
- package/dist/components/FormInfo/index.d.ts +21 -0
- package/dist/components/FormInfo/locale/zh-CN.d.ts +16 -0
- package/dist/components/FormInfo/locale/zh-CN.js +17 -0
- package/dist/components/FormInfo/locale/zh-CN.js.map +1 -0
- package/dist/components/FormInfo/nestBlock.d.ts +15 -0
- package/dist/components/FormInfo/nestBlock.js +19 -0
- package/dist/components/FormInfo/nestBlock.js.map +1 -0
- package/dist/components/FormInfo/style.module.scss.js +57 -0
- package/dist/components/FormInfo/style.module.scss.js.map +1 -0
- package/dist/components/FormInfo/types.d.ts +213 -0
- package/dist/components/FormInfo/withLocale.d.ts +14 -0
- package/dist/components/FormInfo/withLocale.js +25 -0
- package/dist/components/FormInfo/withLocale.js.map +1 -0
- package/dist/components/InfoPage/CentralContent/boxComputed.d.ts +2 -0
- package/dist/components/InfoPage/CentralContent/boxComputed.js +15 -0
- package/dist/components/InfoPage/CentralContent/boxComputed.js.map +1 -0
- package/dist/components/InfoPage/CentralContent/index.d.ts +3 -0
- package/dist/components/InfoPage/CentralContent/index.js +102 -0
- package/dist/components/InfoPage/CentralContent/index.js.map +1 -0
- package/dist/components/InfoPage/CentralContent/style.module.scss.js +15 -0
- package/dist/components/InfoPage/CentralContent/style.module.scss.js.map +1 -0
- package/dist/components/InfoPage/Content/index.d.ts +16 -0
- package/dist/components/InfoPage/Content/index.js +72 -0
- package/dist/components/InfoPage/Content/index.js.map +1 -0
- package/dist/components/InfoPage/Content/style.module.scss.js +14 -0
- package/dist/components/InfoPage/Content/style.module.scss.js.map +1 -0
- package/dist/components/InfoPage/Descriptions/index.d.ts +9 -0
- package/dist/components/InfoPage/Descriptions/index.js +48 -0
- package/dist/components/InfoPage/Descriptions/index.js.map +1 -0
- package/dist/components/InfoPage/Descriptions/style.module.scss.js +11 -0
- package/dist/components/InfoPage/Descriptions/style.module.scss.js.map +1 -0
- package/dist/components/InfoPage/Flow/index.d.ts +9 -0
- package/dist/components/InfoPage/Flow/index.js +165 -0
- package/dist/components/InfoPage/Flow/index.js.map +1 -0
- package/dist/components/InfoPage/Flow/style.module.scss.js +19 -0
- package/dist/components/InfoPage/Flow/style.module.scss.js.map +1 -0
- package/dist/components/InfoPage/InfoPage/Collapse.d.ts +10 -0
- package/dist/components/InfoPage/InfoPage/Collapse.js +11 -0
- package/dist/components/InfoPage/InfoPage/Collapse.js.map +1 -0
- package/dist/components/InfoPage/InfoPage/index.d.ts +21 -0
- package/dist/components/InfoPage/InfoPage/index.js +35 -0
- package/dist/components/InfoPage/InfoPage/index.js.map +1 -0
- package/dist/components/InfoPage/InfoPage/style.module.scss.js +15 -0
- package/dist/components/InfoPage/InfoPage/style.module.scss.js.map +1 -0
- package/dist/components/InfoPage/Report/List.d.ts +6 -0
- package/dist/components/InfoPage/Report/List.js +26 -0
- package/dist/components/InfoPage/Report/List.js.map +1 -0
- package/dist/components/InfoPage/Report/Part.d.ts +6 -0
- package/dist/components/InfoPage/Report/Part.js +42 -0
- package/dist/components/InfoPage/Report/Part.js.map +1 -0
- package/dist/components/InfoPage/Report/PrintPageBreak.d.ts +3 -0
- package/dist/components/InfoPage/Report/PrintPageBreak.js +8 -0
- package/dist/components/InfoPage/Report/PrintPageBreak.js.map +1 -0
- package/dist/components/InfoPage/Report/Result.d.ts +6 -0
- package/dist/components/InfoPage/Report/Result.js +26 -0
- package/dist/components/InfoPage/Report/Result.js.map +1 -0
- package/dist/components/InfoPage/Report/Table.d.ts +6 -0
- package/dist/components/InfoPage/Report/Table.js +125 -0
- package/dist/components/InfoPage/Report/Table.js.map +1 -0
- package/dist/components/InfoPage/Report/index.d.ts +26 -0
- package/dist/components/InfoPage/Report/index.js +61 -0
- package/dist/components/InfoPage/Report/index.js.map +1 -0
- package/dist/components/InfoPage/Report/style.module.scss.js +47 -0
- package/dist/components/InfoPage/Report/style.module.scss.js.map +1 -0
- package/dist/components/InfoPage/Score/index.d.ts +8 -0
- package/dist/components/InfoPage/Score/index.js +50 -0
- package/dist/components/InfoPage/Score/index.js.map +1 -0
- package/dist/components/InfoPage/Score/style.module.scss.js +10 -0
- package/dist/components/InfoPage/Score/style.module.scss.js.map +1 -0
- package/dist/components/InfoPage/SplitLine/index.d.ts +17 -0
- package/dist/components/InfoPage/SplitLine/index.js +67 -0
- package/dist/components/InfoPage/SplitLine/index.js.map +1 -0
- package/dist/components/InfoPage/SplitLine/style.module.scss.js +8 -0
- package/dist/components/InfoPage/SplitLine/style.module.scss.js.map +1 -0
- package/dist/components/InfoPage/computeColumnsValue.d.ts +28 -0
- package/dist/components/InfoPage/computeColumnsValue.js +60 -0
- package/dist/components/InfoPage/computeColumnsValue.js.map +1 -0
- package/dist/components/InfoPage/formatView.d.ts +23 -0
- package/dist/components/InfoPage/formatView.js +119 -0
- package/dist/components/InfoPage/formatView.js.map +1 -0
- package/dist/components/InfoPage/index.d.ts +262 -0
- package/dist/components/OrgTree/OrgTree.js +103 -89
- package/dist/components/OrgTree/OrgTree.js.map +1 -1
- package/dist/components/ReactModal/ColumnsLayout.d.ts +7 -0
- package/dist/components/ReactModal/ColumnsLayout.js +20 -0
- package/dist/components/ReactModal/ColumnsLayout.js.map +1 -0
- package/dist/components/ReactModal/Drawer.d.ts +73 -0
- package/dist/components/ReactModal/Drawer.js +292 -0
- package/dist/components/ReactModal/Drawer.js.map +1 -0
- package/dist/components/ReactModal/Footer.d.ts +12 -0
- package/dist/components/ReactModal/Footer.js +53 -0
- package/dist/components/ReactModal/Footer.js.map +1 -0
- package/dist/components/ReactModal/Modal.d.ts +14 -0
- package/dist/components/ReactModal/Modal.js +366 -0
- package/dist/components/ReactModal/Modal.js.map +1 -0
- package/dist/components/ReactModal/ScrollRegion.d.ts +7 -0
- package/dist/components/ReactModal/ScrollRegion.js +22 -0
- package/dist/components/ReactModal/ScrollRegion.js.map +1 -0
- package/dist/components/ReactModal/SimpleBar.d.ts +2 -0
- package/dist/components/ReactModal/SimpleBar.js +7 -0
- package/dist/components/ReactModal/SimpleBar.js.map +1 -0
- package/dist/components/ReactModal/TabsLayout.d.ts +6 -0
- package/dist/components/ReactModal/TabsLayout.js +16 -0
- package/dist/components/ReactModal/TabsLayout.js.map +1 -0
- package/dist/components/ReactModal/confirmModal.module.scss.js +30 -0
- package/dist/components/ReactModal/confirmModal.module.scss.js.map +1 -0
- package/dist/components/ReactModal/createDrawerRender.d.ts +2 -0
- package/dist/components/ReactModal/createDrawerRender.js +7 -0
- package/dist/components/ReactModal/createDrawerRender.js.map +1 -0
- package/dist/components/ReactModal/createModalRender.d.ts +2 -0
- package/dist/components/ReactModal/createModalRender.js +7 -0
- package/dist/components/ReactModal/createModalRender.js.map +1 -0
- package/dist/components/ReactModal/drawer.module.scss.js +36 -0
- package/dist/components/ReactModal/drawer.module.scss.js.map +1 -0
- package/dist/components/ReactModal/index.d.ts +57 -0
- package/dist/components/ReactModal/intlStub.d.ts +15 -0
- package/dist/components/ReactModal/intlStub.js +21 -0
- package/dist/components/ReactModal/intlStub.js.map +1 -0
- package/dist/components/ReactModal/layouts.module.scss.js +12 -0
- package/dist/components/ReactModal/layouts.module.scss.js.map +1 -0
- package/dist/components/ReactModal/locale/en-US.d.ts +5 -0
- package/dist/components/ReactModal/locale/zh-CN.d.ts +5 -0
- package/dist/components/ReactModal/locale/zh-CN.js +8 -0
- package/dist/components/ReactModal/locale/zh-CN.js.map +1 -0
- package/dist/components/ReactModal/lockParentScroll.d.ts +3 -0
- package/dist/components/ReactModal/modalClassNames.d.ts +5 -0
- package/dist/components/ReactModal/modalClassNames.js +8 -0
- package/dist/components/ReactModal/modalClassNames.js.map +1 -0
- package/dist/components/ReactModal/style.module.scss.js +38 -0
- package/dist/components/ReactModal/style.module.scss.js.map +1 -0
- package/dist/components/ReactModal/useConfirmModal.d.ts +4 -0
- package/dist/components/ReactModal/useConfirmModal.js +161 -0
- package/dist/components/ReactModal/useConfirmModal.js.map +1 -0
- package/dist/components/ReactModal/useDrawer.d.ts +5 -0
- package/dist/components/ReactModal/useDrawer.js +123 -0
- package/dist/components/ReactModal/useDrawer.js.map +1 -0
- package/dist/components/ReactModal/usePatchElement.d.ts +2 -0
- package/dist/components/ReactModal/usePatchElement.js +11 -0
- package/dist/components/ReactModal/usePatchElement.js.map +1 -0
- package/dist/components/ReactModal/withLocale.d.ts +5 -0
- package/dist/components/ReactModal/withLocale.js +6 -0
- package/dist/components/ReactModal/withLocale.js.map +1 -0
- package/dist/components/VirtualScrollbar/VirtualScrollbar/index.d.ts +5 -0
- package/dist/components/VirtualScrollbar/VirtualScrollbar/index.js +75 -51
- package/dist/components/VirtualScrollbar/VirtualScrollbar/index.js.map +1 -1
- package/dist/components/index.d.ts +5 -0
- package/dist/form-info.d.ts +17 -0
- package/dist/form-info.js +68 -0
- package/dist/form-info.js.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +700 -632
- package/dist/index.js.map +1 -1
- package/dist/marsun-components-core.css +1 -1
- package/dist/styles/global.css +1 -1
- package/dist/utils/date.d.ts +4 -1
- package/dist/utils/date.js +35 -27
- package/dist/utils/date.js.map +1 -1
- package/package.json +16 -2
|
@@ -1,86 +1,110 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { useVirtualScrollbar as
|
|
1
|
+
import { jsxs as S, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as j, useRef as h, useImperativeHandle as A, useLayoutEffect as C } from "react";
|
|
3
|
+
import { useVirtualScrollbar as F } from "../useVirtualScrollbar.js";
|
|
4
4
|
import l from "./style.module.scss.js";
|
|
5
|
-
import
|
|
6
|
-
const
|
|
5
|
+
import t from "classnames";
|
|
6
|
+
const H = j(
|
|
7
7
|
({
|
|
8
|
-
children:
|
|
9
|
-
direction:
|
|
10
|
-
autoHide:
|
|
11
|
-
className:
|
|
12
|
-
wrapperClassName:
|
|
13
|
-
style:
|
|
14
|
-
onScroll:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
8
|
+
children: b,
|
|
9
|
+
direction: a = "vertical",
|
|
10
|
+
autoHide: p = !0,
|
|
11
|
+
className: d,
|
|
12
|
+
wrapperClassName: w,
|
|
13
|
+
style: z,
|
|
14
|
+
onScroll: c,
|
|
15
|
+
preserveScroll: M = !0,
|
|
16
|
+
...N
|
|
17
|
+
}, k) => {
|
|
18
|
+
const i = h(null), n = h({ top: 0, left: 0 });
|
|
19
|
+
A(k, () => i.current);
|
|
19
20
|
const {
|
|
20
|
-
metrics:
|
|
21
|
-
active:
|
|
22
|
-
handleScroll:
|
|
23
|
-
handleMouseEnter:
|
|
24
|
-
handleMouseLeave:
|
|
25
|
-
startDrag:
|
|
21
|
+
metrics: o,
|
|
22
|
+
active: L,
|
|
23
|
+
handleScroll: x,
|
|
24
|
+
handleMouseEnter: y,
|
|
25
|
+
handleMouseLeave: D,
|
|
26
|
+
startDrag: u,
|
|
26
27
|
handleTrackClick: v
|
|
27
|
-
} =
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
28
|
+
} = F(i, a, p), T = a === "vertical" || a === "both", V = a === "horizontal" || a === "both", R = (r) => {
|
|
29
|
+
const e = r.currentTarget;
|
|
30
|
+
n.current = { top: e.scrollTop, left: e.scrollLeft }, x(), c == null || c(r);
|
|
31
|
+
};
|
|
32
|
+
C(() => {
|
|
33
|
+
if (!M) return;
|
|
34
|
+
const r = i.current;
|
|
35
|
+
if (!r) return;
|
|
36
|
+
const { top: e, left: f } = n.current, m = () => {
|
|
37
|
+
e > 0 && r.scrollTop === 0 && (r.scrollTop = e), f > 0 && r.scrollLeft === 0 && (r.scrollLeft = f);
|
|
38
|
+
};
|
|
39
|
+
m();
|
|
40
|
+
const E = window.requestAnimationFrame(m);
|
|
41
|
+
return () => window.cancelAnimationFrame(E);
|
|
42
|
+
});
|
|
43
|
+
const g = t(
|
|
44
|
+
t("virtual-scrollbar-root", l["virtual-scrollbar-root"]),
|
|
45
|
+
L && t("virtual-scrollbar-root-active", l["virtual-scrollbar-root-active"]),
|
|
46
|
+
w
|
|
33
47
|
);
|
|
34
|
-
return /* @__PURE__ */
|
|
48
|
+
return /* @__PURE__ */ S(
|
|
35
49
|
"div",
|
|
36
50
|
{
|
|
37
|
-
className:
|
|
38
|
-
style:
|
|
39
|
-
onMouseEnter:
|
|
40
|
-
onMouseLeave:
|
|
51
|
+
className: g,
|
|
52
|
+
style: z,
|
|
53
|
+
onMouseEnter: y,
|
|
54
|
+
onMouseLeave: D,
|
|
41
55
|
children: [
|
|
42
56
|
/* @__PURE__ */ s(
|
|
43
57
|
"div",
|
|
44
58
|
{
|
|
45
59
|
ref: i,
|
|
46
|
-
className:
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
60
|
+
className: t(
|
|
61
|
+
"virtual-scrollbar-viewport",
|
|
62
|
+
l["virtual-scrollbar-viewport"],
|
|
63
|
+
d
|
|
64
|
+
),
|
|
65
|
+
onScroll: R,
|
|
66
|
+
...N,
|
|
67
|
+
children: b
|
|
50
68
|
}
|
|
51
69
|
),
|
|
52
|
-
|
|
70
|
+
T && o.vertical.visible && /* @__PURE__ */ s(
|
|
53
71
|
"div",
|
|
54
72
|
{
|
|
55
|
-
className:
|
|
73
|
+
className: t(
|
|
74
|
+
"virtual-scrollbar-track-vertical",
|
|
75
|
+
l["virtual-scrollbar-track-vertical"]
|
|
76
|
+
),
|
|
56
77
|
onMouseDown: (r) => v("vertical", r),
|
|
57
78
|
children: /* @__PURE__ */ s(
|
|
58
79
|
"div",
|
|
59
80
|
{
|
|
60
|
-
className:
|
|
81
|
+
className: t("virtual-scrollbar-thumb", l["virtual-scrollbar-thumb"]),
|
|
61
82
|
style: {
|
|
62
|
-
height:
|
|
63
|
-
transform: `translateY(${
|
|
83
|
+
height: o.vertical.size,
|
|
84
|
+
transform: `translateY(${o.vertical.offset}px)`
|
|
64
85
|
},
|
|
65
|
-
onMouseDown: (r) =>
|
|
86
|
+
onMouseDown: (r) => u("vertical", r)
|
|
66
87
|
}
|
|
67
88
|
)
|
|
68
89
|
}
|
|
69
90
|
),
|
|
70
|
-
|
|
91
|
+
V && o.horizontal.visible && /* @__PURE__ */ s(
|
|
71
92
|
"div",
|
|
72
93
|
{
|
|
73
|
-
className:
|
|
94
|
+
className: t(
|
|
95
|
+
"virtual-scrollbar-track-horizontal",
|
|
96
|
+
l["virtual-scrollbar-track-horizontal"]
|
|
97
|
+
),
|
|
74
98
|
onMouseDown: (r) => v("horizontal", r),
|
|
75
99
|
children: /* @__PURE__ */ s(
|
|
76
100
|
"div",
|
|
77
101
|
{
|
|
78
|
-
className:
|
|
102
|
+
className: t("virtual-scrollbar-thumb", l["virtual-scrollbar-thumb"]),
|
|
79
103
|
style: {
|
|
80
|
-
width:
|
|
81
|
-
transform: `translateX(${
|
|
104
|
+
width: o.horizontal.size,
|
|
105
|
+
transform: `translateX(${o.horizontal.offset}px)`
|
|
82
106
|
},
|
|
83
|
-
onMouseDown: (r) =>
|
|
107
|
+
onMouseDown: (r) => u("horizontal", r)
|
|
84
108
|
}
|
|
85
109
|
)
|
|
86
110
|
}
|
|
@@ -90,8 +114,8 @@ const C = y(
|
|
|
90
114
|
);
|
|
91
115
|
}
|
|
92
116
|
);
|
|
93
|
-
|
|
117
|
+
H.displayName = "VirtualScrollbar";
|
|
94
118
|
export {
|
|
95
|
-
|
|
119
|
+
H as default
|
|
96
120
|
};
|
|
97
121
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/VirtualScrollbar/VirtualScrollbar/index.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useRef } from 'react';\nimport { useVirtualScrollbar, type ScrollDirection } from '../useVirtualScrollbar';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\nexport interface VirtualScrollbarProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactNode;\n /** 滚动方向,默认 vertical */\n direction?: ScrollDirection;\n /** 滚动/悬停后自动隐藏 thumb,默认 true */\n autoHide?: boolean;\n /** 外层容器 className */\n wrapperClassName?: string;\n}\n\n/** 覆盖式虚拟滚动条:隐藏原生滚动条,thumb 悬浮不占布局宽度 */\nconst VirtualScrollbar = forwardRef<HTMLDivElement, VirtualScrollbarProps>(\n (\n {\n children,\n direction = 'vertical',\n autoHide = true,\n className,\n wrapperClassName,\n style,\n onScroll,\n ...rest\n },\n ref,\n ) => {\n const viewportRef = useRef<HTMLDivElement>(null);\n\n useImperativeHandle(ref, () => viewportRef.current as HTMLDivElement);\n\n const {\n metrics,\n active,\n handleScroll,\n handleMouseEnter,\n handleMouseLeave,\n startDrag,\n handleTrackClick,\n } = useVirtualScrollbar(viewportRef, direction, autoHide);\n\n const showVertical = direction === 'vertical' || direction === 'both';\n const showHorizontal = direction === 'horizontal' || direction === 'both';\n\n const handleViewportScroll = (event: React.UIEvent<HTMLDivElement>) => {\n handleScroll();\n onScroll?.(event);\n };\n\n const rootClass = classNames(\n classNames('virtual-scrollbar-root', styles['virtual-scrollbar-root']),\n active
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/VirtualScrollbar/VirtualScrollbar/index.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useLayoutEffect, useRef } from 'react';\nimport { useVirtualScrollbar, type ScrollDirection } from '../useVirtualScrollbar';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\nexport interface VirtualScrollbarProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactNode;\n /** 滚动方向,默认 vertical */\n direction?: ScrollDirection;\n /** 滚动/悬停后自动隐藏 thumb,默认 true */\n autoHide?: boolean;\n /** 外层容器 className */\n wrapperClassName?: string;\n /**\n * 子树重渲染 / Modal 关窗 focus 回写等导致 scrollTop 被清零时,恢复上次滚动位置。\n * 默认 true。\n */\n preserveScroll?: boolean;\n}\n\n/** 覆盖式虚拟滚动条:隐藏原生滚动条,thumb 悬浮不占布局宽度 */\nconst VirtualScrollbar = forwardRef<HTMLDivElement, VirtualScrollbarProps>(\n (\n {\n children,\n direction = 'vertical',\n autoHide = true,\n className,\n wrapperClassName,\n style,\n onScroll,\n preserveScroll = true,\n ...rest\n },\n ref,\n ) => {\n const viewportRef = useRef<HTMLDivElement>(null);\n const savedScrollRef = useRef({ top: 0, left: 0 });\n\n useImperativeHandle(ref, () => viewportRef.current as HTMLDivElement);\n\n const {\n metrics,\n active,\n handleScroll,\n handleMouseEnter,\n handleMouseLeave,\n startDrag,\n handleTrackClick,\n } = useVirtualScrollbar(viewportRef, direction, autoHide);\n\n const showVertical = direction === 'vertical' || direction === 'both';\n const showHorizontal = direction === 'horizontal' || direction === 'both';\n\n const handleViewportScroll = (event: React.UIEvent<HTMLDivElement>) => {\n const t = event.currentTarget;\n savedScrollRef.current = { top: t.scrollTop, left: t.scrollLeft };\n handleScroll();\n onScroll?.(event);\n };\n\n /**\n * Modal 关闭 focusTriggerAfterClose / 子树高度瞬间塌缩时,浏览器常把 scrollTop 打成 0。\n * 在 layout 与下一帧各恢复一次,盖住 focus scrollIntoView。\n */\n useLayoutEffect(() => {\n if (!preserveScroll) return;\n const el = viewportRef.current;\n if (!el) return;\n const { top, left } = savedScrollRef.current;\n const restore = () => {\n if (top > 0 && el.scrollTop === 0) el.scrollTop = top;\n if (left > 0 && el.scrollLeft === 0) el.scrollLeft = left;\n };\n restore();\n const id = window.requestAnimationFrame(restore);\n return () => window.cancelAnimationFrame(id);\n });\n\n const rootClass = classNames(\n classNames('virtual-scrollbar-root', styles['virtual-scrollbar-root']),\n active &&\n classNames('virtual-scrollbar-root-active', styles['virtual-scrollbar-root-active']),\n wrapperClassName,\n );\n\n return (\n <div\n className={rootClass}\n style={style}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n <div\n ref={viewportRef}\n className={classNames(\n 'virtual-scrollbar-viewport',\n styles['virtual-scrollbar-viewport'],\n className,\n )}\n onScroll={handleViewportScroll}\n {...rest}\n >\n {children}\n </div>\n\n {showVertical && metrics.vertical.visible && (\n <div\n className={classNames(\n 'virtual-scrollbar-track-vertical',\n styles['virtual-scrollbar-track-vertical'],\n )}\n onMouseDown={(event) => handleTrackClick('vertical', event)}\n >\n <div\n className={classNames('virtual-scrollbar-thumb', styles['virtual-scrollbar-thumb'])}\n style={{\n height: metrics.vertical.size,\n transform: `translateY(${metrics.vertical.offset}px)`,\n }}\n onMouseDown={(event) => startDrag('vertical', event)}\n />\n </div>\n )}\n\n {showHorizontal && metrics.horizontal.visible && (\n <div\n className={classNames(\n 'virtual-scrollbar-track-horizontal',\n styles['virtual-scrollbar-track-horizontal'],\n )}\n onMouseDown={(event) => handleTrackClick('horizontal', event)}\n >\n <div\n className={classNames('virtual-scrollbar-thumb', styles['virtual-scrollbar-thumb'])}\n style={{\n width: metrics.horizontal.size,\n transform: `translateX(${metrics.horizontal.offset}px)`,\n }}\n onMouseDown={(event) => startDrag('horizontal', event)}\n />\n </div>\n )}\n </div>\n );\n },\n);\n\nVirtualScrollbar.displayName = 'VirtualScrollbar';\n\nexport default VirtualScrollbar;\n"],"names":["VirtualScrollbar","forwardRef","children","direction","autoHide","className","wrapperClassName","style","onScroll","preserveScroll","rest","ref","viewportRef","useRef","savedScrollRef","useImperativeHandle","metrics","active","handleScroll","handleMouseEnter","handleMouseLeave","startDrag","handleTrackClick","useVirtualScrollbar","showVertical","showHorizontal","handleViewportScroll","event","t","useLayoutEffect","el","top","left","restore","id","rootClass","classNames","styles","jsxs","jsx"],"mappings":"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"}
|
|
@@ -8,6 +8,11 @@ export * from './Form';
|
|
|
8
8
|
export * from './InteractiveBlock';
|
|
9
9
|
export * from './Layout';
|
|
10
10
|
export * from './Modal';
|
|
11
|
+
/** FormInfo 新栈:仅显式 *V2 别名,禁止 export *(防与旧 FormInfo 撞名) */
|
|
12
|
+
export { Form as FormV2, FormInfo as FormInfoV2, FormModal as FormModalV2, FormDrawer as FormDrawerV2, useFormModal as useFormModalV2, useFormDrawer as useFormDrawerV2, ErrorTip as ErrorTipV2, FormApiButton as FormApiButtonV2, FormItem as FormItemV2, List as ListV2, TableList as TableListV2, MultiField as MultiFieldV2, Steps as StepsV2, FormSteps as FormStepsV2, FormStepsModal as FormStepsModalV2, useFormStepModal as useFormStepModalV2, } from './FormInfo';
|
|
13
|
+
export { FlexBox, FlexBoxFetch, useFlexBox, defaultColumns as flexBoxDefaultColumns, FlexBoxView, FlexBoxViewItem, getItemKey as flexBoxGetItemKey, } from './FlexBox';
|
|
14
|
+
export { default as InfoPage, Content as InfoPageContent, InfoList, Descriptions as InfoPageDescriptions, DetailList, CentralContent, FieldView, TableView, formatView, defaultFormat, computeColumnsValue, computeDisplay, computeColumnsDisplay, SplitLine, Flow, Report, Score, } from './InfoPage';
|
|
15
|
+
export { ReactModal, ReactDrawer, useModal, useDrawer, useConfirmModal, DrawerContextHolder, ScrollRegion, TabsLayout, ColumnsLayout, createModalRender, createDrawerRender, modalClassNames, } from './ReactModal';
|
|
11
16
|
export * from './Permissions';
|
|
12
17
|
export * from './OrgTree';
|
|
13
18
|
export * from './StateBar';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 子路径 `@hkyhy/marsun-components-core/form-info`:一站式壳层 + 字段 + 引擎 hooks + helpers。
|
|
3
|
+
*/
|
|
4
|
+
export * from './components/FormInfo';
|
|
5
|
+
/** helpers:实现仍在 Form/ */
|
|
6
|
+
export { default as FormDataSync } from './components/Form/FormDataSync';
|
|
7
|
+
export type { FormDataSyncProps } from './components/Form/FormDataSync';
|
|
8
|
+
export { default as FetchSelect } from './components/Form/FetchSelect';
|
|
9
|
+
export type { FetchSelectProps, SelectOptionItem } from './components/Form/FetchSelect';
|
|
10
|
+
export { default as FetchTreeSelect } from './components/Form/FetchTreeSelect';
|
|
11
|
+
export type { FetchTreeSelectProps, TreeNodeOption } from './components/Form/FetchTreeSelect';
|
|
12
|
+
export { default as PersonOptionRow } from './components/Form/PersonOptionRow';
|
|
13
|
+
export type { PersonOptionRowProps } from './components/Form/PersonOptionRow';
|
|
14
|
+
/** 引擎 hooks / GroupList / RULES:从 Form/ 再导出 */
|
|
15
|
+
export { useFormApi, useFormContext, useField, useSubmit, useReset, useGroup, GroupList, RULES, ReactForm, } from './components/Form/kneReactForm';
|
|
16
|
+
export type { GroupListRenderProps } from './components/Form/kneReactForm';
|
|
17
|
+
export { normalizeLabelTips, withNormalizedLabelTips } from './components/Form/normalizeLabelTips';
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { default as t } from "./components/Form/FormDataSync.js";
|
|
2
|
+
import { default as a } from "./components/Form/FetchSelect.js";
|
|
3
|
+
import { default as u } from "./components/Form/FetchTreeSelect.js";
|
|
4
|
+
import { default as f } from "./components/Form/PersonOptionRow/index.js";
|
|
5
|
+
import { normalizeLabelTips as p, withNormalizedLabelTips as d } from "./components/Form/normalizeLabelTips.js";
|
|
6
|
+
import { default as x } from "./components/FormInfo/ErrorTip.js";
|
|
7
|
+
import { default as S } from "./components/FormInfo/Form.js";
|
|
8
|
+
import { default as c } from "./components/FormInfo/FormApiButton.js";
|
|
9
|
+
import { default as L, useFormDrawer as T } from "./components/FormInfo/FormDrawer.js";
|
|
10
|
+
import { default as w } from "./components/FormInfo/FormItem.js";
|
|
11
|
+
import { default as M, useFormModal as h } from "./components/FormInfo/FormModal.js";
|
|
12
|
+
import { default as y } from "./components/FormInfo/FormSteps.js";
|
|
13
|
+
import { default as D, useFormStepModal as G } from "./components/FormInfo/FormStepsModal.js";
|
|
14
|
+
import { default as v } from "./components/FormInfo/MultiField.js";
|
|
15
|
+
import { CancelButton as C, Input as E, InputNumber as O, RadioGroup as P, ResetButton as U, Select as g, SubmitButton as j, Switch as k, TextArea as q, TreeSelect as H } from "./components/FormInfo/fields.js";
|
|
16
|
+
import { default as K } from "./components/FormInfo/FormInfo.js";
|
|
17
|
+
import { GroupList as V, RULES as W, default as X, useField as Y, useFormApi as Z, useFormContext as _, useGroup as $, useReset as ee, useSubmit as oe } from "@kne/react-form";
|
|
18
|
+
import { default as re, default as ae } from "./components/FormInfo/List.js";
|
|
19
|
+
import { default as ue, validateFieldsByName as se } from "./components/FormInfo/Steps.js";
|
|
20
|
+
import { default as le } from "./components/FormInfo/TableList.js";
|
|
21
|
+
import { buildFormOverlayProps as de } from "./components/FormInfo/buildFormOverlayProps.js";
|
|
22
|
+
export {
|
|
23
|
+
C as CancelButton,
|
|
24
|
+
x as ErrorTip,
|
|
25
|
+
a as FetchSelect,
|
|
26
|
+
u as FetchTreeSelect,
|
|
27
|
+
S as Form,
|
|
28
|
+
c as FormApiButton,
|
|
29
|
+
t as FormDataSync,
|
|
30
|
+
L as FormDrawer,
|
|
31
|
+
K as FormInfo,
|
|
32
|
+
w as FormItem,
|
|
33
|
+
M as FormModal,
|
|
34
|
+
y as FormSteps,
|
|
35
|
+
D as FormStepsModal,
|
|
36
|
+
V as GroupList,
|
|
37
|
+
E as Input,
|
|
38
|
+
O as InputNumber,
|
|
39
|
+
re as List,
|
|
40
|
+
v as MultiField,
|
|
41
|
+
f as PersonOptionRow,
|
|
42
|
+
W as RULES,
|
|
43
|
+
P as RadioGroup,
|
|
44
|
+
X as ReactForm,
|
|
45
|
+
U as ResetButton,
|
|
46
|
+
g as Select,
|
|
47
|
+
ue as Steps,
|
|
48
|
+
ae as SubList,
|
|
49
|
+
j as SubmitButton,
|
|
50
|
+
k as Switch,
|
|
51
|
+
le as TableList,
|
|
52
|
+
q as TextArea,
|
|
53
|
+
H as TreeSelect,
|
|
54
|
+
de as buildFormOverlayProps,
|
|
55
|
+
p as normalizeLabelTips,
|
|
56
|
+
Y as useField,
|
|
57
|
+
Z as useFormApi,
|
|
58
|
+
_ as useFormContext,
|
|
59
|
+
T as useFormDrawer,
|
|
60
|
+
h as useFormModal,
|
|
61
|
+
G as useFormStepModal,
|
|
62
|
+
$ as useGroup,
|
|
63
|
+
ee as useReset,
|
|
64
|
+
oe as useSubmit,
|
|
65
|
+
se as validateFieldsByName,
|
|
66
|
+
d as withNormalizedLabelTips
|
|
67
|
+
};
|
|
68
|
+
//# sourceMappingURL=form-info.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-info.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -32,6 +32,9 @@ export * from './components/Form';
|
|
|
32
32
|
export * from './components/InteractiveBlock';
|
|
33
33
|
export * from './components/Layout';
|
|
34
34
|
export * from './components/Modal';
|
|
35
|
+
export { default as InfoPage, Content as InfoPageContent, InfoList, Descriptions as InfoPageDescriptions, DetailList, CentralContent, FieldView, TableView, formatView, defaultFormat, computeColumnsValue, computeDisplay, computeColumnsDisplay, SplitLine, Flow, Report, Score, } from './components/InfoPage';
|
|
36
|
+
export { FlexBox, FlexBoxFetch, useFlexBox, defaultColumns as flexBoxDefaultColumns, FlexBoxView, FlexBoxViewItem, getItemKey as flexBoxGetItemKey, } from './components/FlexBox';
|
|
37
|
+
export { ReactModal, ReactDrawer, useModal, useDrawer, useConfirmModal, DrawerContextHolder, ScrollRegion, TabsLayout, ColumnsLayout, createModalRender, createDrawerRender, modalClassNames, } from './components/ReactModal';
|
|
35
38
|
export * from './components/Permissions';
|
|
36
39
|
export * from './components/PermissionBindPanel';
|
|
37
40
|
export * from './components/OrgTree';
|