@unif/react-native-ui 0.1.0 → 0.2.2

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

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loadingStyle = exports.createTypeStyles = exports.SIZE_STYLES = exports.PRESSED_STYLE = exports.DISABLED_STYLES = exports.DEFAULT_STYLES = exports.BLOCK_STYLES = void 0;
+var _reactNative = require("react-native");
+const DEFAULT_STYLES = exports.DEFAULT_STYLES = {
+  root: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  icon: {
+    marginRight: 6
+  },
+  content: {
+    fontSize: 14
+  }
+};
+const SIZE_STYLES = exports.SIZE_STYLES = {
+  default: {
+    root: {
+      paddingVertical: 10,
+      borderRadius: 8
+    },
+    content: {
+      fontSize: 14
+    }
+  },
+  small: {
+    root: {
+      paddingVertical: 6,
+      borderRadius: 6
+    },
+    content: {
+      fontSize: 12
+    }
+  }
+};
+const createTypeStyles = t => ({
+  primary: {
+    root: {
+      backgroundColor: t.colorPrimary
+    },
+    content: {
+      color: '#FFF',
+      fontWeight: '600'
+    }
+  },
+  outline: {
+    root: {
+      borderWidth: 1,
+      borderColor: t.colorBorder
+    },
+    content: {
+      color: t.colorTextSecondary
+    }
+  },
+  ghost: {
+    root: {
+      borderWidth: 1,
+      borderColor: t.colorPrimary
+    },
+    content: {
+      color: t.colorPrimary
+    }
+  },
+  danger: {
+    root: {
+      backgroundColor: t.colorError
+    },
+    content: {
+      color: '#FFF',
+      fontWeight: '600'
+    }
+  }
+});
+exports.createTypeStyles = createTypeStyles;
+const DISABLED_STYLES = exports.DISABLED_STYLES = {
+  root: {
+    opacity: 0.5
+  }
+};
+const BLOCK_STYLES = exports.BLOCK_STYLES = {
+  root: {
+    flex: 1
+  }
+};
+const PRESSED_STYLE = exports.PRESSED_STYLE = {
+  opacity: 0.7
+};
+const loadingStyle = exports.loadingStyle = _reactNative.StyleSheet.create({
+  s: {
+    marginRight: 6
+  }
+}).s;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","DEFAULT_STYLES","exports","root","flexDirection","alignItems","justifyContent","icon","marginRight","content","fontSize","SIZE_STYLES","default","paddingVertical","borderRadius","small","createTypeStyles","t","primary","backgroundColor","colorPrimary","color","fontWeight","outline","borderWidth","borderColor","colorBorder","colorTextSecondary","ghost","danger","colorError","DISABLED_STYLES","opacity","BLOCK_STYLES","flex","PRESSED_STYLE","loadingStyle","StyleSheet","create","s"],"sourceRoot":"../../../../src","sources":["button/style/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAUO,MAAMC,cAAoC,GAAAC,OAAA,CAAAD,cAAA,GAAG;EAClDE,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;AAEM,MAAMC,WAA0D,GAAAT,OAAA,CAAAS,WAAA,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;AAEM,MAAMM,gBAAgB,GAC3BC,CAAS,KAC0C;EACnDC,OAAO,EAAE;IACPf,IAAI,EAAE;MAAEgB,eAAe,EAAEF,CAAC,CAACG;IAAa,CAAC;IACzCX,OAAO,EAAE;MAAEY,KAAK,EAAE,MAAM;MAAEC,UAAU,EAAE;IAAM;EAC9C,CAAC;EACDC,OAAO,EAAE;IACPpB,IAAI,EAAE;MAAEqB,WAAW,EAAE,CAAC;MAAEC,WAAW,EAAER,CAAC,CAACS;IAAY,CAAC;IACpDjB,OAAO,EAAE;MAAEY,KAAK,EAAEJ,CAAC,CAACU;IAAmB;EACzC,CAAC;EACDC,KAAK,EAAE;IACLzB,IAAI,EAAE;MAAEqB,WAAW,EAAE,CAAC;MAAEC,WAAW,EAAER,CAAC,CAACG;IAAa,CAAC;IACrDX,OAAO,EAAE;MAAEY,KAAK,EAAEJ,CAAC,CAACG;IAAa;EACnC,CAAC;EACDS,MAAM,EAAE;IACN1B,IAAI,EAAE;MAAEgB,eAAe,EAAEF,CAAC,CAACa;IAAW,CAAC;IACvCrB,OAAO,EAAE;MAAEY,KAAK,EAAE,MAAM;MAAEC,UAAU,EAAE;IAAM;EAC9C;AACF,CAAC,CAAC;AAACpB,OAAA,CAAAc,gBAAA,GAAAA,gBAAA;AAEI,MAAMe,eAA8C,GAAA7B,OAAA,CAAA6B,eAAA,GAAG;EAC5D5B,IAAI,EAAE;IAAE6B,OAAO,EAAE;EAAI;AACvB,CAAC;AAEM,MAAMC,YAA2C,GAAA/B,OAAA,CAAA+B,YAAA,GAAG;EACzD9B,IAAI,EAAE;IAAE+B,IAAI,EAAE;EAAE;AAClB,CAAC;AAEM,MAAMC,aAAwB,GAAAjC,OAAA,CAAAiC,aAAA,GAAG;EAAEH,OAAO,EAAE;AAAI,CAAC;AAEjD,MAAMI,YAAY,GAAAlC,OAAA,CAAAkC,YAAA,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC5CC,CAAC,EAAE;IAAE/B,WAAW,EAAE;EAAE;AACtB,CAAC,CAAC,CAAC+B,CAAC","ignoreList":[]}

