@unif/react-native-ui 0.1.0

package/lib/module/input/index.js

@@ -0,0 +1,69 @@
+"use strict";
+
+/**
+ * Input 基础组件
+ *
+ * TextInput 容器，支持多行、工具栏插槽、自动聚焦。
+ */
+
+import React, { useRef, useEffect, useMemo, forwardRef } from 'react';
+import { View, TextInput } from 'react-native';
+import { mergeStyles } from "../hooks/index.js";
+import { tokens } from "../theme/tokens.js";
+import { DEFAULT_STYLES } from "./style/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Input = /*#__PURE__*/forwardRef(({
+  value,
+  onChangeText,
+  placeholder,
+  multiline = false,
+  maxLength,
+  maxHeight,
+  autoFocus,
+  returnKeyType,
+  onSubmitEditing,
+  onBlur,
+  onFocus,
+  disabled,
+  toolbar,
+  style,
+  styles: semanticStyles,
+  testID
+}, ref) => {
+  const inputRef = useRef(null);
+  React.useImperativeHandle(ref, () => inputRef.current);
+  const s = useMemo(() => mergeStyles(DEFAULT_STYLES, semanticStyles), [semanticStyles]);
+  useEffect(() => {
+    if (autoFocus) {
+      inputRef.current?.focus();
+    }
+  }, [autoFocus]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [s.root, style],
+    children: [/*#__PURE__*/_jsx(TextInput, {
+      ref: inputRef,
+      testID: testID,
+      style: [s.input, maxHeight ? {
+        maxHeight
+      } : undefined],
+      value: value,
+      onChangeText: onChangeText,
+      placeholder: placeholder,
+      placeholderTextColor: tokens.colorTextPlaceholder,
+      multiline: multiline,
+      maxLength: maxLength,
+      returnKeyType: returnKeyType,
+      onSubmitEditing: onSubmitEditing,
+      onBlur: onBlur,
+      onFocus: onFocus,
+      editable: !disabled,
+      blurOnSubmit: false
+    }), toolbar && /*#__PURE__*/_jsx(View, {
+      style: s.toolbar,
+      children: toolbar
+    })]
+  });
+});
+Input.displayName = 'Input';
+export default Input;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useEffect","useMemo","forwardRef","View","TextInput","mergeStyles","tokens","DEFAULT_STYLES","jsx","_jsx","jsxs","_jsxs","Input","value","onChangeText","placeholder","multiline","maxLength","maxHeight","autoFocus","returnKeyType","onSubmitEditing","onBlur","onFocus","disabled","toolbar","style","styles","semanticStyles","testID","ref","inputRef","useImperativeHandle","current","s","focus","root","children","input","undefined","placeholderTextColor","colorTextPlaceholder","editable","blurOnSubmit","displayName"],"sourceRoot":"../../../src","sources":["input/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,SAAS,EAAEC,OAAO,EAAEC,UAAU,QAAQ,OAAO;AACrE,SAASC,IAAI,EAAEC,SAAS,QAAQ,cAAc;AAE9C,SAASC,WAAW,QAAQ,mBAAU;AACtC,SAASC,MAAM,QAAQ,oBAAiB;AAExC,SAASC,cAAc,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAuBzC,MAAMC,KAAK,gBAAGV,UAAU,CAAuB,CAAC;EAC9CW,KAAK;EACLC,YAAY;EACZC,WAAW;EACXC,SAAS,GAAG,KAAK;EACjBC,SAAS;EACTC,SAAS;EACTC,SAAS;EACTC,aAAa;EACbC,eAAe;EACfC,MAAM;EACNC,OAAO;EACPC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC,MAAM,EAAEC,cAAc;EACtBC;AACF,CAAC,EAAEC,GAAG,KAAK;EACT,MAAMC,QAAQ,GAAGhC,MAAM,CAAW,IAAI,CAAC;EAEvCD,KAAK,CAACkC,mBAAmB,CAACF,GAAG,EAAE,MAAMC,QAAQ,CAACE,OAAmB,CAAC;EAElE,MAAMC,CAAC,GAAGjC,OAAO,CACf,MAAMI,WAAW,CAAsBE,cAAc,EAAEqB,cAAc,CAAC,EACtE,CAACA,cAAc,CACjB,CAAC;EAED5B,SAAS,CAAC,MAAM;IACd,IAAImB,SAAS,EAAE;MACbY,QAAQ,CAACE,OAAO,EAAEE,KAAK,CAAC,CAAC;IAC3B;EACF,CAAC,EAAE,CAAChB,SAAS,CAAC,CAAC;EAEf,oBACER,KAAA,CAACR,IAAI;IAACuB,KAAK,EAAE,CAACQ,CAAC,CAACE,IAAI,EAAEV,KAAK,CAAE;IAAAW,QAAA,gBAC3B5B,IAAA,CAACL,SAAS;MACR0B,GAAG,EAAEC,QAAS;MACdF,MAAM,EAAEA,MAAO;MACfH,KAAK,EAAE,CAACQ,CAAC,CAACI,KAAK,EAAEpB,SAAS,GAAG;QAAEA;MAAU,CAAC,GAAGqB,SAAS,CAAE;MACxD1B,KAAK,EAAEA,KAAM;MACbC,YAAY,EAAEA,YAAa;MAC3BC,WAAW,EAAEA,WAAY;MACzByB,oBAAoB,EAAElC,MAAM,CAACmC,oBAAqB;MAClDzB,SAAS,EAAEA,SAAU;MACrBC,SAAS,EAAEA,SAAU;MACrBG,aAAa,EAAEA,aAAc;MAC7BC,eAAe,EAAEA,eAAgB;MACjCC,MAAM,EAAEA,MAAO;MACfC,OAAO,EAAEA,OAAQ;MACjBmB,QAAQ,EAAE,CAAClB,QAAS;MACpBmB,YAAY,EAAE;IAAM,CACrB,CAAC,EACDlB,OAAO,iBAAIhB,IAAA,CAACN,IAAI;MAACuB,KAAK,EAAEQ,CAAC,CAACT,OAAQ;MAAAY,QAAA,EAAEZ;IAAO,CAAO,CAAC;EAAA,CAChD,CAAC;AAEX,CAAC,CAAC;AAEFb,KAAK,CAACgC,WAAW,GAAG,OAAO;AAE3B,eAAehC,KAAK","ignoreList":[]}

