@unif/react-native-ui 0.1.0

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

@@ -0,0 +1,94 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { tokens } from "../../theme/tokens.js";
+export const DEFAULT_STYLES = {
+  root: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  icon: {
+    marginRight: 6
+  },
+  content: {
+    fontSize: 14
+  }
+};
+export const SIZE_STYLES = {
+  default: {
+    root: {
+      paddingVertical: 10,
+      borderRadius: 8
+    },
+    content: {
+      fontSize: 14
+    }
+  },
+  small: {
+    root: {
+      paddingVertical: 6,
+      borderRadius: 6
+    },
+    content: {
+      fontSize: 12
+    }
+  }
+};
+export const TYPE_STYLES = {
+  primary: {
+    root: {
+      backgroundColor: tokens.colorPrimary
+    },
+    content: {
+      color: '#FFF',
+      fontWeight: '600'
+    }
+  },
+  outline: {
+    root: {
+      borderWidth: 1,
+      borderColor: tokens.colorBorder
+    },
+    content: {
+      color: tokens.colorTextSecondary
+    }
+  },
+  ghost: {
+    root: {
+      borderWidth: 1,
+      borderColor: tokens.colorPrimary
+    },
+    content: {
+      color: tokens.colorPrimary
+    }
+  },
+  danger: {
+    root: {
+      backgroundColor: tokens.colorError
+    },
+    content: {
+      color: '#FFF',
+      fontWeight: '600'
+    }
+  }
+};
+export const DISABLED_STYLES = {
+  root: {
+    opacity: 0.5
+  }
+};
+export const BLOCK_STYLES = {
+  root: {
+    flex: 1
+  }
+};
+export const PRESSED_STYLE = {
+  opacity: 0.7
+};
+export const loadingStyle = StyleSheet.create({
+  s: {
+    marginRight: 6
+  }
+}).s;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","tokens","DEFAULT_STYLES","root","flexDirection","alignItems","justifyContent","icon","marginRight","content","fontSize","SIZE_STYLES","default","paddingVertical","borderRadius","small","TYPE_STYLES","primary","backgroundColor","colorPrimary","color","fontWeight","outline","borderWidth","borderColor","colorBorder","colorTextSecondary","ghost","danger","colorError","DISABLED_STYLES","opacity","BLOCK_STYLES","flex","PRESSED_STYLE","loadingStyle","create","s"],"sourceRoot":"../../../../src","sources":["button/style/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,MAAM,QAAQ,uBAAoB;AAQ3C,OAAO,MAAMC,cAAoC,GAAG;EAClDC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,IAAI,EAAE;IACJC,WAAW,EAAE;EACf,CAAC;EACDC,OAAO,EAAE;IACPC,QAAQ,EAAE;EACZ;AACF,CAAC;AAED,OAAO,MAAMC,WAA0D,GAAG;EACxEC,OAAO,EAAE;IACPT,IAAI,EAAE;MAAEU,eAAe,EAAE,EAAE;MAAEC,YAAY,EAAE;IAAE,CAAC;IAC9CL,OAAO,EAAE;MAAEC,QAAQ,EAAE;IAAG;EAC1B,CAAC;EACDK,KAAK,EAAE;IACLZ,IAAI,EAAE;MAAEU,eAAe,EAAE,CAAC;MAAEC,YAAY,EAAE;IAAE,CAAC;IAC7CL,OAAO,EAAE;MAAEC,QAAQ,EAAE;IAAG;EAC1B;AACF,CAAC;AAED,OAAO,MAAMM,WAA0D,GAAG;EACxEC,OAAO,EAAE;IACPd,IAAI,EAAE;MAAEe,eAAe,EAAEjB,MAAM,CAACkB;IAAa,CAAC;IAC9CV,OAAO,EAAE;MAAEW,KAAK,EAAE,MAAM;MAAEC,UAAU,EAAE;IAAM;EAC9C,CAAC;EACDC,OAAO,EAAE;IACPnB,IAAI,EAAE;MAAEoB,WAAW,EAAE,CAAC;MAAEC,WAAW,EAAEvB,MAAM,CAACwB;IAAY,CAAC;IACzDhB,OAAO,EAAE;MAAEW,KAAK,EAAEnB,MAAM,CAACyB;IAAmB;EAC9C,CAAC;EACDC,KAAK,EAAE;IACLxB,IAAI,EAAE;MAAEoB,WAAW,EAAE,CAAC;MAAEC,WAAW,EAAEvB,MAAM,CAACkB;IAAa,CAAC;IAC1DV,OAAO,EAAE;MAAEW,KAAK,EAAEnB,MAAM,CAACkB;IAAa;EACxC,CAAC;EACDS,MAAM,EAAE;IACNzB,IAAI,EAAE;MAAEe,eAAe,EAAEjB,MAAM,CAAC4B;IAAW,CAAC;IAC5CpB,OAAO,EAAE;MAAEW,KAAK,EAAE,MAAM;MAAEC,UAAU,EAAE;IAAM;EAC9C;AACF,CAAC;AAED,OAAO,MAAMS,eAA8C,GAAG;EAC5D3B,IAAI,EAAE;IAAE4B,OAAO,EAAE;EAAI;AACvB,CAAC;AAED,OAAO,MAAMC,YAA2C,GAAG;EACzD7B,IAAI,EAAE;IAAE8B,IAAI,EAAE;EAAE;AAClB,CAAC;AAED,OAAO,MAAMC,aAAwB,GAAG;EAAEH,OAAO,EAAE;AAAI,CAAC;AAExD,OAAO,MAAMI,YAAY,GAAGnC,UAAU,CAACoC,MAAM,CAAC;EAC5CC,CAAC,EAAE;IAAE7B,WAAW,EAAE;EAAE;AACtB,CAAC,CAAC,CAAC6B,CAAC","ignoreList":[]}

