@unif/react-native-ui 0.1.0 → 0.2.0

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lineStyle = exports.createDefaultStyles = exports.contentWrapStyle = void 0;
+var _reactNative = require("react-native");
+const createDefaultStyles = t => ({
+  root: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 14
+  },
+  content: {
+    fontSize: 15,
+    color: t.colorText,
+    flex: 1
+  },
+  description: {
+    fontSize: 12,
+    color: t.colorTextSecondary,
+    marginTop: 2
+  },
+  extra: {
+    color: t.colorTextSecondary,
+    fontSize: 14
+  }
+});
+exports.createDefaultStyles = createDefaultStyles;
+const lineStyle = exports.lineStyle = _reactNative.StyleSheet.create({
+  s: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center'
+  }
+}).s;
+const contentWrapStyle = exports.contentWrapStyle = _reactNative.StyleSheet.create({
+  s: {
+    flex: 1
+  }
+}).s;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","createDefaultStyles","t","root","flexDirection","alignItems","paddingHorizontal","paddingVertical","content","fontSize","color","colorText","flex","description","colorTextSecondary","marginTop","extra","exports","lineStyle","StyleSheet","create","s","contentWrapStyle"],"sourceRoot":"../../../../src","sources":["list-item/style/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAWO,MAAMC,mBAAmB,GAAIC,CAAS,KAA8B;EACzEC,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,EAAER,CAAC,CAACS,SAAS;IAClBC,IAAI,EAAE;EACR,CAAC;EACDC,WAAW,EAAE;IACXJ,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAER,CAAC,CAACY,kBAAkB;IAC3BC,SAAS,EAAE;EACb,CAAC;EACDC,KAAK,EAAE;IACLN,KAAK,EAAER,CAAC,CAACY,kBAAkB;IAC3BL,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAACQ,OAAA,CAAAhB,mBAAA,GAAAA,mBAAA;AAEI,MAAMiB,SAAS,GAAAD,OAAA,CAAAC,SAAA,GAAGC,uBAAU,CAACC,MAAM,CAAC;EACzCC,CAAC,EAAE;IAAET,IAAI,EAAE,CAAC;IAAER,aAAa,EAAE,KAAK;IAAEC,UAAU,EAAE;EAAS;AAC3D,CAAC,CAAC,CAACgB,CAAC;AAEG,MAAMC,gBAAgB,GAAAL,OAAA,CAAAK,gBAAA,GAAGH,uBAAU,CAACC,MAAM,CAAC;EAChDC,CAAC,EAAE;IAAET,IAAI,EAAE;EAAE;AACf,CAAC,CAAC,CAACS,CAAC","ignoreList":[]}