package/lib/commonjs/center/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * 居中布局容器
+ *
+ * justifyContent + alignItems 均为 'center'。
+ */
+
+const Center = ({
+  style,
+  ...rest
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: [_style.baseStyle, style],
+  ...rest
+});
+var _default = exports.default = Center;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_style","_jsxRuntime","e","__esModule","default","Center","style","rest","jsx","View","baseStyle","_default","exports"],"sourceRoot":"../../../src","sources":["center/index.tsx"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAoC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AATpC;AACA;AACA;AACA;AACA;;AASA,MAAMG,MAA6B,GAAGA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAK,CAAC,kBACvD,IAAAN,WAAA,CAAAO,GAAA,EAACT,YAAA,CAAAU,IAAI;EAACH,KAAK,EAAE,CAACI,gBAAS,EAAEJ,KAAK,CAAE;EAAA,GAAKC;AAAI,CAAG,CAC7C;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEaC,MAAM","ignoreList":[]}

package/lib/commonjs/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/commonjs/center/style/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.baseStyle = void 0;
+var _reactNative = require("react-native");
+const baseStyle = exports.baseStyle = _reactNative.StyleSheet.create({
+  center: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+}).center;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","baseStyle","exports","StyleSheet","create","center","justifyContent","alignItems"],"sourceRoot":"../../../../src","sources":["center/style/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EACzCC,MAAM,EAAE;IACNC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC,CAACF,MAAM","ignoreList":[]}

