@unif/react-native-ui 0.1.0

package/lib/module/space/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+/**
+ * 间距占位组件
+ *
+ * 在两个元素之间插入固定间距。
+ */
+
+import React from 'react';
+import { View } from 'react-native';
+import { verticalStyle, horizontalStyle } from "./style/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Space = ({
+  size = 12,
+  direction = 'vertical'
+}) => /*#__PURE__*/_jsx(View, {
+  style: direction === 'vertical' ? verticalStyle(size) : horizontalStyle(size)
+});
+export default Space;
+//# sourceMappingURL=index.js.map

package/lib/module/space/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","verticalStyle","horizontalStyle","jsx","_jsx","Space","size","direction","style"],"sourceRoot":"../../../src","sources":["space/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,eAAe,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASzD,MAAMC,KAA2B,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,SAAS,GAAG;AAAW,CAAC,kBACxEH,IAAA,CAACJ,IAAI;EACHQ,KAAK,EACHD,SAAS,KAAK,UAAU,GACpBN,aAAa,CAACK,IAAI,CAAC,GACnBJ,eAAe,CAACI,IAAI;AACzB,CACF,CACF;AAED,eAAeD,KAAK","ignoreList":[]}

package/lib/module/space/index.md

@@ -0,0 +1,31 @@
+# Space 间距占位
+
+在两个元素之间插入固定间距。替代 `<View style={{height: 12}} />` 或 `marginTop` 手写。
+
+## 何时使用
+
+- 两个块级元素之间需要固定间距
+- 不想在元素上写 margin 时
+
+## 代码演示
+
+```tsx
+// 垂直间距（默认）
+<Text variant="title">标题</Text>
+<Space size={16} />
+<Text variant="body">正文内容</Text>
+
+// 水平间距
+<Row>
+  <Icon name="star" />
+  <Space size={8} direction="horizontal" />
+  <Text>收藏</Text>
+</Row>
+```
+
+## API
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| size | 间距大小（px） | `number` | `12` |
+| direction | 方向 | `'vertical'` \| `'horizontal'` | `'vertical'` |

package/lib/module/space/style/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+export const verticalStyle = size => ({
+  height: size
+});
+export const horizontalStyle = size => ({
+  width: size
+});
+//# sourceMappingURL=index.js.map

package/lib/module/space/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verticalStyle","size","height","horizontalStyle","width"],"sourceRoot":"../../../../src","sources":["space/style/index.tsx"],"mappings":";;AAAA,OAAO,MAAMA,aAAa,GAAIC,IAAY,KAAM;EAAEC,MAAM,EAAED;AAAK,CAAC,CAAC;AAEjE,OAAO,MAAME,eAAe,GAAIF,IAAY,KAAM;EAAEG,KAAK,EAAEH;AAAK,CAAC,CAAC","ignoreList":[]}

package/lib/module/text/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+/**
+ * 语义化文字组件
+ *
+ * variant 驱动样式，支持嵌套 Text。
+ */
+
+import React from 'react';
+import { Text as RNText } from 'react-native';
+import { VARIANT_MAP, WEIGHT_MAP, secondaryStyle, primaryStyle } from "./style/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Text = ({
+  variant = 'body',
+  secondary,
+  primary,
+  color,
+  weight,
+  style,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(RNText, {
+    style: [VARIANT_MAP[variant], secondary && secondaryStyle, primary && primaryStyle, color != null && {
+      color
+    }, weight != null && WEIGHT_MAP[weight], style],
+    ...rest
+  });
+};
+export default Text;
+//# sourceMappingURL=index.js.map

package/lib/module/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","RNText","VARIANT_MAP","WEIGHT_MAP","secondaryStyle","primaryStyle","jsx","_jsx","variant","secondary","primary","color","weight","style","rest"],"sourceRoot":"../../../src","sources":["text/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,IAAIC,MAAM,QAAQ,cAAc;AAG7C,SAASC,WAAW,EAAEC,UAAU,EAAEC,cAAc,EAAEC,YAAY,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUhF,MAAMP,IAAyB,GAAGA,CAAC;EACjCQ,OAAO,GAAG,MAAM;EAChBC,SAAS;EACTC,OAAO;EACPC,KAAK;EACLC,MAAM;EACNC,KAAK;EACL,GAAGC;AACM,CAAC,KAAK;EACf,oBACEP,IAAA,CAACN,MAAM;IACLY,KAAK,EAAE,CACLX,WAAW,CAACM,OAAO,CAAC,EACpBC,SAAS,IAAIL,cAAc,EAC3BM,OAAO,IAAIL,YAAY,EACvBM,KAAK,IAAI,IAAI,IAAI;MAAEA;IAAM,CAAC,EAC1BC,MAAM,IAAI,IAAI,IAAIT,UAAU,CAACS,MAAM,CAAC,EACpCC,KAAK,CACL;IAAA,GACEC;EAAI,CACT,CAAC;AAEN,CAAC;AAED,eAAed,IAAI","ignoreList":[]}