package/lib/commonjs/menu/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _popover = _interopRequireDefault(require("../popover"));
+var _context = require("../theme/context");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+/**
+ * Menu 独立组件
+ *
+ * 基于 Popover 实现的菜单列表，支持 danger、icon、disabled。
+ */
+
+const Menu = ({
+  visible,
+  onClose,
+  anchorLayout,
+  actions,
+  onAction,
+  placement = 'bottom',
+  width = 160,
+  style,
+  styles: semanticStyles,
+  testID
+}) => {
+  const tokens = (0, _context.useTokens)();
+  const ds = (0, _react.useMemo)(() => (0, _style.createDefaultStyles)(tokens), [tokens]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.default, {
+    visible: visible,
+    onClose: onClose,
+    anchorLayout: anchorLayout,
+    placement: placement,
+    width: width,
+    style: style,
+    testID: testID,
+    children: actions.map((action, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+      children: [index > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [ds.divider, semanticStyles?.divider]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+        style: [ds.item, semanticStyles?.item],
+        onPress: () => {
+          if (!action.disabled) {
+            onAction?.(action);
+            onClose();
+          }
+        },
+        disabled: action.disabled,
+        testID: testID ? `${testID}-${action.key}` : undefined,
+        children: [action.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [ds.itemIcon, semanticStyles?.itemIcon],
+          children: action.icon
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [action.danger ? ds.itemLabelDanger : ds.itemLabel, semanticStyles?.itemLabel],
+          children: action.text
+        })]
+      })]
+    }, action.key))
+  });
+};
+var _default = exports.default = Menu;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_popover","_interopRequireDefault","_context","_style","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Menu","visible","onClose","anchorLayout","actions","onAction","placement","width","style","styles","semanticStyles","testID","tokens","useTokens","ds","useMemo","createDefaultStyles","jsx","children","map","action","index","jsxs","Fragment","View","divider","Pressable","item","onPress","disabled","key","undefined","icon","itemIcon","Text","danger","itemLabelDanger","itemLabel","text","_default","exports"],"sourceRoot":"../../../src","sources":["menu/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDefaultStyles = void 0;
+var _reactNative = require("react-native");
+const createDefaultStyles = t => ({
+  item: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 12,
+    paddingHorizontal: 16
+  },
+  itemLabel: {
+    fontSize: 14,
+    color: t.colorText
+  },
+  itemLabelDanger: {
+    fontSize: 14,
+    color: t.colorError
+  },
+  itemIcon: {
+    marginRight: 8
+  },
+  divider: {
+    height: _reactNative.StyleSheet.hairlineWidth,
+    backgroundColor: t.colorBorder
+  }
+});
+exports.createDefaultStyles = createDefaultStyles;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","createDefaultStyles","t","item","flexDirection","alignItems","paddingVertical","paddingHorizontal","itemLabel","fontSize","color","colorText","itemLabelDanger","colorError","itemIcon","marginRight","divider","height","StyleSheet","hairlineWidth","backgroundColor","colorBorder","exports"],"sourceRoot":"../../../../src","sources":["menu/style/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAWO,MAAMC,mBAAmB,GAAIC,CAAS,KAAM;EACjDC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAc;IAC7BC,UAAU,EAAE,QAAiB;IAC7BC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EACDC,SAAS,EAAE;IACTC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAER,CAAC,CAACS;EACX,CAAC;EACDC,eAAe,EAAE;IACfH,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAER,CAAC,CAACW;EACX,CAAC;EACDC,QAAQ,EAAE;IACRC,WAAW,EAAE;EACf,CAAC;EACDC,OAAO,EAAE;IACPC,MAAM,EAAEC,uBAAU,CAACC,aAAa;IAChCC,eAAe,EAAElB,CAAC,CAACmB;EACrB;AACF,CAAC,CAAC;AAACC,OAAA,CAAArB,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/commonjs/package.json

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

package/lib/commonjs/popover/index.js

@@ -0,0 +1,68 @@
+"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); }
+/**
+ * Popover 基础组件
+ *
+ * 锚定定位下拉容器，仅做定位，内容由 children 传入。
+ */
+
+const GAP = 4;
+const Popover = ({
+  visible,
+  onClose,
+  anchorLayout,
+  width = 180,
+  placement = 'bottom',
+  children,
+  style,
+  styles: semanticStyles,
+  testID
+}) => {
+  const tokens = (0, _context.useTokens)();
+  const defaultStyles = (0, _react.useMemo)(() => (0, _style.createDefaultStyles)(tokens), [tokens]);
+  const s = (0, _react.useMemo)(() => (0, _hooks.mergeStyles)(defaultStyles, semanticStyles), [defaultStyles, 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__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: onClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
+      onPress: onClose,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: s.overlay,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [s.content, positionStyle, {
+              width
+            }, style],
+            testID: testID,
+            children: children
+          })
+        })
+      })
+    })
+  });
+};
+var _default = exports.default = Popover;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/popover/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","GAP","Popover","visible","onClose","anchorLayout","width","placement","children","style","styles","semanticStyles","testID","tokens","useTokens","defaultStyles","useMemo","createDefaultStyles","s","mergeStyles","positionStyle","top","y","height","left","x","bottom","jsx","Modal","transparent","animationType","onRequestClose","TouchableWithoutFeedback","onPress","View","overlay","content","_default","exports"],"sourceRoot":"../../../src","sources":["popover/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDefaultStyles = void 0;
+const createDefaultStyles = t => ({
+  overlay: {
+    flex: 1
+  },
+  content: {
+    position: 'absolute',
+    backgroundColor: t.colorBgElevated,
+    borderRadius: 12,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.12,
+    shadowRadius: 12,
+    elevation: 8
+  }
+});
+exports.createDefaultStyles = createDefaultStyles;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createDefaultStyles","t","overlay","flex","content","position","backgroundColor","colorBgElevated","borderRadius","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","exports"],"sourceRoot":"../../../../src","sources":["popover/style/index.tsx"],"mappings":";;;;;;AAQO,MAAMA,mBAAmB,GAAIC,CAAS,KAA6B;EACxEC,OAAO,EAAE;IACPC,IAAI,EAAE;EACR,CAAC;EACDC,OAAO,EAAE;IACPC,QAAQ,EAAE,UAAU;IACpBC,eAAe,EAAEL,CAAC,CAACM,eAAe;IAClCC,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,CAAC;AAACC,OAAA,CAAAhB,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/commonjs/row/index.js

