zkit-ui 2.0.3 → 2.0.5

package/dist/all.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.actionDialog = exports.ActionDialog = exports.ToastProvider = exports.toast = exports.PickerServiceProvider = exports.pickerService = exports.ZKitCoreProvider = exports.ZKitProvider = exports.useI18n = exports.I18nProvider = exports.resolveSystemBuiltinLocale = exports.resolveBuiltinLocale = exports.DEFAULT_I18N_LOCALE = exports.BUILTIN_I18N_LOCALES = exports.configureZKit = exports.useTheme = exports.ThemeProvider = exports.LinkedScroll = exports.RadioIndicator = exports.RadioGroup = exports.Radio = exports.SliderCaptcha = exports.Switch = exports.DatePicker = exports.AddressCascader = exports.WHEEL_VISIBLE_ITEMS = exports.WHEEL_VIEWPORT_HEIGHT = exports.WHEEL_ITEM_HEIGHT = exports.WHEEL_AREA_VERTICAL_INSET = exports.WHEEL_AREA_HEIGHT = exports.WheelColumn = exports.Picker = exports.BetweenTime = exports.AccordionTrigger = exports.AccordionItem = exports.AccordionIndicator = exports.AccordionContent = exports.Accordion = exports.SheetHeader = exports.SheetFooter = exports.SheetContent = exports.Sheet = exports.TextInputPrimitive = exports.TextInput = exports.Text = exports.CheckboxIndicator = exports.CheckboxGroup = exports.Checkbox = exports.LoadingSpinner = exports.Button = void 0;
-exports.ImagePreviewProvider = exports.ImagePreview = exports.imagePreview = exports.PermissionPurposeDialogProvider = exports.permissionPurposeDialog = exports.LoadingProvider = exports.loading = exports.ActionDialogProvider = void 0;
+exports.ActionDialog = exports.ToastProvider = exports.toast = exports.PickerServiceProvider = exports.pickerService = exports.ZKitCoreProvider = exports.ZKitProvider = exports.useI18n = exports.I18nProvider = exports.resolveSystemBuiltinLocale = exports.resolveBuiltinLocale = exports.DEFAULT_I18N_LOCALE = exports.BUILTIN_I18N_LOCALES = exports.configureZKit = exports.useTheme = exports.ThemeProvider = exports.NativeImagePreview = exports.LinkedScroll = exports.RadioIndicator = exports.RadioGroup = exports.Radio = exports.SliderCaptcha = exports.Switch = exports.DatePicker = exports.AddressCascader = exports.WHEEL_VISIBLE_ITEMS = exports.WHEEL_VIEWPORT_HEIGHT = exports.WHEEL_ITEM_HEIGHT = exports.WHEEL_AREA_VERTICAL_INSET = exports.WHEEL_AREA_HEIGHT = exports.WheelColumn = exports.Picker = exports.BetweenTime = exports.AccordionTrigger = exports.AccordionItem = exports.AccordionIndicator = exports.AccordionContent = exports.Accordion = exports.SheetHeader = exports.SheetFooter = exports.SheetContent = exports.Sheet = exports.TextInputPrimitive = exports.TextInput = exports.Text = exports.CheckboxIndicator = exports.CheckboxGroup = exports.Checkbox = exports.LoadingSpinner = exports.Button = void 0;
+exports.ImagePreviewProvider = exports.ImagePreview = exports.imagePreview = exports.PermissionPurposeDialogProvider = exports.permissionPurposeDialog = exports.LoadingProvider = exports.loading = exports.ActionDialogProvider = exports.actionDialog = void 0;
 var index_1 = require("./ui/Button/index");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return index_1.Button; } });
 var index_2 = require("./ui/LoadingSpinner/index");
@@ -51,6 +51,8 @@ Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function (
 Object.defineProperty(exports, "RadioIndicator", { enumerable: true, get: function () { return index_15.RadioIndicator; } });
 var index_16 = require("./ui/LinkedScroll/index");
 Object.defineProperty(exports, "LinkedScroll", { enumerable: true, get: function () { return index_16.LinkedScroll; } });
+var index_17 = require("./ui/NativeImagePreview/index");
+Object.defineProperty(exports, "NativeImagePreview", { enumerable: true, get: function () { return index_17.NativeImagePreview; } });
 var ThemeProvider_1 = require("./theme/ThemeProvider");
 Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeProvider_1.ThemeProvider; } });
 var useTheme_1 = require("./theme/useTheme");