package/lib/module/center/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+/**
+ * 居中布局容器
+ *
+ * justifyContent + alignItems 均为 'center'。
+ */
+
+import React from 'react';
+import { View } from 'react-native';
+import { baseStyle } from "./style/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Center = ({
+  style,
+  ...rest
+}) => /*#__PURE__*/_jsx(View, {
+  style: [baseStyle, style],
+  ...rest
+});
+export default Center;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","baseStyle","jsx","_jsx","Center","style","rest"],"sourceRoot":"../../../src","sources":["center/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,SAAS,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIpC,MAAMC,MAA6B,GAAGA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAK,CAAC,kBACvDH,IAAA,CAACH,IAAI;EAACK,KAAK,EAAE,CAACJ,SAAS,EAAEI,KAAK,CAAE;EAAA,GAAKC;AAAI,CAAG,CAC7C;AAED,eAAeF,MAAM","ignoreList":[]}

package/lib/module/center/index.md

@@ -0,0 +1,28 @@
+# Center 居中布局
+
+内容水平 + 垂直居中。替代 `justifyContent: 'center' + alignItems: 'center'`。
+
+## 何时使用
+
+- 圆形图标按钮、头像容器
+- 空状态页面居中
+- 任何需要内容完全居中的场景
+
+## 代码演示
+
+```tsx
+// 圆形按钮
+<Center style={{width: 32, height: 32, borderRadius: 16, backgroundColor: '#EB6E00'}}>
+  <Icon name="add" size={18} color="#FFF" />
+</Center>
+
+// 空状态
+<Center style={{flex: 1}}>
+  <Icon name="inbox" size={48} />
+  <Text secondary>暂无数据</Text>
+</Center>
+```
+
+## API
+
+> 继承所有 RN `ViewProps`，无额外属性。

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","baseStyle","create","center","justifyContent","alignItems"],"sourceRoot":"../../../../src","sources":["center/style/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,SAAS,GAAGD,UAAU,CAACE,MAAM,CAAC;EACzCC,MAAM,EAAE;IACNC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC,CAACF,MAAM","ignoreList":[]}

package/lib/module/chip/index.js