package/lib/module/input/index.md

@@ -0,0 +1,73 @@
+---
+title: Input
+nav:
+  title: 组件
+  order: 1
+group:
+  title: 基础
+  order: 2
+---
+
+# Input 输入框
+
+TextInput 容器，支持多行输入、底部工具栏和自动聚焦。
+
+## 何时使用
+
+- 需要文本输入时
+- 需要带工具栏的输入框时
+- 聊天输入场景
+
+## 代码演示
+
+```tsx
+import { Input, Icon } from '@unif/react-native-ui';
+
+// 基本用法
+<Input
+  value={text}
+  onChangeText={setText}
+  placeholder="请输入..."
+/>
+
+// 多行 + 工具栏
+<Input
+  multiline
+  maxHeight={100}
+  autoFocus
+  toolbar={
+    <View style={{ flexDirection: 'row' }}>
+      <Icon name="mic-outline" size={24} />
+    </View>
+  }
+/>
+```
+
+## API
+
+| 属性            | 说明             | 类型                   | 默认值  |
+| --------------- | ---------------- | ---------------------- | ------- |
+| value           | 输入值           | `string`               | -       |
+| onChangeText    | 文本变化回调     | `(text: string) => void` | -     |
+| placeholder     | 占位文本         | `string`               | -       |
+| multiline       | 多行模式         | `boolean`              | `false` |
+| maxLength       | 最大字符数       | `number`               | -       |
+| maxHeight       | 最大高度         | `number`               | -       |
+| autoFocus       | 自动聚焦         | `boolean`              | -       |
+| returnKeyType   | 回车键类型       | `ReturnKeyTypeOptions` | -       |
+| onSubmitEditing | 提交回调         | `() => void`           | -       |
+| onBlur          | 失焦回调         | `() => void`           | -       |
+| onFocus         | 聚焦回调         | `() => void`           | -       |
+| disabled        | 禁用状态         | `boolean`              | -       |
+| toolbar         | 底部工具栏       | `ReactNode`            | -       |
+| style           | 容器样式         | `ViewStyle`            | -       |
+| styles          | 语义样式         | `InputSemanticStyles`  | -       |
+| testID          | 测试标识         | `string`               | -       |
+
+## Semantic Styles
+
+| Slot    | 说明           |
+| ------- | -------------- |
+| root    | 外层容器       |
+| input   | TextInput 本身 |
+| toolbar | 工具栏容器     |

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