package/lib/module/text/index.md

@@ -0,0 +1,63 @@
+# Text 语义化文字
+
+通过 `variant` 驱动排版样式。继承 RN `Text`，支持嵌套。
+
+## 何时使用
+
+- 替代直接写 `fontSize` + `fontWeight` + `color` 的 `<Text>` 组合
+- 需要统一排版规范时
+
+## 代码演示
+
+```tsx
+// 基础用法
+<Text variant="title">标题文字</Text>
+<Text variant="caption" secondary>辅助说明</Text>
+
+// 颜色与字重
+<Text variant="caption" primary weight="bold">¥88.00</Text>
+
+// 嵌套 Text
+<Text variant="body" numberOfLines={1}>
+  <Text primary weight="semibold">新 </Text>
+  {productName}
+</Text>
+```
+
+## API
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| variant | 排版变体 | `'title'` \| `'heading'` \| `'body'` \| `'caption'` \| `'micro'` | `'body'` |
+| secondary | 次要色（colorTextSecondary） | `boolean` | `false` |
+| primary | 主题色（colorPrimary） | `boolean` | `false` |
+| color | 自定义颜色 | `string` | - |
+| weight | 字重 | `'medium'` \| `'semibold'` \| `'bold'` | - |
+
+> 继承所有 RN `TextProps`（`numberOfLines`、`ellipsizeMode`、`onPress`、`style` 等）
+
+## Variant 规格
+
+| variant | fontSize | lineHeight | fontWeight | 场景 |
+|---------|----------|------------|------------|------|
+| title | 20 | 26 | 600 | 页面标题、问候语 |
+| heading | 16 | 22 | 600 | 弹窗标题、区块标题 |
+| body | 15 | 22 | 正常 | 默认正文 |
+| caption | 13 | 18 | 正常 | 信息行、标签 |
+| micro | 12 | 18 | 正常 | 地址、规格、描述 |
+
+## Weight 映射
+
+| weight | fontWeight | 场景 |
+|--------|----------|------|
+| medium | 500 | 产品名、模型名 |
+| semibold | 600 | 标题、按钮文字、客户名 |
+| bold | 700 | 价格金额 |
+
+## 样式优先级
+
+```
+VARIANT_MAP → secondary/primary → color → weight → style
+```
+
+后传入的属性覆盖先传入的，`style` prop 拥有最高优先级。

package/lib/module/text/style/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { tokens } from "../../theme/tokens.js";
+export const VARIANT_MAP = StyleSheet.create({
+  title: {
+    fontSize: 20,
+    lineHeight: 26,
+    fontWeight: '600',
+    color: tokens.colorText
+  },
+  heading: {
+    fontSize: 16,
+    lineHeight: 22,
+    fontWeight: '600',
+    color: tokens.colorText
+  },
+  body: {
+    fontSize: 15,
+    lineHeight: 22,
+    color: tokens.colorText
+  },
+  caption: {
+    fontSize: 13,
+    lineHeight: 18,
+    color: tokens.colorText
+  },
+  micro: {
+    fontSize: 12,
+    lineHeight: 18,
+    color: tokens.colorText
+  }
+});
+export const WEIGHT_MAP = {
+  medium: {
+    fontWeight: '500'
+  },
+  semibold: {
+    fontWeight: '600'
+  },
+  bold: {
+    fontWeight: '700'
+  }
+};
+export const secondaryStyle = {
+  color: tokens.colorTextSecondary
+};
+export const primaryStyle = {
+  color: tokens.colorPrimary
+};
+//# sourceMappingURL=index.js.map