@@ -0,0 +1,59 @@
+"use strict";
+
+/**
+ * Chip 基础组件
+ *
+ * 胶囊标签，支持选中态、禁用态和图标。
+ */
+
+import React, { useMemo } from 'react';
+import { View, Text, Pressable } from 'react-native';
+import { mergeStyles } from "../hooks/index.js";
+import { DEFAULT_STYLES, SELECTED_STYLES, DISABLED_STYLES, SMALL_STYLES } from "./style/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const PRESSED_STYLE = {
+  opacity: 0.7
+};
+const Chip = ({
+  children,
+  onPress,
+  selected,
+  disabled,
+  size = 'default',
+  icon,
+  style,
+  styles: semanticStyles,
+  testID
+}) => {
+  const s = useMemo(() => mergeStyles(DEFAULT_STYLES, size === 'small' ? SMALL_STYLES : undefined, selected ? SELECTED_STYLES : undefined, disabled ? DISABLED_STYLES : undefined, semanticStyles), [size, selected, disabled, semanticStyles]);
+  const content = /*#__PURE__*/_jsxs(View, {
+    style: [s.root, {
+      flexDirection: 'row',
+      alignItems: 'center'
+    }, style],
+    children: [icon && /*#__PURE__*/_jsx(View, {
+      style: {
+        marginRight: 4
+      },
+      children: icon
+    }), typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+      style: s.content,
+      numberOfLines: 1,
+      children: children
+    }) : children]
+  });
+  if (onPress) {
+    return /*#__PURE__*/_jsx(Pressable, {
+      onPress: onPress,
+      disabled: disabled,
+      style: ({
+        pressed
+      }) => pressed && PRESSED_STYLE,
+      testID: testID,
+      children: content
+    });
+  }
+  return content;
+};
+export default Chip;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","Text","Pressable","mergeStyles","DEFAULT_STYLES","SELECTED_STYLES","DISABLED_STYLES","SMALL_STYLES","jsx","_jsx","jsxs","_jsxs","PRESSED_STYLE","opacity","Chip","children","onPress","selected","disabled","size","icon","style","styles","semanticStyles","testID","s","undefined","content","root","flexDirection","alignItems","marginRight","numberOfLines","pressed"],"sourceRoot":"../../../src","sources":["chip/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;AAEtC,SAASC,cAAc,EAAEC,eAAe,EAAEC,eAAe,EAAEC,YAAY,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAczF,MAAMC,aAAwB,GAAG;EAAEC,OAAO,EAAE;AAAI,CAAC;AAEjD,MAAMC,IAAyB,GAAGA,CAAC;EACjCC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC,IAAI,GAAG,SAAS;EAChBC,IAAI;EACJC,KAAK;EACLC,MAAM,EAAEC,cAAc;EACtBC;AACF,CAAC,KAAK;EACJ,MAAMC,CAAC,GAAG1B,OAAO,CACf,MACEI,WAAW,CACTC,cAAc,EACde,IAAI,KAAK,OAAO,GAAGZ,YAAY,GAAGmB,SAAS,EAC3CT,QAAQ,GAAGZ,eAAe,GAAGqB,SAAS,EACtCR,QAAQ,GAAGZ,eAAe,GAAGoB,SAAS,EACtCH,cACF,CAAC,EACH,CAACJ,IAAI,EAAEF,QAAQ,EAAEC,QAAQ,EAAEK,cAAc,CAC3C,CAAC;EAED,MAAMI,OAAO,gBACXhB,KAAA,CAACX,IAAI;IAACqB,KAAK,EAAE,CAACI,CAAC,CAACG,IAAI,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE;IAAS,CAAC,EAAET,KAAK,CAAE;IAAAN,QAAA,GAC1EK,IAAI,iBAAIX,IAAA,CAACT,IAAI;MAACqB,KAAK,EAAE;QAAEU,WAAW,EAAE;MAAE,CAAE;MAAAhB,QAAA,EAAEK;IAAI,CAAO,CAAC,EACtD,OAAOL,QAAQ,KAAK,QAAQ,gBAC3BN,IAAA,CAACR,IAAI;MAACoB,KAAK,EAAEI,CAAC,CAACE,OAAQ;MAACK,aAAa,EAAE,CAAE;MAAAjB,QAAA,EACtCA;IAAQ,CACL,CAAC,GAEPA,QACD;EAAA,CACG,CACP;EAED,IAAIC,OAAO,EAAE;IACX,oBACEP,IAAA,CAACP,SAAS;MACRc,OAAO,EAAEA,OAAQ;MACjBE,QAAQ,EAAEA,QAAS;MACnBG,KAAK,EAAEA,CAAC;QAAEY;MAAQ,CAAC,KAAKA,OAAO,IAAIrB,aAAc;MACjDY,MAAM,EAAEA,MAAO;MAAAT,QAAA,EAEdY;IAAO,CACC,CAAC;EAEhB;EAEA,OAAOA,OAAO;AAChB,CAAC;AAED,eAAeb,IAAI","ignoreList":[]}