@@ -0,0 +1,27 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import { tokens } from "../../theme/tokens.js";
+export const DEFAULT_STYLES = {
+  root: {
+    backgroundColor: tokens.colorBgElevated,
+    borderRadius: tokens.radiusXl,
+    paddingHorizontal: 12,
+    paddingTop: 8,
+    paddingBottom: 6,
+    ...tokens.shadow
+  },
+  input: {
+    fontSize: tokens.fontSize,
+    color: tokens.colorText,
+    lineHeight: tokens.lineHeight,
+    paddingVertical: Platform.OS === 'ios' ? 4 : 2,
+    paddingHorizontal: 4
+  },
+  toolbar: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingTop: 4
+  }
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","tokens","DEFAULT_STYLES","root","backgroundColor","colorBgElevated","borderRadius","radiusXl","paddingHorizontal","paddingTop","paddingBottom","shadow","input","fontSize","color","colorText","lineHeight","paddingVertical","OS","toolbar","flexDirection","alignItems"],"sourceRoot":"../../../../src","sources":["input/style/index.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,SAASC,MAAM,QAAQ,uBAAoB;AAQ3C,OAAO,MAAMC,cAAmC,GAAG;EACjDC,IAAI,EAAE;IACJC,eAAe,EAAEH,MAAM,CAACI,eAAe;IACvCC,YAAY,EAAEL,MAAM,CAACM,QAAQ;IAC7BC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,CAAC;IACbC,aAAa,EAAE,CAAC;IAChB,GAAGT,MAAM,CAACU;EACZ,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAEZ,MAAM,CAACY,QAAQ;IACzBC,KAAK,EAAEb,MAAM,CAACc,SAAS;IACvBC,UAAU,EAAEf,MAAM,CAACe,UAAU;IAC7BC,eAAe,EAAEjB,QAAQ,CAACkB,EAAE,KAAK,KAAK,GAAG,CAAC,GAAG,CAAC;IAC9CV,iBAAiB,EAAE;EACrB,CAAC;EACDW,OAAO,EAAE;IACPC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBZ,UAAU,EAAE;EACd;AACF,CAAC","ignoreList":[]}

package/lib/module/list-item/index.js

@@ -0,0 +1,69 @@
+"use strict";
+
+/**
+ * 列表行组件
+ *
+ * 语义 slot：root / content / description / extra。
+ */
+
+import React, { useMemo } from 'react';
+import { View, Text, Pressable } from 'react-native';
+import { mergeStyles } from "../hooks/index.js";
+import { tokens } from "../theme/tokens.js";
+import { DEFAULT_SEMANTIC, lineStyle, contentWrapStyle } from "./style/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const defaultArrowStyle = {
+  fontSize: 18,
+  color: tokens.colorTextSecondary
+};
+const ListItem = ({
+  thumb,
+  title,
+  description,
+  extra,
+  arrow,
+  arrowIcon,
+  style,
+  styles: semanticStyles,
+  ...props
+}) => {
+  const s = useMemo(() => mergeStyles(DEFAULT_SEMANTIC, semanticStyles), [semanticStyles]);
+  const content = /*#__PURE__*/_jsxs(View, {
+    style: [s.root, style],
+    children: [thumb, /*#__PURE__*/_jsxs(View, {
+      style: lineStyle,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: contentWrapStyle,
+        children: [typeof title === 'string' ? /*#__PURE__*/_jsx(Text, {
+          style: s.content,
+          children: title
+        }) : title, description != null && /*#__PURE__*/_jsx(Text, {
+          style: s.description,
+          numberOfLines: 1,
+          children: description
+        })]
+      }), extra != null && (typeof extra === 'string' ? /*#__PURE__*/_jsx(Text, {
+        style: s.extra,
+        children: extra
+      }) : /*#__PURE__*/_jsx(View, {
+        style: s.extra,
+        children: extra
+      })), arrow && (arrowIcon ?? /*#__PURE__*/_jsx(Text, {
+        style: defaultArrowStyle,
+        children: "\u203A"
+      }))]
+    })]
+  });
+  if (props.onPress) {
+    return /*#__PURE__*/_jsx(Pressable, {
+      onPress: props.onPress,
+      onLongPress: props.onLongPress,
+      disabled: props.disabled,
+      testID: props.testID,
+      children: content
+    });
+  }
+  return content;
+};
+export default ListItem;
+//# sourceMappingURL=index.js.map

