@seakoi/native-ui 1.0.0 → 1.1.0

package/dist/typescript/commonjs/src/components/base/carousel/types.d.ts

@@ -0,0 +1,113 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+/** Carousel 组件暴露的实例方法 */
+export interface CarouselRef {
+    /** 滚动到指定索引 */
+    swipeTo: (index: number) => void;
+    /** 滚动到下一页 */
+    swipeNext: () => void;
+    /** 滚动到上一页 */
+    swipePrev: () => void;
+}
+/** Carousel 组件属性 */
+export interface CarouselProps {
+    /**
+     * 初始展示的索引
+     * @default 0
+     */
+    defaultIndex?: number;
+    /**
+     * 是否允许手势滑动
+     * @default true
+     */
+    allowTouchMove?: boolean;
+    /**
+     * 是否自动轮播
+     * - `false`: 不自动轮播
+     * - `true`: 正向自动轮播
+     * - `'reverse'`: 反向自动轮播
+     * @default false
+     */
+    autoplay?: boolean | 'reverse';
+    /**
+     * 自动轮播间隔，单位：毫秒
+     * @default 3000
+     */
+    autoplayInterval?: number;
+    /**
+     * 是否开启循环播放
+     * @default false
+     */
+    loop?: boolean;
+    /**
+     * 滑动方向
+     * @default 'horizontal'
+     */
+    direction?: 'horizontal' | 'vertical';
+    /** 索引变化回调 */
+    onIndexChange?: (index: number) => void;
+    /** 指示器配置 */
+    indicatorProps?: {
+        /** 指示器激活状态颜色 */
+        color?: string;
+        /** 指示器容器样式 */
+        style?: StyleProp<ViewStyle>;
+    };
+    /**
+     * 自定义指示器
+     * - `false`: 不展示指示器
+     * - 函数：接收总数与当前索引，返回自定义节点
+     */
+    indicator?: false | ((total: number, current: number) => ReactNode);
+    /**
+     * 单个滑块所占轨道宽（高）度百分比
+     * 取值范围 0 ~ 100
+     * @default 100
+     */
+    slideSize?: number;
+    /**
+     * 轨道两侧预留的偏移量百分比
+     * 用于在两端留出空白
+     * @default 0
+     */
+    trackOffset?: number;
+    /**
+     * 是否在边界处卡住
+     * 开启后滑动到边缘不会完全滑出可视区域
+     * @default true
+     */
+    stuckAtBoundary?: boolean;
+    /**
+     * 是否开启橡皮筋效果
+     * 关闭后到达边界时不再有超出回弹
+     * @default true
+     */
+    rubberband?: boolean;
+    /**
+     * 虚拟渲染时前后额外渲染的滑块个数
+     * 仅在使用 render prop 且传入 total 时生效
+     * @default 2
+     */
+    virtualOverscan?: number;
+    /**
+     * 总滑块数量
+     * 使用 render prop children 时需要手动传入
+     */
+    total?: number;
+    /**
+     * 滑块内容
+     * - 直接传入 CarouselItem 列表
+     * - 或者传入 render prop，根据索引返回节点
+     */
+    children?: ReactElement<CarouselItemProps> | ReactElement<CarouselItemProps>[] | ((index: number) => ReactElement<CarouselItemProps>);
+    /** 容器样式 */
+    style?: StyleProp<ViewStyle>;
+}
+/** CarouselItem 组件属性 */
+export interface CarouselItemProps {
+    /** 滑块内容 */
+    children?: ReactNode;
+    /** 滑块容器样式 */
+    style?: StyleProp<ViewStyle>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/commonjs/src/components/base/carousel/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/base/carousel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,yBAAyB;AACzB,MAAM,WAAW,WAAW;IAC1B,cAAc;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,aAAa;IACb,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa;IACb,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,oBAAoB;AACpB,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE/B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAEtC,aAAa;IACb,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,YAAY;IACZ,cAAc,CAAC,EAAE;QACf,gBAAgB;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,cAAc;QACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC9B,CAAC;IAEF;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC;IAEpE;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,QAAQ,CAAC,EACL,YAAY,CAAC,iBAAiB,CAAC,GAC/B,YAAY,CAAC,iBAAiB,CAAC,EAAE,GACjC,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAEzD,WAAW;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAwB;AACxB,MAAM,WAAW,iBAAiB;IAChC,WAAW;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B"}

package/dist/typescript/commonjs/src/components/base/carousel/utils.d.ts

@@ -0,0 +1,6 @@
+import { type ReactElement } from 'react';
+import type { CarouselItemProps, CarouselProps } from '#components/base';
+export declare const isRenderPropChildren: (children: CarouselProps["children"]) => children is (index: number) => ReactElement<CarouselItemProps>;
+export declare const normalizeChildren: (children: CarouselProps["children"], total: number) => ReactElement[];
+export declare const getDefaultTotal: (children: CarouselProps["children"]) => number;
+//# sourceMappingURL=utils.d.ts.map

package/dist/typescript/commonjs/src/components/base/carousel/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/base/carousel/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEzE,eAAO,MAAM,oBAAoB,GAC/B,UAAU,aAAa,CAAC,UAAU,CAAC,KAClC,QAAQ,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC,iBAAiB,CAE/D,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,UAAU,aAAa,CAAC,UAAU,CAAC,EACnC,OAAO,MAAM,KACZ,YAAY,EAMd,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,UAAU,aAAa,CAAC,UAAU,CAAC,WAIlE,CAAC"}

package/dist/typescript/commonjs/src/components/base/index.d.ts

@@ -6,6 +6,7 @@ export * from './back-to-top';
 export * from './badge';
 export * from './button';
 export * from './calendar';
+export * from './carousel';
 export * from './cell';
 export * from './checkbox';
 export * from './collapse';

package/dist/typescript/commonjs/src/components/base/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}