package/lib/module/chip/index.md

@@ -0,0 +1,60 @@
+---
+title: Chip
+nav:
+  title: 组件
+  order: 1
+group:
+  title: 基础
+  order: 2
+---
+
+# Chip 胶囊标签
+
+用于展示标签或可选项的胶囊形组件。
+
+## 何时使用
+
+- 展示快捷建议
+- 标签选择
+- 筛选项
+
+## 代码演示
+
+```tsx
+import { Chip, Icon } from '@unif/react-native-ui';
+
+// 基本用法
+<Chip onPress={() => {}}>标签文本</Chip>
+
+// 带图标
+<Chip icon={<Icon name="search-outline" size={14} />} onPress={() => {}}>
+  搜索
+</Chip>
+
+// 选中态
+<Chip selected onPress={() => {}}>已选中</Chip>
+
+// 小尺寸
+<Chip size="small">小标签</Chip>
+```
+
+## API
+
+| 属性     | 说明         | 类型                      | 默认值      |
+| -------- | ------------ | ------------------------- | ----------- |
+| children | 内容         | `ReactNode`               | -           |
+| onPress  | 点击回调     | `() => void`              | -           |
+| selected | 选中状态     | `boolean`                 | -           |
+| disabled | 禁用状态     | `boolean`                 | -           |
+| size     | 尺寸         | `'default'` \| `'small'`  | `'default'` |
+| icon     | 左侧图标     | `ReactNode`               | -           |
+| style    | 容器样式     | `ViewStyle`               | -           |
+| styles   | 语义样式     | `ChipSemanticStyles`      | -           |
+| testID   | 测试标识     | `string`                  | -           |
+
+## Semantic Styles
+
+| Slot    | 说明       |
+| ------- | ---------- |
+| root    | 外层容器   |
+| content | 文本样式   |

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