package/lib/module/text/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","tokens","VARIANT_MAP","create","title","fontSize","lineHeight","fontWeight","color","colorText","heading","body","caption","micro","WEIGHT_MAP","medium","semibold","bold","secondaryStyle","colorTextSecondary","primaryStyle","colorPrimary"],"sourceRoot":"../../../../src","sources":["text/style/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,MAAM,QAAQ,uBAAoB;AAI3C,OAAO,MAAMC,WAAW,GAAGF,UAAU,CAACG,MAAM,CAAC;EAC3CC,KAAK,EAAE;IACLC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEP,MAAM,CAACQ;EAChB,CAAC;EACDC,OAAO,EAAE;IACPL,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEP,MAAM,CAACQ;EAChB,CAAC;EACDE,IAAI,EAAE;IAAEN,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEE,KAAK,EAAEP,MAAM,CAACQ;EAAU,CAAC;EAC/DG,OAAO,EAAE;IAAEP,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEE,KAAK,EAAEP,MAAM,CAACQ;EAAU,CAAC;EAClEI,KAAK,EAAE;IAAER,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEE,KAAK,EAAEP,MAAM,CAACQ;EAAU;AACjE,CAAC,CAAC;AAEF,OAAO,MAAMK,UAAyC,GAAG;EACvDC,MAAM,EAAE;IAAER,UAAU,EAAE;EAAM,CAAC;EAC7BS,QAAQ,EAAE;IAAET,UAAU,EAAE;EAAM,CAAC;EAC/BU,IAAI,EAAE;IAAEV,UAAU,EAAE;EAAM;AAC5B,CAAC;AAED,OAAO,MAAMW,cAAyB,GAAG;EAAEV,KAAK,EAAEP,MAAM,CAACkB;AAAmB,CAAC;AAC7E,OAAO,MAAMC,YAAuB,GAAG;EAAEZ,KAAK,EAAEP,MAAM,CAACoB;AAAa,CAAC","ignoreList":[]}

package/lib/module/theme/config.js

@@ -0,0 +1,27 @@
+"use strict";
+
+/**
+ * 主题配置
+ *
+ * 消费方通过 configure() 注入主题色，实现包与业务解耦。
+ */
+
+let _config = {};
+
+/**
+ * 配置主题
+ *
+ * @example
+ * import { configure } from '@unif/react-native-ui';
+ * configure({ primaryColor: getAppThemeColor() });
+ */
+export function configure(options) {
+  _config = {
+    ..._config,
+    ...options
+  };
+}
+export function getPrimaryColor() {
+  return _config.primaryColor || '#EB6E00';
+}
+//# sourceMappingURL=config.js.map

package/lib/module/theme/config.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_config","configure","options","getPrimaryColor","primaryColor"],"sourceRoot":"../../../src","sources":["theme/config.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAMA,IAAIA,OAAoB,GAAG,CAAC,CAAC;;AAE7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAACC,OAAoB,EAAQ;EACpDF,OAAO,GAAG;IAAE,GAAGA,OAAO;IAAE,GAAGE;EAAQ,CAAC;AACtC;AAEA,OAAO,SAASC,eAAeA,CAAA,EAAW;EACxC,OAAOH,OAAO,CAACI,YAAY,IAAI,SAAS;AAC1C","ignoreList":[]}

package/lib/module/theme/tokens.js

@@ -0,0 +1,67 @@
+"use strict";
+
+/**
+ * Design Tokens
+ */
+
+import { getPrimaryColor } from "./config.js";
+export const tokens = {
+  get colorPrimary() {
+    return getPrimaryColor();
+  },
+  colorSuccess: '#34C759',
+  colorWarning: '#FF9500',
+  colorError: '#FF3B30',
+  colorBgPage: '#F7F7F8',
+  colorBgElevated: '#FFFFFF',
+  colorBgUserMsg: '#F0F0F0',
+  colorText: '#1D1D1F',
+  colorTextSecondary: '#8E8E93',
+  colorTextPlaceholder: '#C7C7CC',
+  colorBorder: '#E5E5EA',
+  colorLink: '#007AFF',
+  colorBgHeader: '#FFFFFF',
+  colorHeaderText: '#1D1D1F',
+  colorHeaderIcon: '#8E8E93',
+  fontSizeXs: 11,
+  fontSizeSm: 13,
+  fontSize: 15,
+  fontSizeMd: 16,
+  fontSizeLg: 17,
+  fontSizeXl: 20,
+  lineHeight: 22,
+  lineHeightLg: 26,
+  spaceXs: 4,
+  spaceSm: 8,
+  space: 12,
+  spaceMd: 16,
+  spaceLg: 20,
+  spaceXl: 24,
+  spaceXxl: 32,
+  radiusSm: 6,
+  radius: 10,
+  radiusLg: 16,
+  radiusXl: 20,
+  radiusFull: 999,
+  shadowSm: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.04,
+    shadowRadius: 2,
+    elevation: 1
+  },
+  shadow: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.06,
+    shadowRadius: 4,
+    elevation: 2
+  }
+};
+//# sourceMappingURL=tokens.js.map