@@ -0,0 +1,36 @@
+"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 }; }
+/**
+ * 水平布局容器
+ *
+ * 默认 flexDirection: 'row' + alignItems: 'center'。
+ */
+
+const Row = ({
+  align,
+  justify,
+  gap,
+  wrap,
+  style,
+  ...rest
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: [_style.baseStyle, align != null && {
+    alignItems: align
+  }, justify != null && {
+    justifyContent: justify
+  }, gap != null && {
+    gap
+  }, wrap && _style.wrapStyle, style],
+  ...rest
+});
+var _default = exports.default = Row;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_style","_jsxRuntime","e","__esModule","default","Row","align","justify","gap","wrap","style","rest","jsx","View","baseStyle","alignItems","justifyContent","wrapStyle","_default","exports"],"sourceRoot":"../../../src","sources":["row/index.tsx"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAT/C;AACA;AACA;AACA;AACA;;AAqBA,MAAMG,GAAuB,GAAGA,CAAC;EAC/BC,KAAK;EACLC,OAAO;EACPC,GAAG;EACHC,IAAI;EACJC,KAAK;EACL,GAAGC;AACK,CAAC,kBACT,IAAAV,WAAA,CAAAW,GAAA,EAACb,YAAA,CAAAc,IAAI;EACHH,KAAK,EAAE,CACLI,gBAAS,EACTR,KAAK,IAAI,IAAI,IAAI;IAAES,UAAU,EAAET;EAAM,CAAC,EACtCC,OAAO,IAAI,IAAI,IAAI;IAAES,cAAc,EAAET;EAAQ,CAAC,EAC9CC,GAAG,IAAI,IAAI,IAAI;IAAEA;EAAI,CAAC,EACtBC,IAAI,IAAIQ,gBAAS,EACjBP,KAAK,CACL;EAAA,GACEC;AAAI,CACT,CACF;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAEaC,GAAG","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","baseStyle","exports","StyleSheet","create","row","flexDirection","alignItems","wrapStyle","wrap","flexWrap"],"sourceRoot":"../../../../src","sources":["row/style/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EACzCC,GAAG,EAAE;IACHC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC,CAACF,GAAG;AAEC,MAAMG,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAGL,uBAAU,CAACC,MAAM,CAAC;EACzCK,IAAI,EAAE;IACJC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC,CAACD,IAAI","ignoreList":[]}

package/lib/commonjs/space/index.js