@@ -0,0 +1,40 @@
+"use strict";
+
+import { tokens } from "../../theme/tokens.js";
+export const DEFAULT_STYLES = {
+  root: {
+    backgroundColor: '#F0F0F5',
+    borderRadius: tokens.radiusFull,
+    paddingHorizontal: 14,
+    paddingVertical: 7
+  },
+  content: {
+    fontSize: tokens.fontSizeSm,
+    color: tokens.colorText
+  }
+};
+export const SELECTED_STYLES = {
+  root: {
+    borderWidth: 1,
+    borderColor: tokens.colorPrimary,
+    backgroundColor: '#FFF5EB'
+  },
+  content: {
+    color: tokens.colorPrimary
+  }
+};
+export const DISABLED_STYLES = {
+  root: {
+    opacity: 0.5
+  }
+};
+export const SMALL_STYLES = {
+  root: {
+    paddingHorizontal: 10,
+    paddingVertical: 4
+  },
+  content: {
+    fontSize: tokens.fontSizeXs
+  }
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["tokens","DEFAULT_STYLES","root","backgroundColor","borderRadius","radiusFull","paddingHorizontal","paddingVertical","content","fontSize","fontSizeSm","color","colorText","SELECTED_STYLES","borderWidth","borderColor","colorPrimary","DISABLED_STYLES","opacity","SMALL_STYLES","fontSizeXs"],"sourceRoot":"../../../../src","sources":["chip/style/index.tsx"],"mappings":";;AACA,SAASA,MAAM,QAAQ,uBAAoB;AAO3C,OAAO,MAAMC,cAAkC,GAAG;EAChDC,IAAI,EAAE;IACJC,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAEJ,MAAM,CAACK,UAAU;IAC/BC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB,CAAC;EACDC,OAAO,EAAE;IACPC,QAAQ,EAAET,MAAM,CAACU,UAAU;IAC3BC,KAAK,EAAEX,MAAM,CAACY;EAChB;AACF,CAAC;AAED,OAAO,MAAMC,eAA4C,GAAG;EAC1DX,IAAI,EAAE;IACJY,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEf,MAAM,CAACgB,YAAY;IAChCb,eAAe,EAAE;EACnB,CAAC;EACDK,OAAO,EAAE;IACPG,KAAK,EAAEX,MAAM,CAACgB;EAChB;AACF,CAAC;AAED,OAAO,MAAMC,eAA4C,GAAG;EAC1Df,IAAI,EAAE;IACJgB,OAAO,EAAE;EACX;AACF,CAAC;AAED,OAAO,MAAMC,YAAyC,GAAG;EACvDjB,IAAI,EAAE;IACJI,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB,CAAC;EACDC,OAAO,EAAE;IACPC,QAAQ,EAAET,MAAM,CAACoB;EACnB;AACF,CAAC","ignoreList":[]}

package/lib/module/column/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+/**
+ * 垂直布局容器
+ *
+ * 语义化的 View，显式 flexDirection: 'column'。
+ */
+
+import React from 'react';
+import { View } from 'react-native';
+import { baseStyle } from "./style/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Column = ({
+  align,
+  justify,
+  gap,
+  style,
+  ...rest
+}) => /*#__PURE__*/_jsx(View, {
+  style: [baseStyle, align != null && {
+    alignItems: align
+  }, justify != null && {
+    justifyContent: justify
+  }, gap != null && {
+    gap
+  }, style],
+  ...rest
+});
+export default Column;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","baseStyle","jsx","_jsx","Column","align","justify","gap","style","rest","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["column/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,SAAS,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAcpC,MAAMC,MAA6B,GAAGA,CAAC;EACrCC,KAAK;EACLC,OAAO;EACPC,GAAG;EACHC,KAAK;EACL,GAAGC;AACQ,CAAC,kBACZN,IAAA,CAACH,IAAI;EACHQ,KAAK,EAAE,CACLP,SAAS,EACTI,KAAK,IAAI,IAAI,IAAI;IAAEK,UAAU,EAAEL;EAAM,CAAC,EACtCC,OAAO,IAAI,IAAI,IAAI;IAAEK,cAAc,EAAEL;EAAQ,CAAC,EAC9CC,GAAG,IAAI,IAAI,IAAI;IAAEA;EAAI,CAAC,EACtBC,KAAK,CACL;EAAA,GACEC;AAAI,CACT,CACF;AAED,eAAeL,MAAM","ignoreList":[]}

package/lib/module/column/index.md

@@ -0,0 +1,34 @@
+# Column 垂直布局
+
+垂直排列子元素。语义化替代裸 `<View>`，显式声明布局方向。
+
+## 何时使用
+
+- 需要显式声明垂直布局方向时
+- 需要 `gap`、`align`、`justify` 等布局属性时
+
+## 代码演示
+
+```tsx
+// 基础用法
+<Column gap={8}>
+  <Text variant="heading">标题</Text>
+  <Text variant="caption" secondary>描述文字</Text>
+</Column>
+
+// 居中对齐
+<Column align="center" justify="center" style={{flex: 1}}>
+  <Icon name="empty" />
+  <Text>暂无数据</Text>
+</Column>
+```
+
+## API
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| align | alignItems | `ViewStyle['alignItems']` | - |
+| justify | justifyContent | `ViewStyle['justifyContent']` | - |
+| gap | 子元素间距 | `number` | - |
+
+> 继承所有 RN `ViewProps`

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","baseStyle","create","column","flexDirection"],"sourceRoot":"../../../../src","sources":["column/style/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,SAAS,GAAGD,UAAU,CAACE,MAAM,CAAC;EACzCC,MAAM,EAAE;IACNC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC,CAACD,MAAM","ignoreList":[]}

