zkit-ui 2.0.14 → 2.0.16
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialog.d.ts","sourceRoot":"","sources":["../../../src/services/ActionDialogService/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyC/B,OAAO,KAAK,EAIV,iBAAiB,EACjB,eAAe,EAGhB,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"ActionDialog.d.ts","sourceRoot":"","sources":["../../../src/services/ActionDialogService/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyC/B,OAAO,KAAK,EAIV,iBAAiB,EACjB,eAAe,EAGhB,MAAM,SAAS,CAAC;AA4oBjB,eAAO,MAAM,YAAY,sFAA+B,CAAC"}
|
|
@@ -392,11 +392,11 @@ const ActionDialogRoot = React.forwardRef(function ActionDialog({ accessibilityL
|
|
|
392
392
|
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
|
|
393
393
|
styles.barActionCell,
|
|
394
394
|
index > 0 ? [styles.barActionDivider, { borderLeftColor: resolvedColors.border }] : null,
|
|
395
|
-
], children: (0, jsx_runtime_1.jsx)(index_1.Button, { accessibilityLabel: action.accessibilityLabel, block: true, disabled: actionDisabled, loading: actionLoading, onPress: () => void pressAction(action.key),
|
|
395
|
+
], children: (0, jsx_runtime_1.jsx)(index_1.Button, { accessibilityLabel: action.accessibilityLabel, block: true, disabled: actionDisabled, loading: actionLoading, onPress: () => void pressAction(action.key), shape: "square", size: "md", layout: BAR_ACTION_BUTTON_LAYOUT, testID: action.testID, tone: action.tone === 'danger' ? 'danger' : action.tone, variant: "ghost", children: action.label }) }, action.key));
|
|
396
396
|
}
|
|
397
397
|
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: resolvedFooterLayout === 'row' ? styles.rowActionCell : null, children: (0, jsx_runtime_1.jsx)(index_1.Button, { accessibilityLabel: action.accessibilityLabel, block: true, disabled: actionDisabled, layout: resolvedFooterLayout === 'row' && resolvedActions.length > 2
|
|
398
398
|
? COMPACT_ROW_ACTION_BUTTON_LAYOUT
|
|
399
|
-
: undefined, loading: actionLoading, onPress: () => void pressAction(action.key),
|
|
399
|
+
: undefined, loading: actionLoading, onPress: () => void pressAction(action.key), shape: "rounded", size: "md", testID: action.testID, tone: action.tone === 'danger' ? 'danger' : action.tone, variant: action.variant, children: action.label }) }, action.key));
|
|
400
400
|
}, [
|
|
401
401
|
disabled,
|
|
402
402
|
pressAction,
|
|
@@ -425,12 +425,16 @@ const ActionDialogRoot = React.forwardRef(function ActionDialog({ accessibilityL
|
|
|
425
425
|
if (resolvedDismiss.backPress)
|
|
426
426
|
dismissWithReason('back');
|
|
427
427
|
}, pointerEvents: actualOpen ? 'auto' : 'none', style: [
|
|
428
|
-
hostMode === 'inline' ?
|
|
428
|
+
hostMode === 'inline' ? react_native_1.StyleSheet.absoluteFill : styles.modalRoot,
|
|
429
429
|
{
|
|
430
430
|
elevation: react_native_1.Platform.OS === 'android' ? (_b = layer === null || layer === void 0 ? void 0 : layer.zIndex) !== null && _b !== void 0 ? _b : shared_1.ACTION_DIALOG_DEFAULT_Z_INDEX : 0,
|
|
431
431
|
zIndex: (_c = layer === null || layer === void 0 ? void 0 : layer.zIndex) !== null && _c !== void 0 ? _c : shared_1.ACTION_DIALOG_DEFAULT_Z_INDEX,
|
|
432
432
|
},
|
|
433
|
-
], testID: testID, children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessible: false, onPress: handleOverlayPress, style: react_native_1.StyleSheet.absoluteFill, children: (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { pointerEvents: "none", style: [
|
|
433
|
+
], testID: testID, children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessible: false, onPress: handleOverlayPress, style: react_native_1.StyleSheet.absoluteFill, children: (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { pointerEvents: "none", style: [
|
|
434
|
+
react_native_1.StyleSheet.absoluteFill,
|
|
435
|
+
{ backgroundColor: resolvedColors.backdrop },
|
|
436
|
+
overlayStyle,
|
|
437
|
+
] }) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "box-none", style: [
|
|
434
438
|
styles.center,
|
|
435
439
|
{
|
|
436
440
|
paddingBottom: Math.max(insets.bottom, (0, zkit_tools_1.wp)(16)),
|
|
@@ -478,12 +482,6 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
478
482
|
modalRoot: {
|
|
479
483
|
flex: 1,
|
|
480
484
|
},
|
|
481
|
-
inlineRoot: {
|
|
482
|
-
...react_native_1.StyleSheet.absoluteFillObject,
|
|
483
|
-
},
|
|
484
|
-
backdrop: {
|
|
485
|
-
...react_native_1.StyleSheet.absoluteFillObject,
|
|
486
|
-
},
|
|
487
485
|
center: {
|
|
488
486
|
alignItems: 'center',
|
|
489
487
|
flex: 1,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "zkit-ui",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.16",
|
|
4
4
|
"private": false,
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -197,14 +197,6 @@
|
|
|
197
197
|
"publishConfig": {
|
|
198
198
|
"registry": "https://registry.npmjs.org/"
|
|
199
199
|
},
|
|
200
|
-
"scripts": {
|
|
201
|
-
"build": "node scripts/build.cjs",
|
|
202
|
-
"verify:entrypoints": "node scripts/verify-entrypoints.cjs",
|
|
203
|
-
"verify": "pnpm run build && pnpm run verify:entrypoints",
|
|
204
|
-
"typecheck": "tsc -p tsconfig.json --noEmit",
|
|
205
|
-
"prepack": "pnpm run build",
|
|
206
|
-
"prepublishOnly": "pnpm run build"
|
|
207
|
-
},
|
|
208
200
|
"dependencies": {
|
|
209
201
|
"@vant/area-data": "^2.1.0",
|
|
210
202
|
"dayjs": "^1.11.13",
|
|
@@ -231,7 +223,6 @@
|
|
|
231
223
|
},
|
|
232
224
|
"devDependencies": {
|
|
233
225
|
"@expo/vector-icons": "^15.1.1",
|
|
234
|
-
"@lodev09/react-native-true-sheet": "workspace:*",
|
|
235
226
|
"@shopify/flash-list": "^2.3.1",
|
|
236
227
|
"@types/react": "~19.1.17",
|
|
237
228
|
"dayjs": "^1.11.13",
|
|
@@ -248,6 +239,13 @@
|
|
|
248
239
|
"react-native-svg": "^15.12.1",
|
|
249
240
|
"react-native-worklets": "0.5.1",
|
|
250
241
|
"sonner-native": "^0.22.2",
|
|
251
|
-
"typescript": "~5.9.3"
|
|
242
|
+
"typescript": "~5.9.3",
|
|
243
|
+
"@lodev09/react-native-true-sheet": "3.10.0"
|
|
244
|
+
},
|
|
245
|
+
"scripts": {
|
|
246
|
+
"build": "node scripts/build.cjs",
|
|
247
|
+
"verify:entrypoints": "node scripts/verify-entrypoints.cjs",
|
|
248
|
+
"verify": "pnpm run build && pnpm run verify:entrypoints",
|
|
249
|
+
"typecheck": "tsc -p tsconfig.json --noEmit"
|
|
252
250
|
}
|
|
253
|
-
}
|
|
251
|
+
}
|
|
@@ -483,7 +483,6 @@ const ActionDialogRoot = React.forwardRef<ActionDialogRef, ActionDialogProps>(fu
|
|
|
483
483
|
disabled={actionDisabled}
|
|
484
484
|
loading={actionLoading}
|
|
485
485
|
onPress={() => void pressAction(action.key)}
|
|
486
|
-
pressEffect="highlight"
|
|
487
486
|
shape="square"
|
|
488
487
|
size="md"
|
|
489
488
|
layout={BAR_ACTION_BUTTON_LAYOUT}
|
|
@@ -510,7 +509,6 @@ const ActionDialogRoot = React.forwardRef<ActionDialogRef, ActionDialogProps>(fu
|
|
|
510
509
|
}
|
|
511
510
|
loading={actionLoading}
|
|
512
511
|
onPress={() => void pressAction(action.key)}
|
|
513
|
-
pressEffect="highlight"
|
|
514
512
|
shape="rounded"
|
|
515
513
|
size="md"
|
|
516
514
|
testID={action.testID}
|
|
@@ -573,7 +571,7 @@ const ActionDialogRoot = React.forwardRef<ActionDialogRef, ActionDialogProps>(fu
|
|
|
573
571
|
}}
|
|
574
572
|
pointerEvents={actualOpen ? 'auto' : 'none'}
|
|
575
573
|
style={[
|
|
576
|
-
hostMode === 'inline' ?
|
|
574
|
+
hostMode === 'inline' ? StyleSheet.absoluteFill : styles.modalRoot,
|
|
577
575
|
{
|
|
578
576
|
elevation: Platform.OS === 'android' ? layer?.zIndex ?? ACTION_DIALOG_DEFAULT_Z_INDEX : 0,
|
|
579
577
|
zIndex: layer?.zIndex ?? ACTION_DIALOG_DEFAULT_Z_INDEX,
|
|
@@ -584,7 +582,11 @@ const ActionDialogRoot = React.forwardRef<ActionDialogRef, ActionDialogProps>(fu
|
|
|
584
582
|
<Pressable accessible={false} onPress={handleOverlayPress} style={StyleSheet.absoluteFill}>
|
|
585
583
|
<Animated.View
|
|
586
584
|
pointerEvents="none"
|
|
587
|
-
style={[
|
|
585
|
+
style={[
|
|
586
|
+
StyleSheet.absoluteFill,
|
|
587
|
+
{ backgroundColor: resolvedColors.backdrop },
|
|
588
|
+
overlayStyle,
|
|
589
|
+
]}
|
|
588
590
|
/>
|
|
589
591
|
</Pressable>
|
|
590
592
|
|
|
@@ -703,12 +705,6 @@ const styles = StyleSheet.create({
|
|
|
703
705
|
modalRoot: {
|
|
704
706
|
flex: 1,
|
|
705
707
|
},
|
|
706
|
-
inlineRoot: {
|
|
707
|
-
...StyleSheet.absoluteFillObject,
|
|
708
|
-
},
|
|
709
|
-
backdrop: {
|
|
710
|
-
...StyleSheet.absoluteFillObject,
|
|
711
|
-
},
|
|
712
708
|
center: {
|
|
713
709
|
alignItems: 'center',
|
|
714
710
|
flex: 1,
|