package/lib/module/list-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","Text","Pressable","mergeStyles","tokens","DEFAULT_SEMANTIC","lineStyle","contentWrapStyle","jsx","_jsx","jsxs","_jsxs","defaultArrowStyle","fontSize","color","colorTextSecondary","ListItem","thumb","title","description","extra","arrow","arrowIcon","style","styles","semanticStyles","props","s","content","root","children","numberOfLines","onPress","onLongPress","disabled","testID"],"sourceRoot":"../../../src","sources":["list-item/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,EAAEC,IAAI,EAAEC,SAAS,QAAQ,cAAc;AAEpD,SAASC,WAAW,QAAQ,mBAAU;AACtC,SAASC,MAAM,QAAQ,oBAAiB;AAExC,SAASC,gBAAgB,EAAEC,SAAS,EAAEC,gBAAgB,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAiBxE,MAAMC,iBAAiB,GAAG;EAAEC,QAAQ,EAAE,EAAE;EAAEC,KAAK,EAAEV,MAAM,CAACW;AAAmB,CAAC;AAE5E,MAAMC,QAAiC,GAAGA,CAAC;EACzCC,KAAK;EACLC,KAAK;EACLC,WAAW;EACXC,KAAK;EACLC,KAAK;EACLC,SAAS;EACTC,KAAK;EACLC,MAAM,EAAEC,cAAc;EACtB,GAAGC;AACU,CAAC,KAAK;EACnB,MAAMC,CAAC,GAAG5B,OAAO,CACf,MAAMI,WAAW,CAACE,gBAAgB,EAAEoB,cAAc,CAAC,EACnD,CAACA,cAAc,CACjB,CAAC;EAED,MAAMG,OAAO,gBACXjB,KAAA,CAACX,IAAI;IAACuB,KAAK,EAAE,CAACI,CAAC,CAACE,IAAI,EAAEN,KAAK,CAAE;IAAAO,QAAA,GAC1Bb,KAAK,eACNN,KAAA,CAACX,IAAI;MAACuB,KAAK,EAAEjB,SAAU;MAAAwB,QAAA,gBACrBnB,KAAA,CAACX,IAAI;QAACuB,KAAK,EAAEhB,gBAAiB;QAAAuB,QAAA,GAC3B,OAAOZ,KAAK,KAAK,QAAQ,gBACxBT,IAAA,CAACR,IAAI;UAACsB,KAAK,EAAEI,CAAC,CAACC,OAAQ;UAAAE,QAAA,EAAEZ;QAAK,CAAO,CAAC,GAEtCA,KACD,EACAC,WAAW,IAAI,IAAI,iBAClBV,IAAA,CAACR,IAAI;UAACsB,KAAK,EAAEI,CAAC,CAACR,WAAY;UAACY,aAAa,EAAE,CAAE;UAAAD,QAAA,EAC1CX;QAAW,CACR,CACP;MAAA,CACG,CAAC,EACNC,KAAK,IAAI,IAAI,KACX,OAAOA,KAAK,KAAK,QAAQ,gBACxBX,IAAA,CAACR,IAAI;QAACsB,KAAK,EAAEI,CAAC,CAACP,KAAmB;QAAAU,QAAA,EAAEV;MAAK,CAAO,CAAC,gBAEjDX,IAAA,CAACT,IAAI;QAACuB,KAAK,EAAEI,CAAC,CAACP,KAAmB;QAAAU,QAAA,EAAEV;MAAK,CAAO,CACjD,CAAC,EACHC,KAAK,KACHC,SAAS,iBAAIb,IAAA,CAACR,IAAI;QAACsB,KAAK,EAAEX,iBAAkB;QAAAkB,QAAA,EAAC;MAAC,CAAM,CAAC,CAAC;IAAA,CACrD,CAAC;EAAA,CACH,CACP;EAED,IAAIJ,KAAK,CAACM,OAAO,EAAE;IACjB,oBACEvB,IAAA,CAACP,SAAS;MACR8B,OAAO,EAAEN,KAAK,CAACM,OAAQ;MACvBC,WAAW,EAAEP,KAAK,CAACO,WAAY;MAC/BC,QAAQ,EAAER,KAAK,CAACQ,QAAS;MACzBC,MAAM,EAAET,KAAK,CAACS,MAAO;MAAAL,QAAA,EAEpBF;IAAO,CACC,CAAC;EAEhB;EACA,OAAOA,OAAO;AAChB,CAAC;AAED,eAAeZ,QAAQ","ignoreList":[]}

package/lib/module/list-item/index.md