package/lib/module/divider/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+/**
+ * 分割线组件
+ */
+
+import React from 'react';
+import { View } from 'react-native';
+import { hairlineStyle, standardStyle } from "./style/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Divider = ({
+  hairline = true,
+  marginHorizontal,
+  style
+}) => /*#__PURE__*/_jsx(View, {
+  style: [hairline ? hairlineStyle : standardStyle, marginHorizontal != null && {
+    marginHorizontal
+  }, style]
+});
+export default Divider;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","hairlineStyle","standardStyle","jsx","_jsx","Divider","hairline","marginHorizontal","style"],"sourceRoot":"../../../src","sources":["divider/index.tsx"],"mappings":";;AAAA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,aAAa,EAAEC,aAAa,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQvD,MAAMC,OAA+B,GAAGA,CAAC;EACvCC,QAAQ,GAAG,IAAI;EACfC,gBAAgB;EAChBC;AACY,CAAC,kBACbJ,IAAA,CAACJ,IAAI;EACHQ,KAAK,EAAE,CACLF,QAAQ,GAAGL,aAAa,GAAGC,aAAa,EACxCK,gBAAgB,IAAI,IAAI,IAAI;IAAEA;EAAiB,CAAC,EAChDC,KAAK;AACL,CACH,CACF;AAED,eAAeH,OAAO","ignoreList":[]}

package/lib/module/divider/index.md

@@ -0,0 +1,44 @@
+# Divider 分割线
+
+用于独立的视觉分隔元素。
+
+## 何时使用
+
+- 替代独立的 `<View style={{height: 1, backgroundColor: border}} />`
+- 列表项之间的分隔线（如 `FlatList` 的 `ItemSeparatorComponent`）
+
+## 何时不使用
+
+- **不替换**容器自带的 `borderBottomWidth`（内嵌 border 保留原样）
+- 容器 header / footer 的 `borderTopWidth` / `borderBottomWidth` 属于布局边界，改为独立 View 会影响 flex 布局
+
+| 场景 | 处理 | 原因 |
+|------|------|------|
+| `<View style={styles.separator} />` | ✅ 用 `<Divider />` | 独立分割元素 |
+| `styles.itemRow { borderBottomWidth }` | ❌ 保留原样 | 内嵌于容器 |
+| `styles.header { borderBottomWidth }` | ❌ 保留原样 | 布局边界 |
+
+## 代码演示
+
+```tsx
+// 默认 hairline
+<Divider />
+
+// 1px 带水平边距（列表分隔）
+<Divider hairline={false} marginHorizontal={12} />
+
+// 作为 FlatList 分隔
+const Separator = () => <Divider hairline={false} marginHorizontal={12} />;
+<FlatList ItemSeparatorComponent={Separator} ... />
+
+// 自定义样式
+<Divider style={{backgroundColor: 'red', marginVertical: 8}} />
+```
+
+## API
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| hairline | 使用 `StyleSheet.hairlineWidth` | `boolean` | `true` |
+| marginHorizontal | 水平边距 | `number` | - |
+| style | 自定义样式 | `ViewStyle` | - |

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