package/dist/typescript/module/src/components/base/carousel/carousel-item.d.ts

@@ -0,0 +1,4 @@
+import type { PropsWithChildren } from 'react';
+import type { CarouselItemProps } from './types';
+export declare const CarouselItem: React.FC<PropsWithChildren<CarouselItemProps>>;
+//# sourceMappingURL=carousel-item.d.ts.map

package/dist/typescript/module/src/components/base/carousel/carousel-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-item.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/base/carousel/carousel-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAKvE,CAAC"}

package/dist/typescript/module/src/components/base/carousel/carousel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { CarouselProps, CarouselRef } from './types';
+/**
+ * 轮播图
+ */
+export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<CarouselRef>>;
+//# sourceMappingURL=carousel.d.ts.map

package/dist/typescript/module/src/components/base/carousel/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/base/carousel/carousel.tsx"],"names":[],"mappings":"AACA,OAAO,KASN,MAAM,OAAO,CAAC;AAqBf,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA6B1D;;GAEG;AACH,eAAO,MAAM,QAAQ,mFAinBnB,CAAC"}

package/dist/typescript/module/src/components/base/carousel/index.d.ts

@@ -0,0 +1,7 @@
+export * from './carousel';
+export * from './carousel-item';
+export type * from './types';
+export declare const Carousel: import("react").ForwardRefExoticComponent<import("./types").CarouselProps & import("react").RefAttributes<import("./types").CarouselRef>> & {
+    Item: import("react").FC<import("react").PropsWithChildren<import("./types").CarouselItemProps>>;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/module/src/components/base/carousel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/base/carousel/index.ts"],"names":[],"mappings":"AAGA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,SAAS,CAAC;AAE7B,eAAO,MAAM,QAAQ;;CAAmD,CAAC"}

package/dist/typescript/module/src/components/base/carousel/style/index.d.ts

@@ -0,0 +1,41 @@
+export declare const useCarouselStyles: (options?: import("../../../../shared/utils").AnyObject | undefined) => {
+    container: {
+        overflow: "hidden";
+        height: "100%";
+        width: "100%";
+    };
+    track: {
+        flex: number;
+        overflow: "hidden";
+    };
+    trackInner: {
+        flexGrow: number;
+        flexShrink: number;
+    };
+    slide: {
+        flexGrow: number;
+        flexShrink: number;
+        overflow: "hidden";
+    };
+    indicatorContainer: {
+        position: "absolute";
+        left: number;
+        right: number;
+        bottom: number;
+        flexDirection: "row";
+        justifyContent: "center";
+        alignItems: "center";
+        gap: number;
+    };
+    indicatorDot: {
+        width: number;
+        height: number;
+        borderRadius: 999;
+        backgroundColor: "rgba(0, 0, 0, 0.18)";
+        opacity: number;
+    };
+    indicatorDotActive: {
+        opacity: number;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/module/src/components/base/carousel/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/base/carousel/style/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuC3B,CAAC"}

package/dist/typescript/module/src/components/base/carousel/types.d.ts

@@ -0,0 +1,113 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+/** Carousel 组件暴露的实例方法 */
+export interface CarouselRef {
+    /** 滚动到指定索引 */
+    swipeTo: (index: number) => void;
+    /** 滚动到下一页 */
+    swipeNext: () => void;
+    /** 滚动到上一页 */
+    swipePrev: () => void;
+}
+/** Carousel 组件属性 */
+export interface CarouselProps {
+    /**
+     * 初始展示的索引
+     * @default 0
+     */
+    defaultIndex?: number;
+    /**
+     * 是否允许手势滑动
+     * @default true
+     */
+    allowTouchMove?: boolean;
+    /**
+     * 是否自动轮播
+     * - `false`: 不自动轮播
+     * - `true`: 正向自动轮播
+     * - `'reverse'`: 反向自动轮播
+     * @default false
+     */
+    autoplay?: boolean | 'reverse';
+    /**
+     * 自动轮播间隔，单位：毫秒
+     * @default 3000
+     */
+    autoplayInterval?: number;
+    /**
+     * 是否开启循环播放
+     * @default false
+     */
+    loop?: boolean;
+    /**
+     * 滑动方向
+     * @default 'horizontal'
+     */
+    direction?: 'horizontal' | 'vertical';
+    /** 索引变化回调 */
+    onIndexChange?: (index: number) => void;
+    /** 指示器配置 */
+    indicatorProps?: {
+        /** 指示器激活状态颜色 */
+        color?: string;
+        /** 指示器容器样式 */
+        style?: StyleProp<ViewStyle>;
+    };
+    /**
+     * 自定义指示器
+     * - `false`: 不展示指示器
+     * - 函数：接收总数与当前索引，返回自定义节点
+     */
+    indicator?: false | ((total: number, current: number) => ReactNode);
+    /**
+     * 单个滑块所占轨道宽（高）度百分比
+     * 取值范围 0 ~ 100
+     * @default 100
+     */
+    slideSize?: number;
+    /**
+     * 轨道两侧预留的偏移量百分比
+     * 用于在两端留出空白
+     * @default 0
+     */
+    trackOffset?: number;
+    /**
+     * 是否在边界处卡住
+     * 开启后滑动到边缘不会完全滑出可视区域
+     * @default true
+     */
+    stuckAtBoundary?: boolean;
+    /**
+     * 是否开启橡皮筋效果
+     * 关闭后到达边界时不再有超出回弹
+     * @default true
+     */
+    rubberband?: boolean;
+    /**
+     * 虚拟渲染时前后额外渲染的滑块个数
+     * 仅在使用 render prop 且传入 total 时生效
+     * @default 2
+     */
+    virtualOverscan?: number;
+    /**
+     * 总滑块数量
+     * 使用 render prop children 时需要手动传入
+     */
+    total?: number;
+    /**
+     * 滑块内容
+     * - 直接传入 CarouselItem 列表
+     * - 或者传入 render prop，根据索引返回节点
+     */
+    children?: ReactElement<CarouselItemProps> | ReactElement<CarouselItemProps>[] | ((index: number) => ReactElement<CarouselItemProps>);
+    /** 容器样式 */
+    style?: StyleProp<ViewStyle>;
+}
+/** CarouselItem 组件属性 */
+export interface CarouselItemProps {
+    /** 滑块内容 */
+    children?: ReactNode;
+    /** 滑块容器样式 */
+    style?: StyleProp<ViewStyle>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/module/src/components/base/carousel/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/base/carousel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,yBAAyB;AACzB,MAAM,WAAW,WAAW;IAC1B,cAAc;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,aAAa;IACb,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa;IACb,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,oBAAoB;AACpB,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE/B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAEtC,aAAa;IACb,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,YAAY;IACZ,cAAc,CAAC,EAAE;QACf,gBAAgB;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,cAAc;QACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC9B,CAAC;IAEF;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC;IAEpE;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,QAAQ,CAAC,EACL,YAAY,CAAC,iBAAiB,CAAC,GAC/B,YAAY,CAAC,iBAAiB,CAAC,EAAE,GACjC,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAEzD,WAAW;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAwB;AACxB,MAAM,WAAW,iBAAiB;IAChC,WAAW;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B"}

package/dist/typescript/module/src/components/base/carousel/utils.d.ts

@@ -0,0 +1,6 @@
+import { type ReactElement } from 'react';
+import type { CarouselItemProps, CarouselProps } from '#components/base';
+export declare const isRenderPropChildren: (children: CarouselProps["children"]) => children is (index: number) => ReactElement<CarouselItemProps>;
+export declare const normalizeChildren: (children: CarouselProps["children"], total: number) => ReactElement[];
+export declare const getDefaultTotal: (children: CarouselProps["children"]) => number;
+//# sourceMappingURL=utils.d.ts.map

package/dist/typescript/module/src/components/base/carousel/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/base/carousel/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEzE,eAAO,MAAM,oBAAoB,GAC/B,UAAU,aAAa,CAAC,UAAU,CAAC,KAClC,QAAQ,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC,iBAAiB,CAE/D,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,UAAU,aAAa,CAAC,UAAU,CAAC,EACnC,OAAO,MAAM,KACZ,YAAY,EAMd,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,UAAU,aAAa,CAAC,UAAU,CAAC,WAIlE,CAAC"}

package/dist/typescript/module/src/components/base/index.d.ts

@@ -6,6 +6,7 @@ export * from './back-to-top';
 export * from './badge';
 export * from './button';
 export * from './calendar';
+export * from './carousel';
 export * from './cell';
 export * from './checkbox';
 export * from './collapse';

package/dist/typescript/module/src/components/base/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seakoi/native-ui",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "type": "module",
   "keywords": [
     "ui-design",
@@ -48,7 +48,8 @@
     ]
   },
   "release": {
-    "extends": "../../.releaserc.json"
+    "extends": "../../.releaserc.json",
+    "tagFormat": "@seakoi/native-ui@${version}"
   },
   "react-native-builder-bob": {
     "source": "src",

package/src/components/base/carousel/carousel-item.tsx

@@ -0,0 +1,11 @@
+import type { PropsWithChildren } from 'react';
+import { View } from 'react-native';
+
+import type { CarouselItemProps } from './types';
+
+export const CarouselItem: React.FC<PropsWithChildren<CarouselItemProps>> = ({
+  children,
+  style,
+}) => {
+  return <View style={[{ height: '100%', width: '100%' }, style]}>{children}</View>;
+};