@@ -0,0 +1,25 @@
+"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 }; }
+/**
+ * 间距占位组件
+ *
+ * 在两个元素之间插入固定间距。
+ */
+
+const Space = ({
+  size = 12,
+  direction = 'vertical'
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: direction === 'vertical' ? (0, _style.verticalStyle)(size) : (0, _style.horizontalStyle)(size)
+});
+var _default = exports.default = Space;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_style","_jsxRuntime","e","__esModule","default","Space","size","direction","jsx","View","style","verticalStyle","horizontalStyle","_default","exports"],"sourceRoot":"../../../src","sources":["space/index.tsx"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAyD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AARzD;AACA;AACA;AACA;AACA;;AAaA,MAAMG,KAA2B,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,SAAS,GAAG;AAAW,CAAC,kBACxE,IAAAN,WAAA,CAAAO,GAAA,EAACT,YAAA,CAAAU,IAAI;EACHC,KAAK,EACHH,SAAS,KAAK,UAAU,GACpB,IAAAI,oBAAa,EAACL,IAAI,CAAC,GACnB,IAAAM,sBAAe,EAACN,IAAI;AACzB,CACF,CACF;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEaC,KAAK","ignoreList":[]}

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.verticalStyle = exports.horizontalStyle = void 0;
+const verticalStyle = size => ({
+  height: size
+});
+exports.verticalStyle = verticalStyle;
+const horizontalStyle = size => ({
+  width: size
+});
+exports.horizontalStyle = horizontalStyle;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["verticalStyle","size","height","exports","horizontalStyle","width"],"sourceRoot":"../../../../src","sources":["space/style/index.tsx"],"mappings":";;;;;;AAAO,MAAMA,aAAa,GAAIC,IAAY,KAAM;EAAEC,MAAM,EAAED;AAAK,CAAC,CAAC;AAACE,OAAA,CAAAH,aAAA,GAAAA,aAAA;AAE3D,MAAMI,eAAe,GAAIH,IAAY,KAAM;EAAEI,KAAK,EAAEJ;AAAK,CAAC,CAAC;AAACE,OAAA,CAAAC,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/commonjs/text/index.js

@@ -0,0 +1,40 @@
+"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); }
+/**
+ * 语义化文字组件
+ *
+ * variant 驱动样式，支持嵌套 Text。
+ */
+
+const Text = ({
+  variant = 'body',
+  secondary,
+  primary,
+  color,
+  weight,
+  style,
+  ...rest
+}) => {
+  const tokens = (0, _context.useTokens)();
+  const variantMap = (0, _react.useMemo)(() => (0, _style.createVariantMap)(tokens), [tokens]);
+  const secondaryStyle = (0, _react.useMemo)(() => (0, _style.createSecondaryStyle)(tokens), [tokens]);
+  const primaryStyle = (0, _react.useMemo)(() => (0, _style.createPrimaryStyle)(tokens), [tokens]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: [variantMap[variant], secondary && secondaryStyle, primary && primaryStyle, color != null && {
+      color
+    }, weight != null && _style.WEIGHT_MAP[weight], style],
+    ...rest
+  });
+};
+var _default = exports.default = Text;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/text/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","Text","variant","secondary","primary","color","weight","style","rest","tokens","useTokens","variantMap","useMemo","createVariantMap","secondaryStyle","createSecondaryStyle","primaryStyle","createPrimaryStyle","jsx","WEIGHT_MAP","_default","exports"],"sourceRoot":"../../../src","sources":["text/index.tsx"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAAiG,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;AAXjG;AACA;AACA;AACA;AACA;;AAiBA,MAAMkB,IAAyB,GAAGA,CAAC;EACjCC,OAAO,GAAG,MAAM;EAChBC,SAAS;EACTC,OAAO;EACPC,KAAK;EACLC,MAAM;EACNC,KAAK;EACL,GAAGC;AACM,CAAC,KAAK;EACf,MAAMC,MAAM,GAAG,IAAAC,kBAAS,EAAC,CAAC;EAC1B,MAAMC,UAAU,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,uBAAgB,EAACJ,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACpE,MAAMK,cAAc,GAAG,IAAAF,cAAO,EAAC,MAAM,IAAAG,2BAAoB,EAACN,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAC5E,MAAMO,YAAY,GAAG,IAAAJ,cAAO,EAAC,MAAM,IAAAK,yBAAkB,EAACR,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAExE,oBACE,IAAA5B,WAAA,CAAAqC,GAAA,EAACxC,YAAA,CAAAuB,IAAM;IACLM,KAAK,EAAE,CACLI,UAAU,CAACT,OAAO,CAAC,EACnBC,SAAS,IAAIW,cAAc,EAC3BV,OAAO,IAAIY,YAAY,EACvBX,KAAK,IAAI,IAAI,IAAI;MAAEA;IAAM,CAAC,EAC1BC,MAAM,IAAI,IAAI,IAAIa,iBAAU,CAACb,MAAM,CAAC,EACpCC,KAAK,CACL;IAAA,GACEC;EAAI,CACT,CAAC;AAEN,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEaS,IAAI","ignoreList":[]}

package/lib/commonjs/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 拥有最高优先级。