@@ -70,23 +72,23 @@ var ZKitProvider_1 = require("./ZKitProvider");
 Object.defineProperty(exports, "ZKitProvider", { enumerable: true, get: function () { return ZKitProvider_1.ZKitProvider; } });
 var ZKitCoreProvider_1 = require("./ZKitCoreProvider");
 Object.defineProperty(exports, "ZKitCoreProvider", { enumerable: true, get: function () { return ZKitCoreProvider_1.ZKitCoreProvider; } });
-var index_17 = require("./services/PickerService/index");
-Object.defineProperty(exports, "pickerService", { enumerable: true, get: function () { return index_17.pickerService; } });
-Object.defineProperty(exports, "PickerServiceProvider", { enumerable: true, get: function () { return index_17.PickerServiceProvider; } });
-var index_18 = require("./services/CardToastService/index");
-Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return index_18.toast; } });
-Object.defineProperty(exports, "ToastProvider", { enumerable: true, get: function () { return index_18.ToastProvider; } });
-var index_19 = require("./services/ActionDialogService/index");
-Object.defineProperty(exports, "ActionDialog", { enumerable: true, get: function () { return index_19.ActionDialog; } });
-Object.defineProperty(exports, "actionDialog", { enumerable: true, get: function () { return index_19.actionDialog; } });
-Object.defineProperty(exports, "ActionDialogProvider", { enumerable: true, get: function () { return index_19.ActionDialogProvider; } });
-var index_20 = require("./services/LoadingService/index");
-Object.defineProperty(exports, "loading", { enumerable: true, get: function () { return index_20.loading; } });
-Object.defineProperty(exports, "LoadingProvider", { enumerable: true, get: function () { return index_20.LoadingProvider; } });
-var index_21 = require("./services/PermissionPurposeDialogService/index");
-Object.defineProperty(exports, "permissionPurposeDialog", { enumerable: true, get: function () { return index_21.permissionPurposeDialog; } });
-Object.defineProperty(exports, "PermissionPurposeDialogProvider", { enumerable: true, get: function () { return index_21.PermissionPurposeDialogProvider; } });
-var index_22 = require("./services/ImagePreviewService/index");
-Object.defineProperty(exports, "imagePreview", { enumerable: true, get: function () { return index_22.imagePreview; } });
-Object.defineProperty(exports, "ImagePreview", { enumerable: true, get: function () { return index_22.ImagePreview; } });
-Object.defineProperty(exports, "ImagePreviewProvider", { enumerable: true, get: function () { return index_22.ImagePreviewProvider; } });
+var index_18 = require("./services/PickerService/index");
+Object.defineProperty(exports, "pickerService", { enumerable: true, get: function () { return index_18.pickerService; } });
+Object.defineProperty(exports, "PickerServiceProvider", { enumerable: true, get: function () { return index_18.PickerServiceProvider; } });
+var index_19 = require("./services/CardToastService/index");
+Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return index_19.toast; } });
+Object.defineProperty(exports, "ToastProvider", { enumerable: true, get: function () { return index_19.ToastProvider; } });
+var index_20 = require("./services/ActionDialogService/index");
+Object.defineProperty(exports, "ActionDialog", { enumerable: true, get: function () { return index_20.ActionDialog; } });
+Object.defineProperty(exports, "actionDialog", { enumerable: true, get: function () { return index_20.actionDialog; } });
+Object.defineProperty(exports, "ActionDialogProvider", { enumerable: true, get: function () { return index_20.ActionDialogProvider; } });
+var index_21 = require("./services/LoadingService/index");
+Object.defineProperty(exports, "loading", { enumerable: true, get: function () { return index_21.loading; } });
+Object.defineProperty(exports, "LoadingProvider", { enumerable: true, get: function () { return index_21.LoadingProvider; } });
+var index_22 = require("./services/PermissionPurposeDialogService/index");
+Object.defineProperty(exports, "permissionPurposeDialog", { enumerable: true, get: function () { return index_22.permissionPurposeDialog; } });
+Object.defineProperty(exports, "PermissionPurposeDialogProvider", { enumerable: true, get: function () { return index_22.PermissionPurposeDialogProvider; } });
+var index_23 = require("./services/ImagePreviewService/index");
+Object.defineProperty(exports, "imagePreview", { enumerable: true, get: function () { return index_23.imagePreview; } });
+Object.defineProperty(exports, "ImagePreview", { enumerable: true, get: function () { return index_23.ImagePreview; } });
+Object.defineProperty(exports, "ImagePreviewProvider", { enumerable: true, get: function () { return index_23.ImagePreviewProvider; } });