package/lib/module/theme/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getPrimaryColor","tokens","colorPrimary","colorSuccess","colorWarning","colorError","colorBgPage","colorBgElevated","colorBgUserMsg","colorText","colorTextSecondary","colorTextPlaceholder","colorBorder","colorLink","colorBgHeader","colorHeaderText","colorHeaderIcon","fontSizeXs","fontSizeSm","fontSize","fontSizeMd","fontSizeLg","fontSizeXl","lineHeight","lineHeightLg","spaceXs","spaceSm","space","spaceMd","spaceLg","spaceXl","spaceXxl","radiusSm","radius","radiusLg","radiusXl","radiusFull","shadowSm","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","shadow"],"sourceRoot":"../../../src","sources":["theme/tokens.ts"],"mappings":";;AAAA;AACA;AACA;;AAEA,SAASA,eAAe,QAAQ,aAAU;AAE1C,OAAO,MAAMC,MAAM,GAAG;EACpB,IAAIC,YAAYA,CAAA,EAAG;IACjB,OAAOF,eAAe,CAAC,CAAC;EAC1B,CAAC;EACDG,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvBC,UAAU,EAAE,SAAS;EAErBC,WAAW,EAAE,SAAS;EACtBC,eAAe,EAAE,SAAS;EAC1BC,cAAc,EAAE,SAAS;EAEzBC,SAAS,EAAE,SAAS;EACpBC,kBAAkB,EAAE,SAAS;EAC7BC,oBAAoB,EAAE,SAAS;EAC/BC,WAAW,EAAE,SAAS;EACtBC,SAAS,EAAE,SAAS;EAEpBC,aAAa,EAAE,SAAS;EACxBC,eAAe,EAAE,SAAS;EAC1BC,eAAe,EAAE,SAAS;EAE1BC,UAAU,EAAE,EAAE;EACdC,UAAU,EAAE,EAAE;EACdC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,EAAE;EACdC,UAAU,EAAE,EAAE;EACdC,UAAU,EAAE,EAAE;EACdC,UAAU,EAAE,EAAE;EACdC,YAAY,EAAE,EAAE;EAEhBC,OAAO,EAAE,CAAC;EACVC,OAAO,EAAE,CAAC;EACVC,KAAK,EAAE,EAAE;EACTC,OAAO,EAAE,EAAE;EACXC,OAAO,EAAE,EAAE;EACXC,OAAO,EAAE,EAAE;EACXC,QAAQ,EAAE,EAAE;EAEZC,QAAQ,EAAE,CAAC;EACXC,MAAM,EAAE,EAAE;EACVC,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,GAAG;EAEfC,QAAQ,EAAE;IACRC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDC,MAAM,EAAE;IACNP,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb;AACF,CAAC","ignoreList":[]}

package/lib/module/touchable/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+/**
+ * 统一触摸反馈组件
+ *
+ * 基于 Pressable，替代 TouchableOpacity。
+ * 按下时透明度降低，支持 activeOpacity 自定义。
+ */
+
+import React from 'react';
+import { Pressable } from 'react-native';
+import { disabledStyle } from "./style/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Touchable = ({
+  onPress,
+  onLongPress,
+  disabled,
+  activeOpacity = 0.7,
+  style,
+  testID,
+  ...rest
+}) => /*#__PURE__*/_jsx(Pressable, {
+  onPress: onPress,
+  onLongPress: onLongPress,
+  disabled: disabled,
+  testID: testID,
+  style: ({
+    pressed
+  }) => [style, pressed && {
+    opacity: activeOpacity
+  }, disabled && disabledStyle],
+  ...rest
+});
+export default Touchable;
+//# sourceMappingURL=index.js.map

