@unif/react-native-ui 0.1.0 → 0.2.2

package/lib/commonjs/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/commonjs/hooks/useMergeStyles.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mergeStyles = mergeStyles;
+/**
+ * 语义样式合并
+ *
+ * 纯函数版本，调用方通过 useMemo 控制缓存策略。
+ */
+
+/**
+ * 按 slot 维度合并多来源样式。
+ */
+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/commonjs/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;AACO,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/commonjs/index.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ActionSheet", {
+  enumerable: true,
+  get: function () {
+    return _actionSheet.default;
+  }
+});
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () {
+    return _avatar.default;
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () {
+    return _button.default;
+  }
+});
+Object.defineProperty(exports, "Center", {
+  enumerable: true,
+  get: function () {
+    return _center.default;
+  }
+});
+Object.defineProperty(exports, "Chip", {
+  enumerable: true,
+  get: function () {
+    return _chip.default;
+  }
+});
+Object.defineProperty(exports, "Column", {
+  enumerable: true,
+  get: function () {
+    return _column.default;
+  }
+});
+Object.defineProperty(exports, "ConfigProvider", {
+  enumerable: true,
+  get: function () {
+    return _context.ConfigProvider;
+  }
+});
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: function () {
+    return _divider.default;
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () {
+    return _input.default;
+  }
+});
+Object.defineProperty(exports, "ListItem", {
+  enumerable: true,
+  get: function () {
+    return _listItem.default;
+  }
+});
+Object.defineProperty(exports, "Menu", {
+  enumerable: true,
+  get: function () {
+    return _menu.default;
+  }
+});
+Object.defineProperty(exports, "Popover", {
+  enumerable: true,
+  get: function () {
+    return _popover.default;
+  }
+});
+Object.defineProperty(exports, "Row", {
+  enumerable: true,
+  get: function () {
+    return _row.default;
+  }
+});
+Object.defineProperty(exports, "Space", {
+  enumerable: true,
+  get: function () {
+    return _space.default;
+  }
+});
+Object.defineProperty(exports, "Text", {
+  enumerable: true,
+  get: function () {
+    return _text.default;
+  }
+});
+Object.defineProperty(exports, "Touchable", {
+  enumerable: true,
+  get: function () {
+    return _touchable.default;
+  }
+});
+Object.defineProperty(exports, "WaveAnimation", {
+  enumerable: true,
+  get: function () {
+    return _waveAnimation.default;
+  }
+});
+Object.defineProperty(exports, "defaultTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens.defaultTokens;
+  }
+});
+Object.defineProperty(exports, "mergeStyles", {
+  enumerable: true,
+  get: function () {
+    return _hooks.mergeStyles;
+  }
+});
+Object.defineProperty(exports, "useTokens", {
+  enumerable: true,
+  get: function () {
+    return _context.useTokens;
+  }
+});
+var _context = require("./theme/context");
+var _tokens = require("./theme/tokens");
+var _hooks = require("./hooks");
+var _row = _interopRequireDefault(require("./row"));
+var _column = _interopRequireDefault(require("./column"));
+var _center = _interopRequireDefault(require("./center"));
+var _space = _interopRequireDefault(require("./space"));
+var _text = _interopRequireDefault(require("./text"));
+var _button = _interopRequireDefault(require("./button"));
+var _divider = _interopRequireDefault(require("./divider"));
+var _listItem = _interopRequireDefault(require("./list-item"));
+var _touchable = _interopRequireDefault(require("./touchable"));
+var _avatar = _interopRequireDefault(require("./avatar"));
+var _waveAnimation = _interopRequireDefault(require("./wave-animation"));
+var _input = _interopRequireDefault(require("./input"));
+var _chip = _interopRequireDefault(require("./chip"));
+var _actionSheet = _interopRequireDefault(require("./action-sheet"));
+var _popover = _interopRequireDefault(require("./popover"));
+var _menu = _interopRequireDefault(require("./menu"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_context","require","_tokens","_hooks","_row","_interopRequireDefault","_column","_center","_space","_text","_button","_divider","_listItem","_touchable","_avatar","_waveAnimation","_input","_chip","_actionSheet","_popover","_menu","e","__esModule","default"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAIA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAAG,IAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAEA,IAAAM,OAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAEA,IAAAO,MAAA,GAAAH,sBAAA,CAAAJ,OAAA;AAIA,IAAAQ,KAAA,GAAAJ,sBAAA,CAAAJ,OAAA;AAEA,IAAAS,OAAA,GAAAL,sBAAA,CAAAJ,OAAA;AAGA,IAAAU,QAAA,GAAAN,sBAAA,CAAAJ,OAAA;AACA,IAAAW,SAAA,GAAAP,sBAAA,CAAAJ,OAAA;AACA,IAAAY,UAAA,GAAAR,sBAAA,CAAAJ,OAAA;AAIA,IAAAa,OAAA,GAAAT,sBAAA,CAAAJ,OAAA;AAGA,IAAAc,cAAA,GAAAV,sBAAA,CAAAJ,OAAA;AAIA,IAAAe,MAAA,GAAAX,sBAAA,CAAAJ,OAAA;AAGA,IAAAgB,KAAA,GAAAZ,sBAAA,CAAAJ,OAAA;AAGA,IAAAiB,YAAA,GAAAb,sBAAA,CAAAJ,OAAA;AAGA,IAAAkB,QAAA,GAAAd,sBAAA,CAAAJ,OAAA;AAGA,IAAAmB,KAAA,GAAAf,sBAAA,CAAAJ,OAAA;AAAyC,SAAAI,uBAAAgB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/input/index.js

@@ -0,0 +1,76 @@
+"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); }
+/**
+ * Input 基础组件
+ *
+ * TextInput 容器，支持多行、工具栏插槽、自动聚焦。
+ */
+
+const Input = /*#__PURE__*/(0, _react.forwardRef)(({
+  value,
+  onChangeText,
+  placeholder,
+  multiline = false,
+  maxLength,
+  maxHeight,
+  autoFocus,
+  returnKeyType,
+  onSubmitEditing,
+  onBlur,
+  onFocus,
+  disabled,
+  toolbar,
+  style,
+  styles: semanticStyles,
+  testID
+}, ref) => {
+  const inputRef = (0, _react.useRef)(null);
+  const tokens = (0, _context.useTokens)();
+  const defaultStyles = (0, _react.useMemo)(() => (0, _style.createDefaultStyles)(tokens), [tokens]);
+  _react.default.useImperativeHandle(ref, () => inputRef.current);
+  const s = (0, _react.useMemo)(() => (0, _hooks.mergeStyles)(defaultStyles, semanticStyles), [defaultStyles, semanticStyles]);
+  (0, _react.useEffect)(() => {
+    if (autoFocus) {
+      inputRef.current?.focus();
+    }
+  }, [autoFocus]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [s.root, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: s.toolbar,
+      children: toolbar
+    })]
+  });
+});
+Input.displayName = 'Input';
+var _default = exports.default = Input;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/input/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","Input","forwardRef","value","onChangeText","placeholder","multiline","maxLength","maxHeight","autoFocus","returnKeyType","onSubmitEditing","onBlur","onFocus","disabled","toolbar","style","styles","semanticStyles","testID","ref","inputRef","useRef","tokens","useTokens","defaultStyles","useMemo","createDefaultStyles","React","useImperativeHandle","current","s","mergeStyles","useEffect","focus","jsxs","View","root","children","jsx","TextInput","input","undefined","placeholderTextColor","colorTextPlaceholder","editable","blurOnSubmit","displayName","_default","exports"],"sourceRoot":"../../../src","sources":["input/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDefaultStyles = void 0;
+var _reactNative = require("react-native");
+const createDefaultStyles = t => ({
+  root: {
+    backgroundColor: t.colorBgElevated,
+    borderRadius: t.radiusXl,
+    paddingHorizontal: 12,
+    paddingTop: 8,
+    paddingBottom: 6,
+    ...t.shadow
+  },
+  input: {
+    fontSize: t.fontSize,
+    color: t.colorText,
+    lineHeight: t.lineHeight,
+    paddingVertical: _reactNative.Platform.OS === 'ios' ? 4 : 2,
+    paddingHorizontal: 4
+  },
+  toolbar: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingTop: 4
+  }
+});
+exports.createDefaultStyles = createDefaultStyles;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","createDefaultStyles","t","root","backgroundColor","colorBgElevated","borderRadius","radiusXl","paddingHorizontal","paddingTop","paddingBottom","shadow","input","fontSize","color","colorText","lineHeight","paddingVertical","Platform","OS","toolbar","flexDirection","alignItems","exports"],"sourceRoot":"../../../../src","sources":["input/style/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAUO,MAAMC,mBAAmB,GAAIC,CAAS,KAA2B;EACtEC,IAAI,EAAE;IACJC,eAAe,EAAEF,CAAC,CAACG,eAAe;IAClCC,YAAY,EAAEJ,CAAC,CAACK,QAAQ;IACxBC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,CAAC;IACbC,aAAa,EAAE,CAAC;IAChB,GAAGR,CAAC,CAACS;EACP,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAEX,CAAC,CAACW,QAAQ;IACpBC,KAAK,EAAEZ,CAAC,CAACa,SAAS;IAClBC,UAAU,EAAEd,CAAC,CAACc,UAAU;IACxBC,eAAe,EAAEC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,CAAC,GAAG,CAAC;IAC9CX,iBAAiB,EAAE;EACrB,CAAC;EACDY,OAAO,EAAE;IACPC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBb,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAACc,OAAA,CAAAtB,mBAAA,GAAAA,mBAAA","ignoreList":[]}

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