package/dist/ui/NativeImagePreview/NativeImagePreview.d.ts

@@ -0,0 +1,3 @@
+import type { NativeImagePreviewComponent } from './types';
+export declare const NativeImagePreview: NativeImagePreviewComponent;
+//# sourceMappingURL=NativeImagePreview.d.ts.map

package/dist/ui/NativeImagePreview/NativeImagePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeImagePreview.d.ts","sourceRoot":"","sources":["../../../src/ui/NativeImagePreview/NativeImagePreview.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAEV,2BAA2B,EAI5B,MAAM,SAAS,CAAC;AAgIjB,eAAO,MAAM,kBAAkB,EAEzB,2BAA2B,CAAC"}

package/dist/ui/NativeImagePreview/NativeImagePreview.js

@@ -0,0 +1,99 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeImagePreview = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const expo_1 = require("expo");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_is_edge_to_edge_1 = require("react-native-is-edge-to-edge");
+const context_1 = require("./context");
+const utils_1 = require("./utils");
+const NativePreviewView = (0, expo_1.requireNativeView)('ZKitNativeImagePreview');
+const ANDROID_EDGE_TO_EDGE = react_native_1.Platform.OS === 'android' ? (0, react_native_is_edge_to_edge_1.isEdgeToEdge)() : false;
+function createGalleryId() {
+    return `zkit-native-image-preview-${Date.now().toString(36)}-${Math.random()
+        .toString(36)
+        .slice(2, 10)}`;
+}
+const NativeImagePreviewRoot = React.memo(function NativeImagePreview({ children, colorScheme = 'dark', disabled = false, edgeToEdge = false, items, nativeProps, onChange, }) {
+    const systemColorScheme = (0, react_native_1.useColorScheme)();
+    const galleryIdRef = React.useRef(null);
+    if (galleryIdRef.current == null) {
+        galleryIdRef.current = createGalleryId();
+    }
+    const resolvedItems = React.useMemo(() => (0, utils_1.normalizeNativeImagePreviewItems)(items), [items]);
+    const nativeItems = React.useMemo(() => (0, utils_1.toNativePreviewItems)(resolvedItems), [resolvedItems]);
+    const resolvedColorScheme = (0, utils_1.resolveNativeImagePreviewColorScheme)(colorScheme, systemColorScheme);
+    const contextValue = React.useMemo(() => ({
+        galleryId: galleryIdRef.current,
+        items: resolvedItems,
+        nativeItems,
+        colorScheme: resolvedColorScheme,
+        disabled,
+        edgeToEdge,
+        nativeProps,
+        onChange,
+    }), [disabled, edgeToEdge, nativeItems, nativeProps, onChange, resolvedColorScheme, resolvedItems]);
+    return ((0, jsx_runtime_1.jsx)(context_1.NativeImagePreviewContext.Provider, { value: contextValue, children: children }));
+});
+const NativeImagePreviewItem = React.memo(function NativeImagePreviewItem({ children, disabled = false, index, onChange, style, }) {
+    var _a;
+    const context = React.useContext(context_1.NativeImagePreviewContext);
+    const handleIndexChange = React.useCallback((event) => {
+        var _a, _b;
+        if (!context)
+            return;
+        const value = event.nativeEvent.currentIndex;
+        const meta = {
+            reason: 'swipe',
+            item: (_a = context.items[value]) !== null && _a !== void 0 ? _a : null,
+            nativeEvent: event,
+        };
+        (_b = context.onChange) === null || _b === void 0 ? void 0 : _b.call(context, value, meta);
+        onChange === null || onChange === void 0 ? void 0 : onChange(value, meta);
+    }, [context, onChange]);
+    if (!context || context.disabled || disabled || context.nativeItems.length === 0) {
+        return (0, jsx_runtime_1.jsx)(react_native_1.View, { style: style, children: children });
+    }
+    const resolvedEdgeToEdge = ANDROID_EDGE_TO_EDGE || context.edgeToEdge;
+    if (__DEV__ && react_native_1.Platform.OS === 'android') {
+        (0, react_native_is_edge_to_edge_1.controlEdgeToEdgeValues)({ edgeToEdge: resolvedEdgeToEdge });
+    }
+    return ((0, jsx_runtime_1.jsx)(NativePreviewView, { closeIconName: (_a = context.nativeProps) === null || _a === void 0 ? void 0 : _a.iosCloseIconName, edgeToEdge: resolvedEdgeToEdge, galleryId: context.galleryId, index: (0, utils_1.clampPreviewIndex)(index, context.nativeItems.length), items: context.nativeItems, onIndexChange: handleIndexChange, style: style, theme: context.colorScheme, children: children }));
+});
+exports.NativeImagePreview = Object.assign(NativeImagePreviewRoot, {
+    Item: NativeImagePreviewItem,
+});