@@ -0,0 +1,17 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { tokens } from "../../theme/tokens.js";
+export const hairlineStyle = StyleSheet.create({
+  line: {
+    height: StyleSheet.hairlineWidth,
+    backgroundColor: tokens.colorBorder
+  }
+}).line;
+export const standardStyle = StyleSheet.create({
+  line: {
+    height: 1,
+    backgroundColor: tokens.colorBorder
+  }
+}).line;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","tokens","hairlineStyle","create","line","height","hairlineWidth","backgroundColor","colorBorder","standardStyle"],"sourceRoot":"../../../../src","sources":["divider/style/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,MAAM,QAAQ,uBAAoB;AAE3C,OAAO,MAAMC,aAAa,GAAGF,UAAU,CAACG,MAAM,CAAC;EAC7CC,IAAI,EAAE;IACJC,MAAM,EAAEL,UAAU,CAACM,aAAa;IAChCC,eAAe,EAAEN,MAAM,CAACO;EAC1B;AACF,CAAC,CAAC,CAACJ,IAAI;AAEP,OAAO,MAAMK,aAAa,GAAGT,UAAU,CAACG,MAAM,CAAC;EAC7CC,IAAI,EAAE;IAAEC,MAAM,EAAE,CAAC;IAAEE,eAAe,EAAEN,MAAM,CAACO;EAAY;AACzD,CAAC,CAAC,CAACJ,IAAI","ignoreList":[]}

package/lib/module/hooks/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { mergeStyles } from "./useMergeStyles.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["mergeStyles"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,qBAAkB","ignoreList":[]}

package/lib/module/hooks/index.md

@@ -0,0 +1,71 @@
+# Hooks
+
+基础组件库的工具 hooks。
+
+## mergeStyles
+
+按 slot 维度合并多来源样式的纯函数。借鉴 antd v6 `useMergeSemantic`（`components/_util/hooks/useMergeSemantic.ts:69-80`）。
+
+### 何时使用
+
+- 组件内部合并默认样式 + 变体样式 + 用户传入的 `styles` 语义插槽
+- 构建支持 Semantic Styles 的自定义组件时
+
+### 代码演示
+
+```tsx
+import {mergeStyles} from '../hooks';
+
+type MySemanticStyles = {
+  root?: ViewStyle;
+  content?: TextStyle;
+};
+
+const DEFAULT: MySemanticStyles = {
+  root: {padding: 16},
+  content: {fontSize: 14, color: tokens.colorText},
+};
+
+const MyComponent = ({styles: userStyles}: {styles?: Partial<MySemanticStyles>}) => {
+  // ✅ 配合 useMemo，仅 userStyles 变化时重算
+  const s = useMemo(
+    () => mergeStyles(DEFAULT, userStyles),
+    [userStyles],
+  );
+
+  return (
+    <View style={s.root}>
+      <Text style={s.content}>...</Text>
+    </View>
+  );
+};
+```
+
+### API
+
+```ts
+function mergeStyles<T extends Record<string, StyleValue | undefined>>(
+  ...sources: (Partial<T> | undefined)[]
+): T
+```
+
+| 参数 | 说明 | 类型 |
+|------|------|------|
+| sources | 多个样式源，按顺序合并 | `(Partial<T> \| undefined)[]` |
+
+### 合并规则
+
+- 按 slot key 维度合并（`root`、`content` 等分别合并）
+- 同一 slot 内使用对象展开（`{...prev, ...next}`），后传入的覆盖先传入的
+- `undefined` 源自动跳过
+- 纯函数，不包含 `useMemo`，调用方自行控制缓存
+
+### 与 antd v6 对比
+
+| 特性 | antd v6 `mergeStyles` | RN 版 `mergeStyles` |
+|------|----------------------|---------------------|
+| classNames 合并 | ✅ | ❌（RN 无 CSS 类名） |
+| schema 嵌套 | ✅ | ❌（当前不需要） |
+| 函数形式 style | ✅ | ❌（不需要动态计算） |
+| slot 展开合并 | ✅ | ✅（核心逻辑一致） |
+| 纯函数 | ✅ | ✅ |

package/lib/module/hooks/useMergeStyles.js

@@ -0,0 +1,27 @@
+"use strict";
+
+/**
+ * 语义样式合并
+ *
+ * 纯函数版本，调用方通过 useMemo 控制缓存策略。
+ */
+
+/**
+ * 按 slot 维度合并多来源样式。
+ */
+export function mergeStyles(...sources) {
+  const merged = {};
+  for (const source of sources) {
+    if (!source) {
+      continue;
+    }
+    for (const key of Object.keys(source)) {
+      merged[key] = {
+        ...merged[key],
+        ...source[key]
+      };
+    }
+  }
+  return merged;
+}
+//# sourceMappingURL=useMergeStyles.js.map