@@ -0,0 +1,101 @@
+# ListItem 列表行
+
+4 个语义 slot（root / content / description / extra），支持 `styles` 精确覆盖。
+
+## 何时使用
+
+- 替代 `<TouchableOpacity>` + icon + text + arrow 的手写列表行
+- 统一列表行样式：设置菜单、选择列表、会话列表等
+
+## 代码演示
+
+```tsx
+// 基础 — 带箭头
+<ListItem title="关于" arrow onPress={handleAbout} />
+
+// 带右侧额外信息
+<ListItem title="关于" extra="v1.0.0" onPress={handleAbout} />
+
+// 带左侧图标
+<ListItem
+  thumb={<Icon name="information-circle-outline" size={22} color={tokens.colorTextSecondary} />}
+  title="关于"
+  extra="v1.0.0"
+  onPress={handleAbout}
+/>
+
+// 带描述文字（双行）
+<ListItem
+  thumb={<Icon name="chatbubble-outline" size={16} />}
+  title="今天的会话"
+  description="最后一条消息预览..."
+  onPress={handleSelect}
+  onLongPress={handleDelete}
+/>
+
+// 语义插槽覆盖 — 选中态
+<ListItem
+  title={model.name}
+  description={model.desc}
+  extra={isSelected ? <Icon name="checkmark-circle" size={22} color={tokens.colorPrimary} /> : undefined}
+  onPress={() => handleSelect(model.id)}
+  styles={isSelected ? {
+    root: {backgroundColor: '#FFF7F0'},
+    content: {color: tokens.colorPrimary},
+  } : undefined}
+/>
+
+// 语义插槽覆盖 — 危险操作
+<ListItem
+  thumb={<Icon name="log-out-outline" size={22} color={tokens.colorError} />}
+  title="退出登录"
+  onPress={handleLogout}
+  styles={{content: {color: tokens.colorError}}}
+/>
+```
+
+## API
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| thumb | 左侧缩略（图标、头像等） | `ReactNode` | - |
+| title | 主标题 | `string` \| `ReactNode` | **必填** |
+| description | 描述文字（单行截断） | `string` | - |
+| extra | 右侧额外内容 | `ReactNode` \| `string` | - |
+| arrow | 显示右箭头 | `boolean` | `false` |
+| onPress | 点击回调（有值时渲染为 Pressable） | `() => void` | - |
+| onLongPress | 长按回调 | `() => void` | - |
+| disabled | 禁用状态 | `boolean` | `false` |
+| style | 外层容器样式 | `ViewStyle` | - |
+| styles | 语义插槽样式 | `Partial<ListItemSemanticStyles>` | - |
+| testID | 测试标识 | `string` | - |
+
+## Semantic Styles
+
+通过 `styles` prop 精确覆盖组件内部各 slot 的样式。
+
+| 插槽 | 类型 | 说明 |
+|------|------|------|
+| root | `ViewStyle` | 整行容器（padding、背景等） |
+| content | `TextStyle` | 主标题文字（字号、颜色、flex 等） |
+| description | `TextStyle` | 描述文字（字号、颜色等） |
+| extra | `ViewStyle & TextStyle` | 右侧额外内容区域 |
+
+## 内部布局
+
+```
+┌─ root ──────────────────────────────────┐
+│ [thumb]  ┌─ line ─────────────────────┐ │
+│          │ ┌─ contentWrap ──────────┐ │ │
+│          │ │ [content]              │ │ │
+│          │ │ [description]          │ │ │
+│          │ └────────────────────────┘ │ │
+│          │ [extra]  [arrow]           │ │
+│          └────────────────────────────┘ │
+└─────────────────────────────────────────┘
+```
+
+## 交互行为
+
+- 有 `onPress` 时自动包裹 `Pressable`，无 `onPress` 时渲染为纯 `View`
+- `onLongPress` 仅在有 `onPress` 时生效

package/lib/module/list-item/style/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { tokens } from "../../theme/tokens.js";
+export const DEFAULT_SEMANTIC = {
+  root: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 14
+  },
+  content: {
+    fontSize: 15,
+    color: tokens.colorText,
+    flex: 1
+  },
+  description: {
+    fontSize: 12,
+    color: tokens.colorTextSecondary,
+    marginTop: 2
+  },
+  extra: {
+    color: tokens.colorTextSecondary,
+    fontSize: 14
+  }
+};
+export const lineStyle = StyleSheet.create({
+  s: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center'
+  }
+}).s;
+export const contentWrapStyle = StyleSheet.create({
+  s: {
+    flex: 1
+  }
+}).s;
+//# sourceMappingURL=index.js.map