package/dist/ui/NativeImagePreview/NativeImagePreview.web.d.ts

@@ -0,0 +1,3 @@
+import type { NativeImagePreviewComponent } from './types';
+export declare const NativeImagePreview: NativeImagePreviewComponent;
+//# sourceMappingURL=NativeImagePreview.web.d.ts.map

package/dist/ui/NativeImagePreview/NativeImagePreview.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeImagePreview.web.d.ts","sourceRoot":"","sources":["../../../src/ui/NativeImagePreview/NativeImagePreview.web.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,2BAA2B,EAG5B,MAAM,SAAS,CAAC;AA4BjB,eAAO,MAAM,kBAAkB,EAEzB,2BAA2B,CAAC"}

package/dist/ui/NativeImagePreview/NativeImagePreview.web.js

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeImagePreview = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+let didWarnUnsupportedWeb = false;
+function warnUnsupportedWeb() {
+    if (!__DEV__ || didWarnUnsupportedWeb)
+        return;
+    didWarnUnsupportedWeb = true;
+    console.warn('[zkit-ui][NativeImagePreview] Native shared-transition preview is only available in iOS and Android native builds.');
+}
+const NativeImagePreviewRoot = React.memo(function NativeImagePreview({ children, }) {
+    React.useEffect(warnUnsupportedWeb, []);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+});
+const NativeImagePreviewItem = React.memo(function NativeImagePreviewItem({ children, style, }) {
+    return (0, jsx_runtime_1.jsx)(react_native_1.View, { style: style, children: children });
+});
+exports.NativeImagePreview = Object.assign(NativeImagePreviewRoot, {
+    Item: NativeImagePreviewItem,
+});

package/dist/ui/NativeImagePreview/context.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { NativeImagePreviewChangeMeta, NativeImagePreviewNativeItem, NativeImagePreviewNativeProps, NativeImagePreviewResolvedItem, NativeImagePreviewResolvedColorScheme } from './types';
+export type NativeImagePreviewContextValue = {
+    galleryId: string;
+    items: readonly NativeImagePreviewResolvedItem[];
+    nativeItems: readonly NativeImagePreviewNativeItem[];
+    colorScheme: NativeImagePreviewResolvedColorScheme;
+    disabled: boolean;
+    edgeToEdge: boolean;
+    nativeProps?: NativeImagePreviewNativeProps;
+    onChange?: (value: number, meta: NativeImagePreviewChangeMeta) => void;
+};
+export declare const NativeImagePreviewContext: React.Context<NativeImagePreviewContextValue | null>;
+//# sourceMappingURL=context.d.ts.map