package/lib/commonjs/chip/index.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _hooks = require("../hooks");
+var _context = require("../theme/context");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Chip 基础组件
+ *
+ * 胶囊标签，支持选中态、禁用态和图标。
+ */
+
+const PRESSED_STYLE = {
+  opacity: 0.7
+};
+const Chip = ({
+  children,
+  onPress,
+  selected,
+  disabled,
+  size = 'default',
+  icon,
+  style,
+  styles: semanticStyles,
+  testID
+}) => {
+  const tokens = (0, _context.useTokens)();
+  const defaultStyles = (0, _react.useMemo)(() => (0, _style.createDefaultStyles)(tokens), [tokens]);
+  const selectedStyles = (0, _react.useMemo)(() => (0, _style.createSelectedStyles)(tokens), [tokens]);
+  const smallStyles = (0, _react.useMemo)(() => (0, _style.createSmallStyles)(tokens), [tokens]);
+  const s = (0, _react.useMemo)(() => (0, _hooks.mergeStyles)(defaultStyles, size === 'small' ? smallStyles : undefined, selected ? selectedStyles : undefined, disabled ? _style.DISABLED_STYLES : undefined, semanticStyles), [size, selected, disabled, semanticStyles, defaultStyles, selectedStyles, smallStyles]);
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [s.root, {
+      flexDirection: 'row',
+      alignItems: 'center'
+    }, style],
+    children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        marginRight: 4
+      },
+      children: icon
+    }), typeof children === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: s.content,
+      numberOfLines: 1,
+      children: children
+    }) : children]
+  });
+  if (onPress) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: onPress,
+      disabled: disabled,
+      style: ({
+        pressed
+      }) => pressed && PRESSED_STYLE,
+      testID: testID,
+      children: content
+    });
+  }
+  return content;
+};
+var _default = exports.default = Chip;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_hooks","_context","_style","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PRESSED_STYLE","opacity","Chip","children","onPress","selected","disabled","size","icon","style","styles","semanticStyles","testID","tokens","useTokens","defaultStyles","useMemo","createDefaultStyles","selectedStyles","createSelectedStyles","smallStyles","createSmallStyles","s","mergeStyles","undefined","DISABLED_STYLES","content","jsxs","View","root","flexDirection","alignItems","jsx","marginRight","Text","numberOfLines","Pressable","pressed","_default","exports"],"sourceRoot":"../../../src","sources":["chip/index.tsx"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAKiB,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAjBjB;AACA;AACA;AACA;AACA;;AA2BA,MAAMkB,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,MAAM,GAAG,IAAAC,kBAAS,EAAC,CAAC;EAC1B,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,0BAAmB,EAACJ,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAC1E,MAAMK,cAAc,GAAG,IAAAF,cAAO,EAAC,MAAM,IAAAG,2BAAoB,EAACN,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAC5E,MAAMO,WAAW,GAAG,IAAAJ,cAAO,EAAC,MAAM,IAAAK,wBAAiB,EAACR,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEtE,MAAMS,CAAC,GAAG,IAAAN,cAAO,EACf,MACE,IAAAO,kBAAW,EACTR,aAAa,EACbR,IAAI,KAAK,OAAO,GAAGa,WAAW,GAAGI,SAAS,EAC1CnB,QAAQ,GAAGa,cAAc,GAAGM,SAAS,EACrClB,QAAQ,GAAGmB,sBAAe,GAAGD,SAAS,EACtCb,cACF,CAAC,EACH,CAACJ,IAAI,EAAEF,QAAQ,EAAEC,QAAQ,EAAEK,cAAc,EAAEI,aAAa,EAAEG,cAAc,EAAEE,WAAW,CACvF,CAAC;EAED,MAAMM,OAAO,gBACX,IAAA9C,WAAA,CAAA+C,IAAA,EAACnD,YAAA,CAAAoD,IAAI;IAACnB,KAAK,EAAE,CAACa,CAAC,CAACO,IAAI,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE;IAAS,CAAC,EAAEtB,KAAK,CAAE;IAAAN,QAAA,GAC1EK,IAAI,iBAAI,IAAA5B,WAAA,CAAAoD,GAAA,EAACxD,YAAA,CAAAoD,IAAI;MAACnB,KAAK,EAAE;QAAEwB,WAAW,EAAE;MAAE,CAAE;MAAA9B,QAAA,EAAEK;IAAI,CAAO,CAAC,EACtD,OAAOL,QAAQ,KAAK,QAAQ,gBAC3B,IAAAvB,WAAA,CAAAoD,GAAA,EAACxD,YAAA,CAAA0D,IAAI;MAACzB,KAAK,EAAEa,CAAC,CAACI,OAAQ;MAACS,aAAa,EAAE,CAAE;MAAAhC,QAAA,EACtCA;IAAQ,CACL,CAAC,GAEPA,QACD;EAAA,CACG,CACP;EAED,IAAIC,OAAO,EAAE;IACX,oBACE,IAAAxB,WAAA,CAAAoD,GAAA,EAACxD,YAAA,CAAA4D,SAAS;MACRhC,OAAO,EAAEA,OAAQ;MACjBE,QAAQ,EAAEA,QAAS;MACnBG,KAAK,EAAEA,CAAC;QAAE4B;MAAQ,CAAC,KAAKA,OAAO,IAAIrC,aAAc;MACjDY,MAAM,EAAEA,MAAO;MAAAT,QAAA,EAEduB;IAAO,CACC,CAAC;EAEhB;EAEA,OAAOA,OAAO;AAChB,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAhD,OAAA,GAEaW,IAAI","ignoreList":[]}