package/lib/module/list-item/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","tokens","DEFAULT_SEMANTIC","root","flexDirection","alignItems","paddingHorizontal","paddingVertical","content","fontSize","color","colorText","flex","description","colorTextSecondary","marginTop","extra","lineStyle","create","s","contentWrapStyle"],"sourceRoot":"../../../../src","sources":["list-item/style/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,MAAM,QAAQ,uBAAoB;AAS3C,OAAO,MAAMC,gBAAwC,GAAG;EACtDC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB,CAAC;EACDC,OAAO,EAAE;IACPC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAET,MAAM,CAACU,SAAS;IACvBC,IAAI,EAAE;EACR,CAAC;EACDC,WAAW,EAAE;IACXJ,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAET,MAAM,CAACa,kBAAkB;IAChCC,SAAS,EAAE;EACb,CAAC;EACDC,KAAK,EAAE;IACLN,KAAK,EAAET,MAAM,CAACa,kBAAkB;IAChCL,QAAQ,EAAE;EACZ;AACF,CAAC;AAED,OAAO,MAAMQ,SAAS,GAAGjB,UAAU,CAACkB,MAAM,CAAC;EACzCC,CAAC,EAAE;IAAEP,IAAI,EAAE,CAAC;IAAER,aAAa,EAAE,KAAK;IAAEC,UAAU,EAAE;EAAS;AAC3D,CAAC,CAAC,CAACc,CAAC;AAEJ,OAAO,MAAMC,gBAAgB,GAAGpB,UAAU,CAACkB,MAAM,CAAC;EAChDC,CAAC,EAAE;IAAEP,IAAI,EAAE;EAAE;AACf,CAAC,CAAC,CAACO,CAAC","ignoreList":[]}

package/lib/module/package.json

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

package/lib/module/popover/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+/**
+ * Popover 基础组件
+ *
+ * 锚定定位下拉容器，仅做定位，内容由 children 传入。
+ */
+
+import React, { useMemo } from 'react';
+import { View, TouchableWithoutFeedback, Modal } from 'react-native';
+import { mergeStyles } from "../hooks/index.js";
+import { DEFAULT_STYLES } from "./style/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const GAP = 4;
+const Popover = ({
+  visible,
+  onClose,
+  anchorLayout,
+  width = 180,
+  placement = 'bottom',
+  children,
+  style,
+  styles: semanticStyles,
+  testID
+}) => {
+  const s = useMemo(() => mergeStyles(DEFAULT_STYLES, semanticStyles), [semanticStyles]);
+  if (!visible) {
+    return null;
+  }
+  const positionStyle = placement === 'bottom' ? {
+    top: anchorLayout.y + anchorLayout.height + GAP,
+    left: anchorLayout.x
+  } : {
+    bottom: anchorLayout.y - GAP,
+    left: anchorLayout.x
+  };
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: onClose,
+    children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+      onPress: onClose,
+      children: /*#__PURE__*/_jsx(View, {
+        style: s.overlay,
+        children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+          children: /*#__PURE__*/_jsx(View, {
+            style: [s.content, positionStyle, {
+              width
+            }, style],
+            testID: testID,
+            children: children
+          })
+        })
+      })
+    })
+  });
+};
+export default Popover;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","TouchableWithoutFeedback","Modal","mergeStyles","DEFAULT_STYLES","jsx","_jsx","GAP","Popover","visible","onClose","anchorLayout","width","placement","children","style","styles","semanticStyles","testID","s","positionStyle","top","y","height","left","x","bottom","transparent","animationType","onRequestClose","onPress","overlay","content"],"sourceRoot":"../../../src","sources":["popover/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,IAAI,EACJC,wBAAwB,EACxBC,KAAK,QACA,cAAc;AAErB,SAASC,WAAW,QAAQ,mBAAU;AAEtC,SAASC,cAAc,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAczC,MAAMC,GAAG,GAAG,CAAC;AAEb,MAAMC,OAA+B,GAAGA,CAAC;EACvCC,OAAO;EACPC,OAAO;EACPC,YAAY;EACZC,KAAK,GAAG,GAAG;EACXC,SAAS,GAAG,QAAQ;EACpBC,QAAQ;EACRC,KAAK;EACLC,MAAM,EAAEC,cAAc;EACtBC;AACF,CAAC,KAAK;EACJ,MAAMC,CAAC,GAAGpB,OAAO,CACf,MAAMI,WAAW,CAAwBC,cAAc,EAAEa,cAAc,CAAC,EACxE,CAACA,cAAc,CACjB,CAAC;EAED,IAAI,CAACR,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,MAAMW,aAAwB,GAC5BP,SAAS,KAAK,QAAQ,GAClB;IAAEQ,GAAG,EAAEV,YAAY,CAACW,CAAC,GAAGX,YAAY,CAACY,MAAM,GAAGhB,GAAG;IAAEiB,IAAI,EAAEb,YAAY,CAACc;EAAE,CAAC,GACzE;IAAEC,MAAM,EAAEf,YAAY,CAACW,CAAC,GAAGf,GAAG;IAAEiB,IAAI,EAAEb,YAAY,CAACc;EAAE,CAAC;EAE5D,oBACEnB,IAAA,CAACJ,KAAK;IACJO,OAAO,EAAEA,OAAQ;IACjBkB,WAAW;IACXC,aAAa,EAAC,MAAM;IACpBC,cAAc,EAAEnB,OAAQ;IAAAI,QAAA,eAExBR,IAAA,CAACL,wBAAwB;MAAC6B,OAAO,EAAEpB,OAAQ;MAAAI,QAAA,eACzCR,IAAA,CAACN,IAAI;QAACe,KAAK,EAAEI,CAAC,CAACY,OAAQ;QAAAjB,QAAA,eACrBR,IAAA,CAACL,wBAAwB;UAAAa,QAAA,eACvBR,IAAA,CAACN,IAAI;YACHe,KAAK,EAAE,CAACI,CAAC,CAACa,OAAO,EAAEZ,aAAa,EAAE;cAAER;YAAM,CAAC,EAAEG,KAAK,CAAE;YACpDG,MAAM,EAAEA,MAAO;YAAAJ,QAAA,EAEdA;UAAQ,CACL;QAAC,CACiB;MAAC,CACvB;IAAC,CACiB;EAAC,CACtB,CAAC;AAEZ,CAAC;AAED,eAAeN,OAAO","ignoreList":[]}

