@unif/react-native-design 0.37.0 → 0.39.0
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/lib/module/components/ui/ActionMenuContent/ActionMenuContent.js +62 -18
- package/lib/module/components/ui/ActionMenuContent/ActionMenuContent.js.map +1 -1
- package/lib/module/components/ui/ActionMenuContent/ActionMenuItem.js +57 -0
- package/lib/module/components/ui/ActionMenuContent/ActionMenuItem.js.map +1 -0
- package/lib/module/components/ui/ActionMenuContent/ActionMenuSheetCard.js +25 -0
- package/lib/module/components/ui/ActionMenuContent/ActionMenuSheetCard.js.map +1 -0
- package/lib/module/components/ui/ActionMenuContent/styles.js +50 -2
- package/lib/module/components/ui/ActionMenuContent/styles.js.map +1 -1
- package/lib/module/components/ui/ActionMenuContent/useMenuMousePress.js +26 -0
- package/lib/module/components/ui/ActionMenuContent/useMenuMousePress.js.map +1 -0
- package/lib/module/components/ui/ImagePreview/ImagePreview.js +81 -72
- package/lib/module/components/ui/ImagePreview/ImagePreview.js.map +1 -1
- package/lib/module/components/ui/ImagePreview/constants.js +2 -0
- package/lib/module/components/ui/ImagePreview/constants.js.map +1 -1
- package/lib/module/components/ui/ImagePreview/styles.js +5 -1
- package/lib/module/components/ui/ImagePreview/styles.js.map +1 -1
- package/lib/module/components/ui/Sheet/Sheet.js +2 -1
- package/lib/module/components/ui/Sheet/Sheet.js.map +1 -1
- package/lib/typescript/src/components/ui/ActionMenuContent/ActionMenuContent.d.ts +1 -1
- package/lib/typescript/src/components/ui/ActionMenuContent/ActionMenuContent.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/ActionMenuContent/ActionMenuItem.d.ts +3 -0
- package/lib/typescript/src/components/ui/ActionMenuContent/ActionMenuItem.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/ActionMenuContent/ActionMenuSheetCard.d.ts +3 -0
- package/lib/typescript/src/components/ui/ActionMenuContent/ActionMenuSheetCard.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/ActionMenuContent/styles.d.ts +57 -2
- package/lib/typescript/src/components/ui/ActionMenuContent/styles.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/ActionMenuContent/types.d.ts +15 -1
- package/lib/typescript/src/components/ui/ActionMenuContent/types.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/ActionMenuContent/useMenuMousePress.d.ts +10 -0
- package/lib/typescript/src/components/ui/ActionMenuContent/useMenuMousePress.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/ImagePreview/ImagePreview.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/ImagePreview/constants.d.ts +1 -0
- package/lib/typescript/src/components/ui/ImagePreview/constants.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/ImagePreview/styles.d.ts +4 -1
- package/lib/typescript/src/components/ui/ImagePreview/styles.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/Sheet/Sheet.d.ts +1 -1
- package/lib/typescript/src/components/ui/Sheet/Sheet.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/Sheet/types.d.ts +1 -0
- package/lib/typescript/src/components/ui/Sheet/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/ui/ActionMenuContent/ActionMenuContent.tsx +108 -50
- package/src/components/ui/ActionMenuContent/ActionMenuItem.tsx +56 -0
- package/src/components/ui/ActionMenuContent/ActionMenuSheetCard.tsx +28 -0
- package/src/components/ui/ActionMenuContent/styles.ts +50 -3
- package/src/components/ui/ActionMenuContent/types.ts +17 -1
- package/src/components/ui/ActionMenuContent/useMenuMousePress.ts +30 -0
- package/src/components/ui/ImagePreview/ImagePreview.tsx +92 -76
- package/src/components/ui/ImagePreview/constants.ts +3 -0
- package/src/components/ui/ImagePreview/styles.ts +5 -1
- package/src/components/ui/Sheet/Sheet.tsx +4 -1
- package/src/components/ui/Sheet/types.ts +1 -0
|
@@ -2,10 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
import React, { useEffect, useState } from 'react';
|
|
4
4
|
import { Pressable, Text, View } from 'react-native';
|
|
5
|
-
import {
|
|
6
|
-
import { space, useThemedStyles } from "../../../theme/index.js";
|
|
5
|
+
import { useThemedStyles } from "../../../theme/index.js";
|
|
7
6
|
import { Button } from "../Button/index.js";
|
|
8
7
|
import { makeStyles } from "./styles.js";
|
|
8
|
+
import { ActionMenuItem } from "./ActionMenuItem.js";
|
|
9
|
+
import { ActionMenuSheetCard } from "./ActionMenuSheetCard.js";
|
|
9
10
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
10
11
|
export function ActionMenuContent({
|
|
11
12
|
actions,
|
|
@@ -14,23 +15,24 @@ export function ActionMenuContent({
|
|
|
14
15
|
title,
|
|
15
16
|
cancelLabel = '取消',
|
|
16
17
|
style,
|
|
18
|
+
contentStyle,
|
|
17
19
|
testID = 'action-menu'
|
|
18
20
|
}) {
|
|
19
21
|
const styles = useThemedStyles(makeStyles);
|
|
20
|
-
const insets = useSafeAreaInsets();
|
|
21
22
|
const [confirmationId, setConfirmationId] = useState(null);
|
|
22
23
|
const isSheet = presentation === 'sheet';
|
|
24
|
+
const isPopover = presentation === 'popover';
|
|
23
25
|
const confirming = actions.find(action => action.id === confirmationId && action.confirmation !== undefined);
|
|
26
|
+
const cancelConfirmation = () => setConfirmationId(null);
|
|
27
|
+
const confirmSelected = () => {
|
|
28
|
+
if (!confirming) return;
|
|
29
|
+
onClose();
|
|
30
|
+
confirming.onPress();
|
|
31
|
+
};
|
|
24
32
|
useEffect(() => {
|
|
25
33
|
if (!confirming) setConfirmationId(null);
|
|
26
34
|
}, [confirming]);
|
|
27
|
-
const
|
|
28
|
-
accessible: false,
|
|
29
|
-
testID: `${testID}-card`,
|
|
30
|
-
style: [isSheet ? styles.sheetCard : styles.dialogCard, isSheet && {
|
|
31
|
-
paddingBottom: insets.bottom + space[5]
|
|
32
|
-
}],
|
|
33
|
-
onPress: event => event.stopPropagation(),
|
|
35
|
+
const body = /*#__PURE__*/_jsxs(_Fragment, {
|
|
34
36
|
children: [title ? /*#__PURE__*/_jsx(Text, {
|
|
35
37
|
testID: `${testID}-title`,
|
|
36
38
|
style: styles.title,
|
|
@@ -42,31 +44,53 @@ export function ActionMenuContent({
|
|
|
42
44
|
style: styles.confirmation,
|
|
43
45
|
accessibilityLiveRegion: "polite",
|
|
44
46
|
children: confirming.confirmation.message
|
|
45
|
-
}), /*#__PURE__*/_jsxs(View, {
|
|
47
|
+
}), isPopover ? /*#__PURE__*/_jsxs(View, {
|
|
48
|
+
style: styles.popoverConfirmationActions,
|
|
49
|
+
children: [/*#__PURE__*/_jsx(ActionMenuItem, {
|
|
50
|
+
action: {
|
|
51
|
+
id: 'cancel-confirmation',
|
|
52
|
+
label: cancelLabel,
|
|
53
|
+
onPress: cancelConfirmation
|
|
54
|
+
},
|
|
55
|
+
onPress: cancelConfirmation
|
|
56
|
+
}), /*#__PURE__*/_jsx(ActionMenuItem, {
|
|
57
|
+
action: {
|
|
58
|
+
...confirming,
|
|
59
|
+
label: confirming.confirmation.confirmLabel,
|
|
60
|
+
icon: undefined,
|
|
61
|
+
tone: 'danger'
|
|
62
|
+
},
|
|
63
|
+
onPress: confirmSelected
|
|
64
|
+
})]
|
|
65
|
+
}) : /*#__PURE__*/_jsxs(View, {
|
|
46
66
|
style: styles.sheetActions,
|
|
47
67
|
children: [/*#__PURE__*/_jsx(Button, {
|
|
48
68
|
label: cancelLabel,
|
|
49
69
|
variant: "neutral",
|
|
50
70
|
style: styles.sheetAction,
|
|
51
|
-
onPress:
|
|
71
|
+
onPress: cancelConfirmation
|
|
52
72
|
}), /*#__PURE__*/_jsx(Button, {
|
|
53
73
|
label: confirming.confirmation.confirmLabel,
|
|
54
74
|
variant: "danger",
|
|
55
75
|
disabled: confirming.disabled,
|
|
56
76
|
loading: confirming.loading,
|
|
57
77
|
style: styles.sheetAction,
|
|
58
|
-
onPress:
|
|
59
|
-
onClose();
|
|
60
|
-
confirming.onPress();
|
|
61
|
-
}
|
|
78
|
+
onPress: confirmSelected
|
|
62
79
|
})]
|
|
63
80
|
})]
|
|
64
81
|
}) : /*#__PURE__*/_jsxs(_Fragment, {
|
|
65
82
|
children: [/*#__PURE__*/_jsx(View, {
|
|
66
83
|
testID: `${testID}-actions`,
|
|
67
84
|
style: isSheet ? styles.sheetActions : undefined,
|
|
68
|
-
children: actions.map(action => /*#__PURE__*/_jsx(
|
|
85
|
+
children: actions.map(action => isPopover ? /*#__PURE__*/_jsx(ActionMenuItem, {
|
|
86
|
+
action: action,
|
|
87
|
+
onPress: () => {
|
|
88
|
+
if (action.confirmation) setConfirmationId(action.id);else action.onPress();
|
|
89
|
+
}
|
|
90
|
+
}, action.id) : /*#__PURE__*/_jsx(Button, {
|
|
69
91
|
label: action.label,
|
|
92
|
+
leftIcon: action.icon,
|
|
93
|
+
accessibilityHint: action.accessibilityHint,
|
|
70
94
|
disabled: action.disabled,
|
|
71
95
|
loading: action.loading,
|
|
72
96
|
variant: isSheet ? action.tone ?? 'neutral' : 'text',
|
|
@@ -79,13 +103,33 @@ export function ActionMenuContent({
|
|
|
79
103
|
action.onPress();
|
|
80
104
|
}
|
|
81
105
|
}, action.id))
|
|
82
|
-
}), !isSheet ? /*#__PURE__*/_jsx(Button, {
|
|
106
|
+
}), !isSheet && !isPopover ? /*#__PURE__*/_jsx(Button, {
|
|
83
107
|
label: cancelLabel,
|
|
84
108
|
variant: "text",
|
|
85
109
|
onPress: onClose
|
|
86
110
|
}) : null]
|
|
87
111
|
})]
|
|
88
112
|
});
|
|
113
|
+
const content = isSheet ? /*#__PURE__*/_jsx(ActionMenuSheetCard, {
|
|
114
|
+
contentStyle: contentStyle,
|
|
115
|
+
testID: `${testID}-card`,
|
|
116
|
+
children: body
|
|
117
|
+
}) : isPopover ? /*#__PURE__*/_jsx(View, {
|
|
118
|
+
testID: `${testID}-card`,
|
|
119
|
+
style: [styles.popoverCard, contentStyle],
|
|
120
|
+
children: body
|
|
121
|
+
}) : /*#__PURE__*/_jsx(Pressable, {
|
|
122
|
+
accessible: false,
|
|
123
|
+
testID: `${testID}-card`,
|
|
124
|
+
style: [styles.dialogCard, contentStyle],
|
|
125
|
+
onPress: event => event.stopPropagation(),
|
|
126
|
+
children: body
|
|
127
|
+
});
|
|
128
|
+
if (isPopover) return /*#__PURE__*/_jsx(View, {
|
|
129
|
+
testID: testID,
|
|
130
|
+
style: [styles.popoverRoot, style],
|
|
131
|
+
children: content
|
|
132
|
+
});
|
|
89
133
|
return /*#__PURE__*/_jsx(Pressable, {
|
|
90
134
|
accessible: false,
|
|
91
135
|
testID: testID,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","Pressable","Text","View","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","Pressable","Text","View","useThemedStyles","Button","makeStyles","ActionMenuItem","ActionMenuSheetCard","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ActionMenuContent","actions","onClose","presentation","title","cancelLabel","style","contentStyle","testID","styles","confirmationId","setConfirmationId","isSheet","isPopover","confirming","find","action","id","confirmation","undefined","cancelConfirmation","confirmSelected","onPress","body","children","numberOfLines","ellipsizeMode","accessibilityLiveRegion","message","popoverConfirmationActions","label","confirmLabel","icon","tone","sheetActions","variant","sheetAction","disabled","loading","map","leftIcon","accessibilityHint","content","popoverCard","accessible","dialogCard","event","stopPropagation","popoverRoot","sheetRoot","dialogRoot"],"sourceRoot":"../../../../../src","sources":["components/ui/ActionMenuContent/ActionMenuContent.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { ActivityIndicator, Pressable, Text, View } from 'react-native';
|
|
4
|
+
import { useColors, useThemedStyles } from "../../../theme/index.js";
|
|
5
|
+
import { Icon } from "../Icon/index.js";
|
|
6
|
+
import { normalizeNonBlankText } from "../shared/accessibilityName.js";
|
|
7
|
+
import { useMenuMousePress } from "./useMenuMousePress.js";
|
|
8
|
+
import { makeStyles } from "./styles.js";
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
export function ActionMenuItem({
|
|
11
|
+
action,
|
|
12
|
+
onPress
|
|
13
|
+
}) {
|
|
14
|
+
const styles = useThemedStyles(makeStyles);
|
|
15
|
+
const colors = useColors();
|
|
16
|
+
const label = normalizeNonBlankText(action.label);
|
|
17
|
+
const busy = action.loading === true;
|
|
18
|
+
const disabled = action.disabled === true || busy || !label;
|
|
19
|
+
const {
|
|
20
|
+
mousePressed,
|
|
21
|
+
...mouseHandlers
|
|
22
|
+
} = useMenuMousePress(disabled);
|
|
23
|
+
const color = action.tone === 'danger' ? colors.error : colors.foreground;
|
|
24
|
+
return /*#__PURE__*/_jsxs(Pressable, {
|
|
25
|
+
accessible: Boolean(label),
|
|
26
|
+
accessibilityRole: label ? 'button' : undefined,
|
|
27
|
+
accessibilityLabel: label,
|
|
28
|
+
accessibilityHint: action.accessibilityHint,
|
|
29
|
+
accessibilityState: {
|
|
30
|
+
disabled,
|
|
31
|
+
busy
|
|
32
|
+
},
|
|
33
|
+
disabled: disabled,
|
|
34
|
+
onPress: disabled ? undefined : onPress,
|
|
35
|
+
...mouseHandlers,
|
|
36
|
+
style: ({
|
|
37
|
+
pressed
|
|
38
|
+
}) => [styles.popoverRow, (pressed || mousePressed) && styles.popoverRowPressed, disabled && styles.popoverRowDisabled],
|
|
39
|
+
children: [action.icon || busy ? /*#__PURE__*/_jsx(View, {
|
|
40
|
+
style: styles.popoverIcon,
|
|
41
|
+
accessibilityElementsHidden: true,
|
|
42
|
+
importantForAccessibility: "no-hide-descendants",
|
|
43
|
+
children: busy ? /*#__PURE__*/_jsx(ActivityIndicator, {
|
|
44
|
+
size: "small",
|
|
45
|
+
color: colors.foregroundMuted
|
|
46
|
+
}) : action.icon ? /*#__PURE__*/_jsx(Icon, {
|
|
47
|
+
name: action.icon,
|
|
48
|
+
size: 20,
|
|
49
|
+
color: color
|
|
50
|
+
}) : null
|
|
51
|
+
}) : null, /*#__PURE__*/_jsx(Text, {
|
|
52
|
+
style: [styles.popoverLabel, action.tone === 'danger' && styles.popoverDanger],
|
|
53
|
+
children: action.label
|
|
54
|
+
})]
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
//# sourceMappingURL=ActionMenuItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ActivityIndicator","Pressable","Text","View","useColors","useThemedStyles","Icon","normalizeNonBlankText","useMenuMousePress","makeStyles","jsx","_jsx","jsxs","_jsxs","ActionMenuItem","action","onPress","styles","colors","label","busy","loading","disabled","mousePressed","mouseHandlers","color","tone","error","foreground","accessible","Boolean","accessibilityRole","undefined","accessibilityLabel","accessibilityHint","accessibilityState","style","pressed","popoverRow","popoverRowPressed","popoverRowDisabled","children","icon","popoverIcon","accessibilityElementsHidden","importantForAccessibility","size","foregroundMuted","name","popoverLabel","popoverDanger"],"sourceRoot":"../../../../../src","sources":["components/ui/ActionMenuContent/ActionMenuItem.tsx"],"mappings":";;AAAA,SAASA,iBAAiB,EAAEC,SAAS,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACvE,SAASC,SAAS,EAAEC,eAAe,QAAQ,yBAAgB;AAC3D,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,qBAAqB,QAAQ,gCAA6B;AACnE,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGtC,OAAO,SAASC,cAAcA,CAAC;EAAEC,MAAM;EAAEC;AAA6B,CAAC,EAAE;EACvE,MAAMC,MAAM,GAAGZ,eAAe,CAACI,UAAU,CAAC;EAC1C,MAAMS,MAAM,GAAGd,SAAS,CAAC,CAAC;EAC1B,MAAMe,KAAK,GAAGZ,qBAAqB,CAACQ,MAAM,CAACI,KAAK,CAAC;EACjD,MAAMC,IAAI,GAAGL,MAAM,CAACM,OAAO,KAAK,IAAI;EACpC,MAAMC,QAAQ,GAAGP,MAAM,CAACO,QAAQ,KAAK,IAAI,IAAIF,IAAI,IAAI,CAACD,KAAK;EAC3D,MAAM;IAAEI,YAAY;IAAE,GAAGC;EAAc,CAAC,GAAGhB,iBAAiB,CAACc,QAAQ,CAAC;EACtE,MAAMG,KAAK,GAAGV,MAAM,CAACW,IAAI,KAAK,QAAQ,GAAGR,MAAM,CAACS,KAAK,GAAGT,MAAM,CAACU,UAAU;EACzE,oBACEf,KAAA,CAACZ,SAAS;IACR4B,UAAU,EAAEC,OAAO,CAACX,KAAK,CAAE;IAC3BY,iBAAiB,EAAEZ,KAAK,GAAG,QAAQ,GAAGa,SAAU;IAChDC,kBAAkB,EAAEd,KAAM;IAC1Be,iBAAiB,EAAEnB,MAAM,CAACmB,iBAAkB;IAC5CC,kBAAkB,EAAE;MAAEb,QAAQ;MAAEF;IAAK,CAAE;IACvCE,QAAQ,EAAEA,QAAS;IACnBN,OAAO,EAAEM,QAAQ,GAAGU,SAAS,GAAGhB,OAAQ;IAAA,GACpCQ,aAAa;IACjBY,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CACtBpB,MAAM,CAACqB,UAAU,EACjB,CAACD,OAAO,IAAId,YAAY,KAAKN,MAAM,CAACsB,iBAAiB,EACrDjB,QAAQ,IAAIL,MAAM,CAACuB,kBAAkB,CACrC;IAAAC,QAAA,GAED1B,MAAM,CAAC2B,IAAI,IAAItB,IAAI,gBAClBT,IAAA,CAACR,IAAI;MACHiC,KAAK,EAAEnB,MAAM,CAAC0B,WAAY;MAC1BC,2BAA2B;MAC3BC,yBAAyB,EAAC,qBAAqB;MAAAJ,QAAA,EAE9CrB,IAAI,gBACHT,IAAA,CAACX,iBAAiB;QAAC8C,IAAI,EAAC,OAAO;QAACrB,KAAK,EAAEP,MAAM,CAAC6B;MAAgB,CAAE,CAAC,GAC/DhC,MAAM,CAAC2B,IAAI,gBACb/B,IAAA,CAACL,IAAI;QAAC0C,IAAI,EAAEjC,MAAM,CAAC2B,IAAK;QAACI,IAAI,EAAE,EAAG;QAACrB,KAAK,EAAEA;MAAM,CAAE,CAAC,GACjD;IAAI,CACJ,CAAC,GACL,IAAI,eACRd,IAAA,CAACT,IAAI;MACHkC,KAAK,EAAE,CACLnB,MAAM,CAACgC,YAAY,EACnBlC,MAAM,CAACW,IAAI,KAAK,QAAQ,IAAIT,MAAM,CAACiC,aAAa,CAChD;MAAAT,QAAA,EAED1B,MAAM,CAACI;IAAK,CACT,CAAC;EAAA,CACE,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Pressable } from 'react-native';
|
|
4
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
5
|
+
import { space, useThemedStyles } from "../../../theme/index.js";
|
|
6
|
+
import { makeStyles } from "./styles.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export function ActionMenuSheetCard({
|
|
9
|
+
children,
|
|
10
|
+
contentStyle,
|
|
11
|
+
testID
|
|
12
|
+
}) {
|
|
13
|
+
const styles = useThemedStyles(makeStyles);
|
|
14
|
+
const insets = useSafeAreaInsets();
|
|
15
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
16
|
+
accessible: false,
|
|
17
|
+
testID: testID,
|
|
18
|
+
style: [styles.sheetCard, {
|
|
19
|
+
paddingBottom: insets.bottom + space[5]
|
|
20
|
+
}, contentStyle],
|
|
21
|
+
onPress: event => event.stopPropagation(),
|
|
22
|
+
children: children
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=ActionMenuSheetCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Pressable","useSafeAreaInsets","space","useThemedStyles","makeStyles","jsx","_jsx","ActionMenuSheetCard","children","contentStyle","testID","styles","insets","accessible","style","sheetCard","paddingBottom","bottom","onPress","event","stopPropagation"],"sourceRoot":"../../../../../src","sources":["components/ui/ActionMenuContent/ActionMenuSheetCard.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,cAAc;AACxC,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,KAAK,EAAEC,eAAe,QAAQ,yBAAgB;AACvD,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtC,OAAO,SAASC,mBAAmBA,CAAC;EAClCC,QAAQ;EACRC,YAAY;EACZC;AACwB,CAAC,EAAE;EAC3B,MAAMC,MAAM,GAAGR,eAAe,CAACC,UAAU,CAAC;EAC1C,MAAMQ,MAAM,GAAGX,iBAAiB,CAAC,CAAC;EAClC,oBACEK,IAAA,CAACN,SAAS;IACRa,UAAU,EAAE,KAAM;IAClBH,MAAM,EAAEA,MAAO;IACfI,KAAK,EAAE,CACLH,MAAM,CAACI,SAAS,EAChB;MAAEC,aAAa,EAAEJ,MAAM,CAACK,MAAM,GAAGf,KAAK,CAAC,CAAC;IAAE,CAAC,EAC3CO,YAAY,CACZ;IACFS,OAAO,EAAGC,KAAK,IAAKA,KAAK,CAACC,eAAe,CAAC,CAAE;IAAAZ,QAAA,EAE3CA;EAAQ,CACA,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -1,8 +1,56 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { StyleSheet } from 'react-native';
|
|
4
|
-
import { fw, radius, space, type as typography } from "../../../theme/index.js";
|
|
5
|
-
export const makeStyles = c => StyleSheet.create({
|
|
4
|
+
import { fixed, fw, r, radius, space, type as typography } from "../../../theme/index.js";
|
|
5
|
+
export const makeStyles = (c, shadows) => StyleSheet.create({
|
|
6
|
+
popoverRoot: {
|
|
7
|
+
width: r(200),
|
|
8
|
+
maxWidth: '100%',
|
|
9
|
+
borderRadius: r(20),
|
|
10
|
+
borderWidth: 0.5,
|
|
11
|
+
borderColor: c.outline,
|
|
12
|
+
backgroundColor: c.surface,
|
|
13
|
+
...shadows.card
|
|
14
|
+
},
|
|
15
|
+
popoverCard: {
|
|
16
|
+
borderRadius: r(20),
|
|
17
|
+
overflow: 'hidden',
|
|
18
|
+
paddingVertical: space[2]
|
|
19
|
+
},
|
|
20
|
+
popoverRow: {
|
|
21
|
+
minHeight: fixed.hitTarget,
|
|
22
|
+
flexDirection: 'row',
|
|
23
|
+
alignItems: 'center',
|
|
24
|
+
gap: space[5],
|
|
25
|
+
paddingVertical: space[3],
|
|
26
|
+
paddingHorizontal: space[6]
|
|
27
|
+
},
|
|
28
|
+
popoverRowPressed: {
|
|
29
|
+
backgroundColor: c.surfaceContainer
|
|
30
|
+
},
|
|
31
|
+
popoverRowDisabled: {
|
|
32
|
+
opacity: 0.4
|
|
33
|
+
},
|
|
34
|
+
popoverIcon: {
|
|
35
|
+
width: 40,
|
|
36
|
+
height: 40,
|
|
37
|
+
borderRadius: 20,
|
|
38
|
+
alignItems: 'center',
|
|
39
|
+
justifyContent: 'center',
|
|
40
|
+
backgroundColor: c.surfaceContainer
|
|
41
|
+
},
|
|
42
|
+
popoverLabel: {
|
|
43
|
+
flex: 1,
|
|
44
|
+
minWidth: 0,
|
|
45
|
+
fontSize: typography.body,
|
|
46
|
+
color: c.foreground
|
|
47
|
+
},
|
|
48
|
+
popoverDanger: {
|
|
49
|
+
color: c.error
|
|
50
|
+
},
|
|
51
|
+
popoverConfirmationActions: {
|
|
52
|
+
paddingTop: space[2]
|
|
53
|
+
},
|
|
6
54
|
dialogRoot: {
|
|
7
55
|
flex: 1,
|
|
8
56
|
justifyContent: 'center',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","fw","radius","space","type","typography","makeStyles","c","create","
|
|
1
|
+
{"version":3,"names":["StyleSheet","fixed","fw","r","radius","space","type","typography","makeStyles","c","shadows","create","popoverRoot","width","maxWidth","borderRadius","borderWidth","borderColor","outline","backgroundColor","surface","card","popoverCard","overflow","paddingVertical","popoverRow","minHeight","hitTarget","flexDirection","alignItems","gap","paddingHorizontal","popoverRowPressed","surfaceContainer","popoverRowDisabled","opacity","popoverIcon","height","justifyContent","popoverLabel","flex","minWidth","fontSize","body","color","foreground","popoverDanger","error","popoverConfirmationActions","paddingTop","dialogRoot","scrim","sheetRoot","dialogCard","xl","padding","sheetCard","borderTopLeftRadius","borderTopRightRadius","title","sm","fontWeight","semi","textAlign","confirmation","foregroundMuted","xs","sheetActions","flexWrap","sheetAction"],"sourceRoot":"../../../../../src","sources":["components/ui/ActionMenuContent/styles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useEffect, useState } from 'react';
|
|
4
|
+
import { Platform } from 'react-native';
|
|
5
|
+
/** Web 菜单按下时保留原输入焦点;实际选择只由 Pressable.onPress 交付。 */
|
|
6
|
+
export function useMenuMousePress(disabled) {
|
|
7
|
+
const [pressed, setPressed] = useState(false);
|
|
8
|
+
const enabled = Platform.OS === 'web' && !disabled;
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
if (disabled) setPressed(false);
|
|
11
|
+
}, [disabled]);
|
|
12
|
+
const begin = event => {
|
|
13
|
+
if (!enabled || event.nativeEvent.pointerType !== 'mouse' || event.nativeEvent.button !== 0) return;
|
|
14
|
+
event.preventDefault();
|
|
15
|
+
setPressed(true);
|
|
16
|
+
};
|
|
17
|
+
const end = () => setPressed(false);
|
|
18
|
+
return {
|
|
19
|
+
mousePressed: enabled && pressed,
|
|
20
|
+
onPointerDown: begin,
|
|
21
|
+
onPointerUp: end,
|
|
22
|
+
onPointerCancel: end,
|
|
23
|
+
onPointerLeave: end
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=useMenuMousePress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","useState","Platform","useMenuMousePress","disabled","pressed","setPressed","enabled","OS","begin","event","nativeEvent","pointerType","button","preventDefault","end","mousePressed","onPointerDown","onPointerUp","onPointerCancel","onPointerLeave"],"sourceRoot":"../../../../../src","sources":["components/ui/ActionMenuContent/useMenuMousePress.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,QAAQ,QAAQ,cAAc;AAGvC;AACA,OAAO,SAASC,iBAAiBA,CAACC,QAAiB,EAAE;EACnD,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGL,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAMM,OAAO,GAAGL,QAAQ,CAACM,EAAE,KAAK,KAAK,IAAI,CAACJ,QAAQ;EAClDJ,SAAS,CAAC,MAAM;IACd,IAAII,QAAQ,EAAEE,UAAU,CAAC,KAAK,CAAC;EACjC,CAAC,EAAE,CAACF,QAAQ,CAAC,CAAC;EACd,MAAMK,KAAK,GAAIC,KAAmB,IAAK;IACrC,IACE,CAACH,OAAO,IACRG,KAAK,CAACC,WAAW,CAACC,WAAW,KAAK,OAAO,IACzCF,KAAK,CAACC,WAAW,CAACE,MAAM,KAAK,CAAC,EAE9B;IACFH,KAAK,CAACI,cAAc,CAAC,CAAC;IACtBR,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC;EACD,MAAMS,GAAG,GAAGA,CAAA,KAAMT,UAAU,CAAC,KAAK,CAAC;EACnC,OAAO;IACLU,YAAY,EAAET,OAAO,IAAIF,OAAO;IAChCY,aAAa,EAAER,KAAK;IACpBS,WAAW,EAAEH,GAAG;IAChBI,eAAe,EAAEJ,GAAG;IACpBK,cAAc,EAAEL;EAClB,CAAC;AACH","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ import { radius, useThemedStyles } from "../../../theme/index.js";
|
|
|
6
6
|
import { IconButton } from "../IconButton/index.js";
|
|
7
7
|
import { Thumbnail } from "../Thumbnail/index.js";
|
|
8
8
|
import { Carousel } from 'react-native-reanimated-carousel';
|
|
9
|
-
import { DELETE_LABEL, IMAGE_UNAVAILABLE } from "./constants.js";
|
|
9
|
+
import { DELETE_LABEL, IMAGE_COUNTER_HEIGHT, IMAGE_UNAVAILABLE } from "./constants.js";
|
|
10
10
|
import { makeStyles } from "./styles.js";
|
|
11
11
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
12
|
export const ImagePreview = /*#__PURE__*/forwardRef(function ImagePreviewInner({
|
|
@@ -106,86 +106,95 @@ export const ImagePreview = /*#__PURE__*/forwardRef(function ImagePreviewInner({
|
|
|
106
106
|
return /*#__PURE__*/_jsxs(View, {
|
|
107
107
|
style: [styles.container, style],
|
|
108
108
|
testID: testID,
|
|
109
|
-
children: [/*#__PURE__*/
|
|
110
|
-
ref: carouselRef,
|
|
111
|
-
data: data,
|
|
112
|
-
defaultIndex: selection.index,
|
|
113
|
-
loop: false,
|
|
114
|
-
itemSize: width,
|
|
109
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
115
110
|
style: {
|
|
116
111
|
width,
|
|
117
|
-
height
|
|
112
|
+
height: height + IMAGE_COUNTER_HEIGHT / 2
|
|
118
113
|
},
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
source: item.source,
|
|
162
|
-
size: {
|
|
114
|
+
children: [/*#__PURE__*/_jsx(Carousel, {
|
|
115
|
+
ref: carouselRef,
|
|
116
|
+
data: data,
|
|
117
|
+
defaultIndex: selection.index,
|
|
118
|
+
loop: false,
|
|
119
|
+
itemSize: width,
|
|
120
|
+
style: {
|
|
121
|
+
width,
|
|
122
|
+
height
|
|
123
|
+
},
|
|
124
|
+
keyExtractor: id => id,
|
|
125
|
+
testID: testID ? `${testID}-carousel` : undefined,
|
|
126
|
+
onScrollStart: () => {
|
|
127
|
+
if (mounted.current && selection.carouselRevision === committed.current.carouselRevision) {
|
|
128
|
+
moving.current = true;
|
|
129
|
+
}
|
|
130
|
+
},
|
|
131
|
+
onSnapToItem: index => {
|
|
132
|
+
const latest = committed.current;
|
|
133
|
+
if (!mounted.current || selection.carouselRevision !== latest.carouselRevision || items.length !== latest.items.length || items.some((item, itemIndex) => item.id !== latest.items[itemIndex]?.id)) return;
|
|
134
|
+
moving.current = false;
|
|
135
|
+
const id = items[index]?.id;
|
|
136
|
+
const nextIndex = latest.items.findIndex(item => item.id === id);
|
|
137
|
+
if (nextIndex >= 0 && nextIndex !== latest.index) {
|
|
138
|
+
const next = {
|
|
139
|
+
...latest,
|
|
140
|
+
index: nextIndex
|
|
141
|
+
};
|
|
142
|
+
// SDK 已完成落位;句柄同步可读,不等待 React 下一次提交。
|
|
143
|
+
committed.current = next;
|
|
144
|
+
setSelection(next);
|
|
145
|
+
notifiedId.current = id;
|
|
146
|
+
currentChange.current?.(next.items[nextIndex]);
|
|
147
|
+
}
|
|
148
|
+
},
|
|
149
|
+
renderItem: ({
|
|
150
|
+
item: id,
|
|
151
|
+
index
|
|
152
|
+
}) => {
|
|
153
|
+
const item = items.find(candidate => candidate.id === id);
|
|
154
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
155
|
+
style: [styles.media, {
|
|
163
156
|
width,
|
|
164
|
-
height
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
resizeMode: "contain",
|
|
168
|
-
imageStyle: styles.image,
|
|
169
|
-
accessibilityLabel: item.label ?? `图片第 ${index + 1} 张`,
|
|
170
|
-
fallback: /*#__PURE__*/_jsx(View, {
|
|
157
|
+
height
|
|
158
|
+
}],
|
|
159
|
+
children: [item.source === undefined ? /*#__PURE__*/_jsx(View, {
|
|
171
160
|
style: styles.placeholder,
|
|
172
161
|
children: /*#__PURE__*/_jsx(Text, {
|
|
173
162
|
style: styles.placeholderText,
|
|
174
163
|
children: IMAGE_UNAVAILABLE
|
|
175
164
|
})
|
|
176
|
-
})
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
165
|
+
}) : /*#__PURE__*/_jsx(Thumbnail, {
|
|
166
|
+
source: item.source,
|
|
167
|
+
size: {
|
|
168
|
+
width,
|
|
169
|
+
height,
|
|
170
|
+
borderRadius: radius.xl
|
|
171
|
+
},
|
|
172
|
+
resizeMode: "contain",
|
|
173
|
+
imageStyle: styles.image,
|
|
174
|
+
accessibilityLabel: item.label ?? `图片第 ${index + 1} 张`,
|
|
175
|
+
fallback: /*#__PURE__*/_jsx(View, {
|
|
176
|
+
style: styles.placeholder,
|
|
177
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
178
|
+
style: styles.placeholderText,
|
|
179
|
+
children: IMAGE_UNAVAILABLE
|
|
180
|
+
})
|
|
181
|
+
})
|
|
182
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
183
|
+
pointerEvents: "none",
|
|
184
|
+
style: styles.border
|
|
185
|
+
})]
|
|
186
|
+
});
|
|
187
|
+
}
|
|
188
|
+
}, selection.carouselRevision), /*#__PURE__*/_jsx(View, {
|
|
189
|
+
style: styles.counter,
|
|
190
|
+
accessible: true,
|
|
191
|
+
accessibilityLiveRegion: "polite",
|
|
192
|
+
accessibilityLabel: `第${selection.index + 1}张,共${items.length}张`,
|
|
193
|
+
children: /*#__PURE__*/_jsxs(Text, {
|
|
194
|
+
style: styles.counterText,
|
|
195
|
+
children: ["\u7B2C", selection.index + 1, "/", items.length, "\u5F20"]
|
|
196
|
+
})
|
|
197
|
+
})]
|
|
189
198
|
}), current.canDelete && onRequestDelete ? /*#__PURE__*/_jsx(IconButton, {
|
|
190
199
|
icon: "trash",
|
|
191
200
|
size: "sm",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useEffect","useImperativeHandle","useLayoutEffect","useMemo","useRef","useState","Text","View","radius","useThemedStyles","IconButton","Thumbnail","Carousel","DELETE_LABEL","IMAGE_UNAVAILABLE","makeStyles","jsx","_jsx","jsxs","_jsxs","ImagePreview","ImagePreviewInner","items","width","height","initialId","onCurrentChange","onRequestDelete","style","testID","ref","styles","carouselRef","mounted","moving","pendingScroll","undefined","selection","setSelection","index","Math","max","findIndex","item","id","initialized","length","carouselRevision","retainedIndex","identityChanged","some","current","min","committed","currentChange","request","scrollTo","animated","notifiedId","displayed","getCurrent","next","data","map","container","children","defaultIndex","loop","itemSize","keyExtractor","onScrollStart","onSnapToItem","latest","itemIndex","nextIndex","renderItem","find","candidate","media","source","placeholder","placeholderText","size","borderRadius","xl","resizeMode","imageStyle","image","accessibilityLabel","label","fallback","pointerEvents","border","counter","counterText","canDelete","icon","variant","disabled","deleting","deleteButton","onPress"],"sourceRoot":"../../../../../src","sources":["components/ui/ImagePreview/ImagePreview.tsx"],"mappings":";;AAAA,SACEA,UAAU,EACVC,SAAS,EACTC,mBAAmB,EACnBC,eAAe,EACfC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,MAAM,EAAEC,eAAe,QAAQ,yBAAgB;AACxD,SAASC,UAAU,QAAQ,wBAAe;AAC1C,SAASC,SAAS,QAAQ,uBAAc;AACxC,SAASC,QAAQ,QAA0B,kCAAkC;AAC7E,
|
|
1
|
+
{"version":3,"names":["forwardRef","useEffect","useImperativeHandle","useLayoutEffect","useMemo","useRef","useState","Text","View","radius","useThemedStyles","IconButton","Thumbnail","Carousel","DELETE_LABEL","IMAGE_COUNTER_HEIGHT","IMAGE_UNAVAILABLE","makeStyles","jsx","_jsx","jsxs","_jsxs","ImagePreview","ImagePreviewInner","items","width","height","initialId","onCurrentChange","onRequestDelete","style","testID","ref","styles","carouselRef","mounted","moving","pendingScroll","undefined","selection","setSelection","index","Math","max","findIndex","item","id","initialized","length","carouselRevision","retainedIndex","identityChanged","some","current","min","committed","currentChange","request","scrollTo","animated","notifiedId","displayed","getCurrent","next","data","map","container","children","defaultIndex","loop","itemSize","keyExtractor","onScrollStart","onSnapToItem","latest","itemIndex","nextIndex","renderItem","find","candidate","media","source","placeholder","placeholderText","size","borderRadius","xl","resizeMode","imageStyle","image","accessibilityLabel","label","fallback","pointerEvents","border","counter","accessible","accessibilityLiveRegion","counterText","canDelete","icon","variant","disabled","deleting","deleteButton","onPress"],"sourceRoot":"../../../../../src","sources":["components/ui/ImagePreview/ImagePreview.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["IMAGE_UNAVAILABLE","DELETE_LABEL"],"sourceRoot":"../../../../../src","sources":["components/ui/ImagePreview/constants.ts"],"mappings":";;AAAA,OAAO,
|
|
1
|
+
{"version":3,"names":["r","IMAGE_UNAVAILABLE","DELETE_LABEL","IMAGE_COUNTER_HEIGHT"],"sourceRoot":"../../../../../src","sources":["components/ui/ImagePreview/constants.ts"],"mappings":";;AAAA,SAASA,CAAC,QAAQ,yBAAgB;AAElC,OAAO,MAAMC,iBAAiB,GAAG,SAAS;AAC1C,OAAO,MAAMC,YAAY,GAAG,QAAQ;AACpC,OAAO,MAAMC,oBAAoB,GAAGH,CAAC,CAAC,EAAE,CAAC","ignoreList":[]}
|