package/dist/ui/NativeImagePreview/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/ui/NativeImagePreview/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,4BAA4B,EAC5B,4BAA4B,EAC5B,6BAA6B,EAC7B,8BAA8B,EAC9B,qCAAqC,EACtC,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,8BAA8B,GAAG;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,SAAS,8BAA8B,EAAE,CAAC;IACjD,WAAW,EAAE,SAAS,4BAA4B,EAAE,CAAC;IACrD,WAAW,EAAE,qCAAqC,CAAC;IACnD,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,6BAA6B,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,4BAA4B,KAAK,IAAI,CAAC;CACxE,CAAC;AAEF,eAAO,MAAM,yBAAyB,sDAC4B,CAAC"}

package/dist/ui/NativeImagePreview/context.js

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeImagePreviewContext = void 0;
+const React = __importStar(require("react"));
+exports.NativeImagePreviewContext = React.createContext(null);

package/dist/ui/NativeImagePreview/index.d.ts

@@ -0,0 +1,3 @@
+export { NativeImagePreview } from './NativeImagePreview';
+export type { NativeImagePreviewChangeEvent, NativeImagePreviewChangeEventPayload, NativeImagePreviewChangeMeta, NativeImagePreviewChangeReason, NativeImagePreviewColorScheme, NativeImagePreviewComponent, NativeImagePreviewItem, NativeImagePreviewItemDescriptor, NativeImagePreviewItemProps, NativeImagePreviewMediaType, NativeImagePreviewNativeProps, NativeImagePreviewProps, NativeImagePreviewResolvedItem, NativeImagePreviewResolvedColorScheme, NativeImagePreviewSource, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/NativeImagePreview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/NativeImagePreview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,6BAA6B,EAC7B,oCAAoC,EACpC,4BAA4B,EAC5B,8BAA8B,EAC9B,6BAA6B,EAC7B,2BAA2B,EAC3B,sBAAsB,EACtB,gCAAgC,EAChC,2BAA2B,EAC3B,2BAA2B,EAC3B,6BAA6B,EAC7B,uBAAuB,EACvB,8BAA8B,EAC9B,qCAAqC,EACrC,wBAAwB,GACzB,MAAM,SAAS,CAAC"}

package/dist/ui/NativeImagePreview/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeImagePreview = void 0;
+var NativeImagePreview_1 = require("./NativeImagePreview");
+Object.defineProperty(exports, "NativeImagePreview", { enumerable: true, get: function () { return NativeImagePreview_1.NativeImagePreview; } });

package/dist/ui/NativeImagePreview/types.d.ts

@@ -0,0 +1,66 @@
+import type * as React from 'react';
+import type { ImageSourcePropType, NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';
+export type NativeImagePreviewResolvedColorScheme = 'dark' | 'light';
+export type NativeImagePreviewColorScheme = NativeImagePreviewResolvedColorScheme | 'system';
+export type NativeImagePreviewMediaType = 'image' | 'video';
+export type NativeImagePreviewSource = ImageSourcePropType | string;
+export type NativeImagePreviewItemDescriptor = {
+    id?: string;
+    type?: NativeImagePreviewMediaType;
+    url?: string;
+    source?: NativeImagePreviewSource;
+    poster?: NativeImagePreviewSource;
+    width?: number;
+    height?: number;
+};
+export type NativeImagePreviewItem = NativeImagePreviewSource | NativeImagePreviewItemDescriptor;
+export type NativeImagePreviewResolvedItem = {
+    id: string;
+    type: NativeImagePreviewMediaType;
+    url: string;
+    poster?: string;
+    width?: number;
+    height?: number;
+    raw: NativeImagePreviewItem;
+};
+export type NativeImagePreviewNativeItem = {
+    id: string;
+    type: NativeImagePreviewMediaType;
+    url: string;
+    poster?: string;
+    width?: number;
+    height?: number;
+};
+export type NativeImagePreviewChangeReason = 'swipe';
+export type NativeImagePreviewChangeEventPayload = {
+    currentIndex: number;
+};
+export type NativeImagePreviewChangeEvent = NativeSyntheticEvent<NativeImagePreviewChangeEventPayload>;
+export type NativeImagePreviewChangeMeta = {
+    reason: NativeImagePreviewChangeReason;
+    item: NativeImagePreviewResolvedItem | null;
+    nativeEvent?: NativeImagePreviewChangeEvent;
+};
+export type NativeImagePreviewNativeProps = {
+    iosCloseIconName?: string;
+};
+export type NativeImagePreviewProps = {
+    items: readonly NativeImagePreviewItem[];
+    children: React.ReactNode;
+    colorScheme?: NativeImagePreviewColorScheme;
+    disabled?: boolean;
+    edgeToEdge?: boolean;
+    nativeProps?: NativeImagePreviewNativeProps;
+    onChange?: (value: number, meta: NativeImagePreviewChangeMeta) => void;
+};
+export type NativeImagePreviewItemProps = {
+    index: number;
+    children: React.ReactElement;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+    onChange?: (value: number, meta: NativeImagePreviewChangeMeta) => void;
+};
+export type NativeImagePreviewComponent = React.MemoExoticComponent<(props: NativeImagePreviewProps) => React.ReactElement> & {
+    Item: React.MemoExoticComponent<(props: NativeImagePreviewItemProps) => React.ReactElement>;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/NativeImagePreview/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/NativeImagePreview/types.ts"],"names":[],"mappings":"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"}

package/dist/ui/NativeImagePreview/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/ui/NativeImagePreview/utils.d.ts

@@ -0,0 +1,8 @@
+import { type ColorSchemeName } from 'react-native';
+import type { NativeImagePreviewColorScheme, NativeImagePreviewItem, NativeImagePreviewNativeItem, NativeImagePreviewResolvedItem, NativeImagePreviewResolvedColorScheme, NativeImagePreviewSource } from './types';
+export declare function resolvePreviewSourceUri(source: NativeImagePreviewSource | undefined): string | undefined;
+export declare function normalizeNativeImagePreviewItems(items: readonly NativeImagePreviewItem[]): NativeImagePreviewResolvedItem[];
+export declare function toNativePreviewItems(items: readonly NativeImagePreviewResolvedItem[]): NativeImagePreviewNativeItem[];
+export declare function clampPreviewIndex(index: number, length: number): number;
+export declare function resolveNativeImagePreviewColorScheme(colorScheme: NativeImagePreviewColorScheme | undefined, systemColorScheme: ColorSchemeName): NativeImagePreviewResolvedColorScheme;
+//# sourceMappingURL=utils.d.ts.map

package/dist/ui/NativeImagePreview/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/ui/NativeImagePreview/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,eAAe,EAErB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EACV,6BAA6B,EAC7B,sBAAsB,EAEtB,4BAA4B,EAC5B,8BAA8B,EAC9B,qCAAqC,EACrC,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAejB,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,wBAAwB,GAAG,SAAS,sBAQ7C;AAoCD,wBAAgB,gCAAgC,CAC9C,KAAK,EAAE,SAAS,sBAAsB,EAAE,oCAKzC;AAED,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,SAAS,8BAA8B,EAAE,GAC/C,4BAA4B,EAAE,CAShC;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAG9D;AAED,wBAAgB,oCAAoC,CAClD,WAAW,EAAE,6BAA6B,GAAG,SAAS,EACtD,iBAAiB,EAAE,eAAe,GACjC,qCAAqC,CAIvC"}

package/dist/ui/NativeImagePreview/utils.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolvePreviewSourceUri = resolvePreviewSourceUri;
+exports.normalizeNativeImagePreviewItems = normalizeNativeImagePreviewItems;
+exports.toNativePreviewItems = toNativePreviewItems;
+exports.clampPreviewIndex = clampPreviewIndex;
+exports.resolveNativeImagePreviewColorScheme = resolveNativeImagePreviewColorScheme;
+const react_native_1 = require("react-native");
+function isDescriptor(item) {
+    if (item == null || typeof item !== 'object' || Array.isArray(item))
+        return false;
+    return ('source' in item ||
+        'url' in item ||
+        'poster' in item ||
+        'type' in item ||
+        'id' in item);
+}
+function resolvePreviewSourceUri(source) {
+    if (source == null)
+        return undefined;
+    if (typeof source === 'string')
+        return source;
+    const normalizedSource = Array.isArray(source) ? source[0] : source;
+    const resolved = react_native_1.Image.resolveAssetSource(normalizedSource);
+    return resolved === null || resolved === void 0 ? void 0 : resolved.uri;
+}
+function normalizePreviewItem(item, index) {
+    var _a, _b, _c, _d;
+    if (isDescriptor(item)) {
+        const type = (_a = item.type) !== null && _a !== void 0 ? _a : 'image';
+        const sourceUrl = resolvePreviewSourceUri(item.source);
+        const url = (_b = item.url) !== null && _b !== void 0 ? _b : sourceUrl;
+        if (!url)
+            return null;
+        const poster = (_c = resolvePreviewSourceUri(item.poster)) !== null && _c !== void 0 ? _c : (type === 'video' ? sourceUrl : undefined);
+        return {
+            id: (_d = item.id) !== null && _d !== void 0 ? _d : `${index}`,
+            type,
+            url,
+            poster,
+            width: item.width,
+            height: item.height,
+            raw: item,
+        };
+    }
+    const url = resolvePreviewSourceUri(item);
+    if (!url)
+        return null;
+    return {
+        id: `${index}`,
+        type: 'image',
+        url,
+        raw: item,
+    };
+}
+function normalizeNativeImagePreviewItems(items) {
+    return items
+        .map((item, index) => normalizePreviewItem(item, index))
+        .filter((item) => item != null);
+}
+function toNativePreviewItems(items) {
+    return items.map(({ id, type, url, poster, width, height }) => ({
+        id,
+        type,
+        url,
+        poster,
+        width,
+        height,
+    }));
+}
+function clampPreviewIndex(index, length) {
+    if (!Number.isFinite(index))
+        return 0;
+    return Math.max(0, Math.min(Math.round(index), Math.max(0, length - 1)));
+}
+function resolveNativeImagePreviewColorScheme(colorScheme, systemColorScheme) {
+    if (colorScheme === 'light' || colorScheme === 'dark')
+        return colorScheme;
+    if (colorScheme === 'system')
+        return systemColorScheme === 'light' ? 'light' : 'dark';
+    return 'dark';
+}

package/expo-module.config.json

@@ -0,0 +1,11 @@
+{
+  "platforms": ["apple", "android"],
+  "apple": {
+    "modules": ["GaleriaModule"],
+    "podspecPath": "zkit-ui.podspec",
+    "swiftModuleName": "zkit_ui"
+  },
+  "android": {
+    "modules": ["cn.fontree.zkit.ui.preview.GaleriaModule"]
+  }
+}

package/ios/GaleriaModule.swift

@@ -0,0 +1,46 @@
+import ExpoModulesCore
+
+public class GaleriaModule: Module {
+  public func definition() -> ModuleDefinition {
+    Name("ZKitNativeImagePreview")
+
+    View(GaleriaView.self) {
+      Events("onIndexChange")
+
+      OnViewDidUpdateProps { (view) in
+        view.setupImageView()
+      }
+
+      Prop("urls") { (view, urls: [String]?) in
+        view.urls = urls
+      }
+
+      Prop("items") { (view, items: [[String: Any]]?) in
+        view.items = items
+      }
+
+      Prop("index") { (view, index: Int?) in
+        view.initialIndex = index
+      }
+
+      Prop("galleryId") { (view, galleryId: String?) in
+        view.galleryId = galleryId
+      }
+
+      Prop("theme") { (view, theme: Theme?) in
+        view.theme = theme ?? .dark
+      }
+      Prop("closeIconName") { (view, closeIconName: String?) in
+        view.closeIconName = closeIconName
+      }
+      Prop("rightNavItemIconName") { (view, rightNavItemIconName: String) in
+        view.rightNavItemIconName = rightNavItemIconName
+      }
+
+    }
+  }
+
+  func onIndexChange(index: Int) {
+    sendEvent("onIndexChange", ["currentIndex": index])
+  }
+}