@@ -0,0 +1,76 @@
+"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); }
+/**
+ * 列表行组件
+ *
+ * 语义 slot：root / content / description / extra。
+ */
+
+const ListItem = ({
+  thumb,
+  title,
+  description,
+  extra,
+  arrow,
+  arrowIcon,
+  style,
+  styles: semanticStyles,
+  ...props
+}) => {
+  const tokens = (0, _context.useTokens)();
+  const defaultStyles = (0, _react.useMemo)(() => (0, _style.createDefaultStyles)(tokens), [tokens]);
+  const defaultArrowStyle = (0, _react.useMemo)(() => ({
+    fontSize: 18,
+    color: tokens.colorTextSecondary
+  }), [tokens]);
+  const s = (0, _react.useMemo)(() => (0, _hooks.mergeStyles)(defaultStyles, semanticStyles), [defaultStyles, semanticStyles]);
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [s.root, style],
+    children: [thumb, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: _style.lineStyle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: _style.contentWrapStyle,
+        children: [typeof title === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: s.content,
+          children: title
+        }) : title, description != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: s.description,
+          numberOfLines: 1,
+          children: description
+        })]
+      }), extra != null && (typeof extra === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: s.extra,
+        children: extra
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: s.extra,
+        children: extra
+      })), arrow && (arrowIcon ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: defaultArrowStyle,
+        children: "\u203A"
+      }))]
+    })]
+  });
+  if (props.onPress) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: props.onPress,
+      onLongPress: props.onLongPress,
+      disabled: props.disabled,
+      testID: props.testID,
+      children: content
+    });
+  }
+  return content;
+};
+var _default = exports.default = ListItem;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/list-item/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","ListItem","thumb","title","description","extra","arrow","arrowIcon","style","styles","semanticStyles","props","tokens","useTokens","defaultStyles","useMemo","createDefaultStyles","defaultArrowStyle","fontSize","color","colorTextSecondary","s","mergeStyles","content","jsxs","View","root","children","lineStyle","contentWrapStyle","jsx","Text","numberOfLines","onPress","Pressable","onLongPress","disabled","testID","_default","exports"],"sourceRoot":"../../../src","sources":["list-item/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/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` 时生效