package/lib/module/touchable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","disabledStyle","jsx","_jsx","Touchable","onPress","onLongPress","disabled","activeOpacity","style","testID","rest","pressed","opacity"],"sourceRoot":"../../../src","sources":["touchable/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,cAAc;AAExC,SAASC,aAAa,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWxC,MAAMC,SAAmC,GAAGA,CAAC;EAC3CC,OAAO;EACPC,WAAW;EACXC,QAAQ;EACRC,aAAa,GAAG,GAAG;EACnBC,KAAK;EACLC,MAAM;EACN,GAAGC;AACW,CAAC,kBACfR,IAAA,CAACH,SAAS;EACRK,OAAO,EAAEA,OAAQ;EACjBC,WAAW,EAAEA,WAAY;EACzBC,QAAQ,EAAEA,QAAS;EACnBG,MAAM,EAAEA,MAAO;EACfD,KAAK,EAAEA,CAAC;IAAEG;EAAQ,CAAC,KAAK,CACtBH,KAAK,EACLG,OAAO,IAAI;IAAEC,OAAO,EAAEL;EAAc,CAAC,EACrCD,QAAQ,IAAIN,aAAa,CACzB;EAAA,GACEU;AAAI,CACT,CACF;AAED,eAAeP,SAAS","ignoreList":[]}

package/lib/module/touchable/index.md

@@ -0,0 +1,42 @@
+# Touchable 统一触摸反馈
+
+基于 `Pressable`，统一替代 `TouchableOpacity`。按下时降低透明度，支持自定义 `activeOpacity`。
+
+## 何时使用
+
+- 替代所有 `TouchableOpacity` 的场景
+- 需要可点击区域（非按钮语义）时
+
+## 代码演示
+
+```tsx
+// 基础用法
+<Touchable onPress={handlePress}>
+  <Row gap={10}>
+    <Icon name="settings" />
+    <Text>设置</Text>
+  </Row>
+</Touchable>
+
+// 自定义按下透明度
+<Touchable onPress={handlePress} activeOpacity={0.5}>
+  <Text>更明显的按下效果</Text>
+</Touchable>
+
+// 长按
+<Touchable onPress={handlePress} onLongPress={handleLongPress}>
+  <Text>支持长按</Text>
+</Touchable>
+```
+
+## API
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| onPress | 点击回调 | `() => void` | - |
+| onLongPress | 长按回调 | `() => void` | - |
+| disabled | 禁用状态 | `boolean` | `false` |
+| activeOpacity | 按下态透明度 | `number` | `0.7` |
+| testID | 测试标识 | `string` | - |
+
+> 继承所有 RN `ViewProps`

package/lib/module/touchable/style/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+export const disabledStyle = StyleSheet.create({
+  s: {
+    opacity: 0.4
+  }
+}).s;
+//# sourceMappingURL=index.js.map

package/lib/module/touchable/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","disabledStyle","create","s","opacity"],"sourceRoot":"../../../../src","sources":["touchable/style/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,aAAa,GAAGD,UAAU,CAACE,MAAM,CAAC;EAC7CC,CAAC,EAAE;IAAEC,OAAO,EAAE;EAAI;AACpB,CAAC,CAAC,CAACD,CAAC","ignoreList":[]}

package/lib/module/wave-animation/index.js

@@ -0,0 +1,67 @@
+"use strict";
+
+/**
+ * WaveAnimation 原子组件
+ *
+ * 柱状声波动画，可配置柱数、尺寸和颜色。
+ */
+
+import React, { useEffect, useRef } from 'react';
+import { View, Animated, StyleSheet } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const WaveAnimation = ({
+  active,
+  color = '#FFFFFF',
+  barCount = 4,
+  barWidth = 3,
+  minHeight = 6,
+  maxHeight = 20,
+  style,
+  testID
+}) => {
+  const animations = useRef(Array.from({
+    length: barCount
+  }, () => new Animated.Value(minHeight))).current;
+  useEffect(() => {
+    if (!active) {
+      animations.forEach(anim => anim.setValue(minHeight));
+      return;
+    }
+    const loops = animations.map((anim, index) => Animated.loop(Animated.sequence([Animated.timing(anim, {
+      toValue: maxHeight - index * 3,
+      duration: 300 + index * 100,
+      useNativeDriver: false
+    }), Animated.timing(anim, {
+      toValue: minHeight,
+      duration: 300 + index * 100,
+      useNativeDriver: false
+    })])));
+    loops.forEach(loop => loop.start());
+    return () => {
+      loops.forEach(loop => loop.stop());
+    };
+  }, [active, animations, minHeight, maxHeight]);
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, {
+      height: maxHeight
+    }, style],
+    testID: testID,
+    children: animations.map((anim, index) => /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        width: barWidth,
+        borderRadius: barWidth / 2,
+        height: anim,
+        backgroundColor: color
+      }]
+    }, index))
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 3
+  }
+});
+export default /*#__PURE__*/React.memo(WaveAnimation);
+//# sourceMappingURL=index.js.map