package/lib/commonjs/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/commonjs/chip/style/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSmallStyles = exports.createSelectedStyles = exports.createDefaultStyles = exports.DISABLED_STYLES = void 0;
+const createDefaultStyles = t => ({
+  root: {
+    backgroundColor: '#F0F0F5',
+    borderRadius: t.radiusFull,
+    paddingHorizontal: 14,
+    paddingVertical: 7
+  },
+  content: {
+    fontSize: t.fontSizeSm,
+    color: t.colorText
+  }
+});
+exports.createDefaultStyles = createDefaultStyles;
+const createSelectedStyles = t => ({
+  root: {
+    borderWidth: 1,
+    borderColor: t.colorPrimary,
+    backgroundColor: '#FFF5EB'
+  },
+  content: {
+    color: t.colorPrimary
+  }
+});
+exports.createSelectedStyles = createSelectedStyles;
+const DISABLED_STYLES = exports.DISABLED_STYLES = {
+  root: {
+    opacity: 0.5
+  }
+};
+const createSmallStyles = t => ({
+  root: {
+    paddingHorizontal: 10,
+    paddingVertical: 4
+  },
+  content: {
+    fontSize: t.fontSizeXs
+  }
+});
+exports.createSmallStyles = createSmallStyles;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createDefaultStyles","t","root","backgroundColor","borderRadius","radiusFull","paddingHorizontal","paddingVertical","content","fontSize","fontSizeSm","color","colorText","exports","createSelectedStyles","borderWidth","borderColor","colorPrimary","DISABLED_STYLES","opacity","createSmallStyles","fontSizeXs"],"sourceRoot":"../../../../src","sources":["chip/style/index.tsx"],"mappings":";;;;;;AAQO,MAAMA,mBAAmB,GAAIC,CAAS,KAA0B;EACrEC,IAAI,EAAE;IACJC,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAEH,CAAC,CAACI,UAAU;IAC1BC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB,CAAC;EACDC,OAAO,EAAE;IACPC,QAAQ,EAAER,CAAC,CAACS,UAAU;IACtBC,KAAK,EAAEV,CAAC,CAACW;EACX;AACF,CAAC,CAAC;AAACC,OAAA,CAAAb,mBAAA,GAAAA,mBAAA;AAEI,MAAMc,oBAAoB,GAC/Bb,CAAS,KACwB;EACjCC,IAAI,EAAE;IACJa,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEf,CAAC,CAACgB,YAAY;IAC3Bd,eAAe,EAAE;EACnB,CAAC;EACDK,OAAO,EAAE;IACPG,KAAK,EAAEV,CAAC,CAACgB;EACX;AACF,CAAC,CAAC;AAACJ,OAAA,CAAAC,oBAAA,GAAAA,oBAAA;AAEI,MAAMI,eAA4C,GAAAL,OAAA,CAAAK,eAAA,GAAG;EAC1DhB,IAAI,EAAE;IACJiB,OAAO,EAAE;EACX;AACF,CAAC;AAEM,MAAMC,iBAAiB,GAAInB,CAAS,KAAmC;EAC5EC,IAAI,EAAE;IACJI,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB,CAAC;EACDC,OAAO,EAAE;IACPC,QAAQ,EAAER,CAAC,CAACoB;EACd;AACF,CAAC,CAAC;AAACR,OAAA,CAAAO,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/commonjs/column/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * 垂直布局容器
+ *
+ * 语义化的 View，显式 flexDirection: 'column'。
+ */
+
+const Column = ({
+  align,
+  justify,
+  gap,
+  style,
+  ...rest
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: [_style.baseStyle, align != null && {
+    alignItems: align
+  }, justify != null && {
+    justifyContent: justify
+  }, gap != null && {
+    gap
+  }, style],
+  ...rest
+});
+var _default = exports.default = Column;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_style","_jsxRuntime","e","__esModule","default","Column","align","justify","gap","style","rest","jsx","View","baseStyle","alignItems","justifyContent","_default","exports"],"sourceRoot":"../../../src","sources":["column/index.tsx"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAoC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AATpC;AACA;AACA;AACA;AACA;;AAmBA,MAAMG,MAA6B,GAAGA,CAAC;EACrCC,KAAK;EACLC,OAAO;EACPC,GAAG;EACHC,KAAK;EACL,GAAGC;AACQ,CAAC,kBACZ,IAAAT,WAAA,CAAAU,GAAA,EAACZ,YAAA,CAAAa,IAAI;EACHH,KAAK,EAAE,CACLI,gBAAS,EACTP,KAAK,IAAI,IAAI,IAAI;IAAEQ,UAAU,EAAER;EAAM,CAAC,EACtCC,OAAO,IAAI,IAAI,IAAI;IAAEQ,cAAc,EAAER;EAAQ,CAAC,EAC9CC,GAAG,IAAI,IAAI,IAAI;IAAEA;EAAI,CAAC,EACtBC,KAAK,CACL;EAAA,GACEC;AAAI,CACT,CACF;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEaC,MAAM","ignoreList":[]}