package/lib/module/hooks/useMergeStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mergeStyles","sources","merged","source","key","Object","keys"],"sourceRoot":"../../../src","sources":["hooks/useMergeStyles.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA,OAAO,SAASA,WAAWA,CACzB,GAAGC,OAAmC,EACnC;EACH,MAAMC,MAAM,GAAG,CAAC,CAA+B;EAC/C,KAAK,MAAMC,MAAM,IAAIF,OAAO,EAAE;IAC5B,IAAI,CAACE,MAAM,EAAE;MACX;IACF;IACA,KAAK,MAAMC,GAAG,IAAIC,MAAM,CAACC,IAAI,CAACH,MAAM,CAAC,EAAE;MACrCD,MAAM,CAACE,GAAG,CAAC,GAAG;QAAE,GAAIF,MAAM,CAACE,GAAG,CAAY;QAAE,GAAID,MAAM,CAACC,GAAG;MAAa,CAAC;IAC1E;EACF;EACA,OAAOF,MAAM;AACf","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+// Theme
+export { configure } from "./theme/config.js";
+export { tokens } from "./theme/tokens.js";
+
+// Hooks
+export { mergeStyles } from "./hooks/index.js";
+
+// Layout
+export { default as Row } from "./row/index.js";
+export { default as Column } from "./column/index.js";
+export { default as Center } from "./center/index.js";
+export { default as Space } from "./space/index.js";
+// Components
+export { default as Text } from "./text/index.js";
+export { default as Button } from "./button/index.js";
+export { default as Divider } from "./divider/index.js";
+export { default as ListItem } from "./list-item/index.js";
+export { default as Touchable } from "./touchable/index.js";
+// Atoms
+export { default as Avatar } from "./avatar/index.js";
+export { default as WaveAnimation } from "./wave-animation/index.js";
+// Base (new)
+export { default as Input } from "./input/index.js";
+export { default as Chip } from "./chip/index.js";
+export { default as ActionSheet } from "./action-sheet/index.js";
+export { default as Popover } from "./popover/index.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["configure","tokens","mergeStyles","default","Row","Column","Center","Space","Text","Button","Divider","ListItem","Touchable","Avatar","WaveAnimation","Input","Chip","ActionSheet","Popover"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA;AACA,SAASA,SAAS,QAAQ,mBAAgB;AAE1C,SAASC,MAAM,QAAQ,mBAAgB;;AAEvC;AACA,SAASC,WAAW,QAAQ,kBAAS;;AAErC;AACA,SAASC,OAAO,IAAIC,GAAG,QAAQ,gBAAO;AAEtC,SAASD,OAAO,IAAIE,MAAM,QAAQ,mBAAU;AAE5C,SAASF,OAAO,IAAIG,MAAM,QAAQ,mBAAU;AAE5C,SAASH,OAAO,IAAII,KAAK,QAAQ,kBAAS;AAG1C;AACA,SAASJ,OAAO,IAAIK,IAAI,QAAQ,iBAAQ;AAExC,SAASL,OAAO,IAAIM,MAAM,QAAQ,mBAAU;AAG5C,SAASN,OAAO,IAAIO,OAAO,QAAQ,oBAAW;AAC9C,SAASP,OAAO,IAAIQ,QAAQ,QAAQ,sBAAa;AACjD,SAASR,OAAO,IAAIS,SAAS,QAAQ,sBAAa;AAGlD;AACA,SAAST,OAAO,IAAIU,MAAM,QAAQ,mBAAU;AAG5C,SAASV,OAAO,IAAIW,aAAa,QAAQ,2BAAkB;AAG3D;AACA,SAASX,OAAO,IAAIY,KAAK,QAAQ,kBAAS;AAG1C,SAASZ,OAAO,IAAIa,IAAI,QAAQ,iBAAQ;AAGxC,SAASb,OAAO,IAAIc,WAAW,QAAQ,yBAAgB;AAGvD,SAASd,OAAO,IAAIe,OAAO,QAAQ,oBAAW","ignoreList":[]}