package/lib/module/wave-animation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","View","Animated","StyleSheet","jsx","_jsx","WaveAnimation","active","color","barCount","barWidth","minHeight","maxHeight","style","testID","animations","Array","from","length","Value","current","forEach","anim","setValue","loops","map","index","loop","sequence","timing","toValue","duration","useNativeDriver","start","stop","styles","container","height","children","width","borderRadius","backgroundColor","create","flexDirection","alignItems","gap","memo"],"sourceRoot":"../../../src","sources":["wave-animation/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAc1D,MAAMC,aAA2C,GAAGA,CAAC;EACnDC,MAAM;EACNC,KAAK,GAAG,SAAS;EACjBC,QAAQ,GAAG,CAAC;EACZC,QAAQ,GAAG,CAAC;EACZC,SAAS,GAAG,CAAC;EACbC,SAAS,GAAG,EAAE;EACdC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAGf,MAAM,CACvBgB,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAET;EAAS,CAAC,EAAE,MAAM,IAAIP,QAAQ,CAACiB,KAAK,CAACR,SAAS,CAAC,CACtE,CAAC,CAACS,OAAO;EAETrB,SAAS,CAAC,MAAM;IACd,IAAI,CAACQ,MAAM,EAAE;MACXQ,UAAU,CAACM,OAAO,CAAEC,IAAI,IAAKA,IAAI,CAACC,QAAQ,CAACZ,SAAS,CAAC,CAAC;MACtD;IACF;IAEA,MAAMa,KAAK,GAAGT,UAAU,CAACU,GAAG,CAAC,CAACH,IAAI,EAAEI,KAAK,KACvCxB,QAAQ,CAACyB,IAAI,CACXzB,QAAQ,CAAC0B,QAAQ,CAAC,CAChB1B,QAAQ,CAAC2B,MAAM,CAACP,IAAI,EAAE;MACpBQ,OAAO,EAAElB,SAAS,GAAGc,KAAK,GAAG,CAAC;MAC9BK,QAAQ,EAAE,GAAG,GAAGL,KAAK,GAAG,GAAG;MAC3BM,eAAe,EAAE;IACnB,CAAC,CAAC,EACF9B,QAAQ,CAAC2B,MAAM,CAACP,IAAI,EAAE;MACpBQ,OAAO,EAAEnB,SAAS;MAClBoB,QAAQ,EAAE,GAAG,GAAGL,KAAK,GAAG,GAAG;MAC3BM,eAAe,EAAE;IACnB,CAAC,CAAC,CACH,CACH,CACF,CAAC;IAEDR,KAAK,CAACH,OAAO,CAAEM,IAAI,IAAKA,IAAI,CAACM,KAAK,CAAC,CAAC,CAAC;IAErC,OAAO,MAAM;MACXT,KAAK,CAACH,OAAO,CAAEM,IAAI,IAAKA,IAAI,CAACO,IAAI,CAAC,CAAC,CAAC;IACtC,CAAC;EACH,CAAC,EAAE,CAAC3B,MAAM,EAAEQ,UAAU,EAAEJ,SAAS,EAAEC,SAAS,CAAC,CAAC;EAE9C,oBACEP,IAAA,CAACJ,IAAI;IAACY,KAAK,EAAE,CAACsB,MAAM,CAACC,SAAS,EAAE;MAAEC,MAAM,EAAEzB;IAAU,CAAC,EAAEC,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAwB,QAAA,EAC3EvB,UAAU,CAACU,GAAG,CAAC,CAACH,IAAI,EAAEI,KAAK,kBAC1BrB,IAAA,CAACH,QAAQ,CAACD,IAAI;MAEZY,KAAK,EAAE,CACL;QACE0B,KAAK,EAAE7B,QAAQ;QACf8B,YAAY,EAAE9B,QAAQ,GAAG,CAAC;QAC1B2B,MAAM,EAAEf,IAAI;QACZmB,eAAe,EAAEjC;MACnB,CAAC;IACD,GARGkB,KASN,CACF;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMS,MAAM,GAAGhC,UAAU,CAACuC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE;EACP;AACF,CAAC,CAAC;AAEF,4BAAe/C,KAAK,CAACgD,IAAI,CAACxC,aAAa,CAAC","ignoreList":[]}