package/lib/commonjs/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/commonjs/column/style/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.baseStyle = void 0;
+var _reactNative = require("react-native");
+const baseStyle = exports.baseStyle = _reactNative.StyleSheet.create({
+  column: {
+    flexDirection: 'column'
+  }
+}).column;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","baseStyle","exports","StyleSheet","create","column","flexDirection"],"sourceRoot":"../../../../src","sources":["column/style/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EACzCC,MAAM,EAAE;IACNC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC,CAACD,MAAM","ignoreList":[]}

package/lib/commonjs/divider/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _context = require("../theme/context");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * 分割线组件
+ */
+
+const Divider = ({
+  hairline = true,
+  marginHorizontal,
+  style
+}) => {
+  const tokens = (0, _context.useTokens)();
+  const hairlineStyle = (0, _react.useMemo)(() => (0, _style.createHairlineStyle)(tokens), [tokens]);
+  const standardStyle = (0, _react.useMemo)(() => (0, _style.createStandardStyle)(tokens), [tokens]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [hairline ? hairlineStyle : standardStyle, marginHorizontal != null && {
+      marginHorizontal
+    }, style]
+  });
+};
+var _default = exports.default = Divider;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_context","_style","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Divider","hairline","marginHorizontal","style","tokens","useTokens","hairlineStyle","useMemo","createHairlineStyle","standardStyle","createStandardStyle","jsx","View","_default","exports"],"sourceRoot":"../../../src","sources":["divider/index.tsx"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAmE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AARnE;AACA;AACA;;AAcA,MAAMkB,OAA+B,GAAGA,CAAC;EACvCC,QAAQ,GAAG,IAAI;EACfC,gBAAgB;EAChBC;AACY,CAAC,KAAK;EAClB,MAAMC,MAAM,GAAG,IAAAC,kBAAS,EAAC,CAAC;EAC1B,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,0BAAmB,EAACJ,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAC1E,MAAMK,aAAa,GAAG,IAAAF,cAAO,EAAC,MAAM,IAAAG,0BAAmB,EAACN,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAE1E,oBACE,IAAAxB,WAAA,CAAA+B,GAAA,EAAClC,YAAA,CAAAmC,IAAI;IACHT,KAAK,EAAE,CACLF,QAAQ,GAAGK,aAAa,GAAGG,aAAa,EACxCP,gBAAgB,IAAI,IAAI,IAAI;MAAEA;IAAiB,CAAC,EAChDC,KAAK;EACL,CACH,CAAC;AAEN,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GAEaS,OAAO","ignoreList":[]}

package/lib/commonjs/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/commonjs/divider/style/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createStandardStyle = exports.createHairlineStyle = void 0;
+var _reactNative = require("react-native");
+const createHairlineStyle = t => _reactNative.StyleSheet.create({
+  line: {
+    height: _reactNative.StyleSheet.hairlineWidth,
+    backgroundColor: t.colorBorder
+  }
+}).line;
+exports.createHairlineStyle = createHairlineStyle;
+const createStandardStyle = t => _reactNative.StyleSheet.create({
+  line: {
+    height: 1,
+    backgroundColor: t.colorBorder
+  }
+}).line;
+exports.createStandardStyle = createStandardStyle;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","createHairlineStyle","t","StyleSheet","create","line","height","hairlineWidth","backgroundColor","colorBorder","exports","createStandardStyle"],"sourceRoot":"../../../../src","sources":["divider/style/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAGO,MAAMC,mBAAmB,GAAIC,CAAS,IAC3CC,uBAAU,CAACC,MAAM,CAAC;EAChBC,IAAI,EAAE;IACJC,MAAM,EAAEH,uBAAU,CAACI,aAAa;IAChCC,eAAe,EAAEN,CAAC,CAACO;EACrB;AACF,CAAC,CAAC,CAACJ,IAAI;AAACK,OAAA,CAAAT,mBAAA,GAAAA,mBAAA;AAEH,MAAMU,mBAAmB,GAAIT,CAAS,IAC3CC,uBAAU,CAACC,MAAM,CAAC;EAChBC,IAAI,EAAE;IAAEC,MAAM,EAAE,CAAC;IAAEE,eAAe,EAAEN,CAAC,CAACO;EAAY;AACpD,CAAC,CAAC,CAACJ,IAAI;AAACK,OAAA,CAAAC,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/commonjs/hooks/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "mergeStyles", {
+  enumerable: true,
+  get: function () {
+    return _useMergeStyles.mergeStyles;
+  }
+});
+var _useMergeStyles = require("./useMergeStyles");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_useMergeStyles","require"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA","ignoreList":[]}