package/lib/module/popover/index.md

@@ -0,0 +1,57 @@
+---
+title: Popover
+nav:
+  title: 组件
+  order: 1
+group:
+  title: 基础
+  order: 2
+---
+
+# Popover 弹出定位容器
+
+锚定在指定元素下方的弹出容器，用于下拉菜单等场景。
+
+## 何时使用
+
+- 下拉选择菜单
+- 模型选择器
+- 任何需要锚定定位的浮层
+
+## 代码演示
+
+```tsx
+import { Popover } from '@unif/react-native-ui';
+
+<Popover
+  visible={visible}
+  onClose={() => setVisible(false)}
+  anchorLayout={{ x: 100, y: 50, width: 120, height: 40 }}
+  width={180}
+>
+  <View>
+    <Text>下拉内容</Text>
+  </View>
+</Popover>
+```
+
+## API
+
+| 属性         | 说明           | 类型                                          | 默认值     |
+| ------------ | -------------- | --------------------------------------------- | ---------- |
+| visible      | 是否可见       | `boolean`                                     | -          |
+| onClose      | 关闭回调       | `() => void`                                  | -          |
+| anchorLayout | 锚点布局       | `{ x, y, width, height }`                     | -          |
+| width        | 内容宽度       | `number`                                      | `180`      |
+| placement    | 弹出方向       | `'bottom'` \| `'top'`                         | `'bottom'` |
+| children     | 弹出内容       | `ReactNode`                                   | -          |
+| style        | 内容容器样式   | `ViewStyle`                                   | -          |
+| styles       | 语义样式       | `PopoverSemanticStyles`                       | -          |
+| testID       | 测试标识       | `string`                                      | -          |
+
+## Semantic Styles
+
+| Slot    | 说明         |
+| ------- | ------------ |
+| overlay | 遮罩层       |
+| content | 内容容器     |

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