package/lib/module/wave-animation/index.md

@@ -0,0 +1,50 @@
+---
+title: WaveAnimation
+nav:
+  title: 组件
+  order: 1
+group:
+  title: 原子
+  order: 1
+---
+
+# WaveAnimation 声波动画
+
+柱状声波动画，适用于语音录制等场景的视觉反馈。
+
+## 何时使用
+
+- 语音录制时展示声波效果
+- 需要节奏性动画反馈时
+
+## 代码演示
+
+```tsx
+import { WaveAnimation } from '@unif/react-native-ui';
+
+// 基本用法
+<WaveAnimation active={isRecording} />
+
+// 自定义参数
+<WaveAnimation
+  active={true}
+  color="#EB6E00"
+  barCount={5}
+  barWidth={4}
+  minHeight={4}
+  maxHeight={24}
+/>
+```
+
+## API
+
+| 属性      | 说明         | 类型       | 默认值      |
+| --------- | ------------ | ---------- | ----------- |
+| active    | 控制动画启停 | `boolean`  | -           |
+| color     | 柱体颜色     | `string`   | `'#FFFFFF'` |
+| barCount  | 柱数         | `number`   | `4`         |
+| barWidth  | 柱宽         | `number`   | `3`         |
+| minHeight | 最小高度     | `number`   | `6`         |
+| maxHeight | 最大高度     | `number`   | `20`        |
+| style     | 容器样式     | `ViewStyle`| -           |
+| testID    | 测试标识     | `string`   | -           |

package/lib/typescript/jest.setup.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=jest.setup.d.ts.map

package/lib/typescript/jest.setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jest.setup.d.ts","sourceRoot":"","sources":["../../jest.setup.ts"],"names":[],"mappings":""}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/src/action-sheet/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * ActionSheet 基础组件
+ *
+ * 轻量底部选项面板，Modal + 网格布局。
+ */
+import React from 'react';
+import type { ViewStyle } from 'react-native';
+import type { ActionSheetSemanticStyles, ActionSheetOption } from './style';
+export interface ActionSheetProps {
+    visible: boolean;
+    onClose: () => void;
+    title?: string;
+    options: ActionSheetOption[];
+    onSelect: (key: string) => void;
+    columns?: number;
+    style?: ViewStyle;
+    styles?: Partial<ActionSheetSemanticStyles>;
+    testID?: string;
+}
+declare const ActionSheet: React.FC<ActionSheetProps>;
+export default ActionSheet;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/action-sheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/action-sheet/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAQvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5E,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmD3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/typescript/src/action-sheet/style/index.d.ts

@@ -0,0 +1,16 @@
+import type { ViewStyle, TextStyle } from 'react-native';
+export type ActionSheetSemanticStyles = {
+    overlay?: ViewStyle;
+    panel?: ViewStyle;
+    grid?: ViewStyle;
+    option?: ViewStyle;
+    optionIcon?: ViewStyle;
+    optionLabel?: TextStyle;
+};
+export interface ActionSheetOption {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+}
+export declare const DEFAULT_STYLES: ActionSheetSemanticStyles;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/action-sheet/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/action-sheet/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,MAAM,MAAM,yBAAyB,GAAG;IACtC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,yBAiC5B,CAAC"}

package/lib/typescript/src/avatar/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Avatar 原子组件
+ *
+ * 圆形图像/图标容器，支持图片、图标、占位三种模式。
+ */
+import React from 'react';
+import type { ViewStyle, ImageSourcePropType } from 'react-native';
+import type { AvatarSemanticStyles } from './style';
+export interface AvatarProps {
+    size?: number;
+    source?: ImageSourcePropType;
+    icon?: React.ReactNode;
+    style?: ViewStyle;
+    styles?: Partial<AvatarSemanticStyles>;
+    testID?: string;
+}
+declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/avatar/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+BjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/typescript/src/avatar/style/index.d.ts

@@ -0,0 +1,7 @@
+import type { ViewStyle, ImageStyle } from 'react-native';
+export type AvatarSemanticStyles = {
+    root?: ViewStyle;
+    image?: ImageStyle;
+};
+export declare const DEFAULT_STYLES: AvatarSemanticStyles;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/avatar/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/avatar/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1D,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,oBAY5B,CAAC"}