@@ -0,0 +1,22 @@
+"use strict";
+
+import { tokens } from "../../theme/tokens.js";
+export const DEFAULT_STYLES = {
+  overlay: {
+    flex: 1
+  },
+  content: {
+    position: 'absolute',
+    backgroundColor: tokens.colorBgElevated,
+    borderRadius: 12,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.12,
+    shadowRadius: 12,
+    elevation: 8
+  }
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["tokens","DEFAULT_STYLES","overlay","flex","content","position","backgroundColor","colorBgElevated","borderRadius","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"../../../../src","sources":["popover/style/index.tsx"],"mappings":";;AACA,SAASA,MAAM,QAAQ,uBAAoB;AAO3C,OAAO,MAAMC,cAAqC,GAAG;EACnDC,OAAO,EAAE;IACPC,IAAI,EAAE;EACR,CAAC;EACDC,OAAO,EAAE;IACPC,QAAQ,EAAE,UAAU;IACpBC,eAAe,EAAEN,MAAM,CAACO,eAAe;IACvCC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE;EACb;AACF,CAAC","ignoreList":[]}

package/lib/module/row/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+/**
+ * 水平布局容器
+ *
+ * 默认 flexDirection: 'row' + alignItems: 'center'。
+ */
+
+import React from 'react';
+import { View } from 'react-native';
+import { baseStyle, wrapStyle } from "./style/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Row = ({
+  align,
+  justify,
+  gap,
+  wrap,
+  style,
+  ...rest
+}) => /*#__PURE__*/_jsx(View, {
+  style: [baseStyle, align != null && {
+    alignItems: align
+  }, justify != null && {
+    justifyContent: justify
+  }, gap != null && {
+    gap
+  }, wrap && wrapStyle, style],
+  ...rest
+});
+export default Row;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","baseStyle","wrapStyle","jsx","_jsx","Row","align","justify","gap","wrap","style","rest","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["row/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,SAAS,EAAEC,SAAS,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgB/C,MAAMC,GAAuB,GAAGA,CAAC;EAC/BC,KAAK;EACLC,OAAO;EACPC,GAAG;EACHC,IAAI;EACJC,KAAK;EACL,GAAGC;AACK,CAAC,kBACTP,IAAA,CAACJ,IAAI;EACHU,KAAK,EAAE,CACLT,SAAS,EACTK,KAAK,IAAI,IAAI,IAAI;IAAEM,UAAU,EAAEN;EAAM,CAAC,EACtCC,OAAO,IAAI,IAAI,IAAI;IAAEM,cAAc,EAAEN;EAAQ,CAAC,EAC9CC,GAAG,IAAI,IAAI,IAAI;IAAEA;EAAI,CAAC,EACtBC,IAAI,IAAIP,SAAS,EACjBQ,KAAK,CACL;EAAA,GACEC;AAAI,CACT,CACF;AAED,eAAeN,GAAG","ignoreList":[]}

package/lib/module/row/index.md

@@ -0,0 +1,46 @@
+# Row 水平布局
+
+水平排列子元素，默认垂直居中。替代 `flexDirection: 'row' + alignItems: 'center'` 的手写样式。
+
+## 何时使用
+
+- 需要水平排列元素时
+- 替代 `<View style={{flexDirection: 'row', alignItems: 'center'}}>` 的场景
+
+## 代码演示
+
+```tsx
+// 基础用法 — 默认 alignItems: 'center'
+<Row>
+  <Icon name="star" />
+  <Text>标题</Text>
+</Row>
+
+// 两端对齐
+<Row justify="space-between">
+  <Text>左侧</Text>
+  <Text>右侧</Text>
+</Row>
+
+// 间距
+<Row gap={10}>
+  <Button block onPress={...}>修改</Button>
+  <Button block onPress={...}>确认</Button>
+</Row>
+
+// 换行
+<Row wrap gap={8}>
+  {tags.map(tag => <Tag key={tag}>{tag}</Tag>)}
+</Row>
+```
+
+## API
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| align | alignItems | `ViewStyle['alignItems']` | `'center'` |
+| justify | justifyContent | `ViewStyle['justifyContent']` | - |
+| gap | 子元素间距 | `number` | - |
+| wrap | 是否换行 | `boolean` | `false` |
+
+> 继承所有 RN `ViewProps`（`style`、`testID` 等）

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

@@ -0,0 +1,15 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+export const baseStyle = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  }
+}).row;
+export const wrapStyle = StyleSheet.create({
+  wrap: {
+    flexWrap: 'wrap'
+  }
+}).wrap;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","baseStyle","create","row","flexDirection","alignItems","wrapStyle","wrap","flexWrap"],"sourceRoot":"../../../../src","sources":["row/style/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,SAAS,GAAGD,UAAU,CAACE,MAAM,CAAC;EACzCC,GAAG,EAAE;IACHC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC,CAACF,GAAG;AAEN,OAAO,MAAMG,SAAS,GAAGN,UAAU,CAACE,MAAM,CAAC;EACzCK,IAAI,EAAE;IACJC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC,CAACD,IAAI","ignoreList":[]}