@unif/react-native-chat 0.2.1 → 0.2.2

package/lib/commonjs/bubble/Bubble.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeUi = require("@unif/react-native-ui");
 var _tokens = require("../theme/tokens");
 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); }
 /**
  * Bubble — 消息气泡容器
  *
@@ -27,18 +28,78 @@ const Bubble = ({
   styles: semanticStyles,
   testID
 }) => {
+  const t = (0, _reactNativeUi.useTokens)();
+  const styles = (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    // Assistant
+    assistantRow: {
+      paddingHorizontal: t.spaceMd,
+      paddingVertical: t.spaceSm,
+      marginBottom: 12
+    },
+    headerRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      marginBottom: 6
+    },
+    avatarContainer: {
+      marginRight: 8
+    },
+    assistantName: {
+      fontSize: 13,
+      fontWeight: '500',
+      color: t.colorTextSecondary
+    },
+    contentArea: {
+      paddingLeft: 36
+    },
+    separator: {
+      marginTop: 12,
+      marginLeft: 36,
+      height: _reactNative.StyleSheet.hairlineWidth,
+      backgroundColor: t.colorBorder,
+      opacity: 0.5
+    },
+    footer: {
+      paddingLeft: 36,
+      marginTop: 4
+    },
+    // User
+    userRow: {
+      flexDirection: 'row',
+      justifyContent: 'flex-end',
+      flexWrap: 'wrap',
+      paddingHorizontal: t.spaceMd,
+      paddingVertical: t.spaceSm,
+      marginBottom: t.spaceSm
+    },
+    userBubble: {
+      backgroundColor: _tokens.chatTokens.colorBgUserMsg,
+      borderTopLeftRadius: 20,
+      borderTopRightRadius: 20,
+      borderBottomLeftRadius: 20,
+      borderBottomRightRadius: 6,
+      paddingHorizontal: t.spaceMd,
+      paddingVertical: t.space,
+      maxWidth: '75%'
+    },
+    userText: {
+      fontSize: t.fontSize,
+      color: t.colorText,
+      lineHeight: t.lineHeight
+    }
+  }), [t]);
   if (role === 'user') {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [defaultStyles.userRow, semanticStyles?.root, style],
+      style: [styles.userRow, semanticStyles?.root, style],
       testID: testID ?? 'bubble-user',
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: defaultStyles.userBubble,
+        style: styles.userBubble,
         children: typeof children === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: defaultStyles.userText,
+          style: styles.userText,
           children: children
         }) : children
       }), footer && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [defaultStyles.footer, semanticStyles?.footer],
+        style: [styles.footer, semanticStyles?.footer],
         children: footer
       })]
     });
@@ -46,86 +107,27 @@ const Bubble = ({
 
   // assistant / system
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [defaultStyles.assistantRow, semanticStyles?.root, style],
+    style: [styles.assistantRow, semanticStyles?.root, style],
     testID: testID ?? 'bubble-assistant',
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: defaultStyles.headerRow,
+      style: styles.headerRow,
       children: [avatar && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [defaultStyles.avatarContainer, semanticStyles?.avatar],
+        style: [styles.avatarContainer, semanticStyles?.avatar],
         children: avatar
       }), name && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [defaultStyles.assistantName, semanticStyles?.name],
+        style: [styles.assistantName, semanticStyles?.name],
         children: name
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [defaultStyles.contentArea, semanticStyles?.content],
+      style: [styles.contentArea, semanticStyles?.content],
       children: children
     }), footer && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [defaultStyles.footer, semanticStyles?.footer],
+      style: [styles.footer, semanticStyles?.footer],
       children: footer
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: defaultStyles.separator
+      style: styles.separator
     })]
   });
 };
-const defaultStyles = _reactNative.StyleSheet.create({
-  // Assistant
-  assistantRow: {
-    paddingHorizontal: _tokens.chatTokens.spaceMd,
-    paddingVertical: _tokens.chatTokens.spaceSm,
-    marginBottom: 12
-  },
-  headerRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginBottom: 6
-  },
-  avatarContainer: {
-    marginRight: 8
-  },
-  assistantName: {
-    fontSize: 13,
-    fontWeight: '500',
-    color: _tokens.chatTokens.colorTextSecondary
-  },
-  contentArea: {
-    paddingLeft: 36
-  },
-  separator: {
-    marginTop: 12,
-    marginLeft: 36,
-    height: _reactNative.StyleSheet.hairlineWidth,
-    backgroundColor: _tokens.chatTokens.colorBorder,
-    opacity: 0.5
-  },
-  footer: {
-    paddingLeft: 36,
-    marginTop: 4
-  },
-  // User
-  userRow: {
-    flexDirection: 'row',
-    justifyContent: 'flex-end',
-    flexWrap: 'wrap',
-    paddingHorizontal: _tokens.chatTokens.spaceMd,
-    paddingVertical: _tokens.chatTokens.spaceSm,
-    marginBottom: _tokens.chatTokens.spaceSm
-  },
-  userBubble: {
-    backgroundColor: _tokens.chatTokens.colorBgUserMsg,
-    borderTopLeftRadius: 20,
-    borderTopRightRadius: 20,
-    borderBottomLeftRadius: 20,
-    borderBottomRightRadius: 6,
-    paddingHorizontal: _tokens.chatTokens.spaceMd,
-    paddingVertical: _tokens.chatTokens.space,
-    maxWidth: '75%'
-  },
-  userText: {
-    fontSize: _tokens.chatTokens.fontSize,
-    color: _tokens.chatTokens.colorText,
-    lineHeight: _tokens.chatTokens.lineHeight
-  }
-});
 var _default = exports.default = /*#__PURE__*/_react.default.memo(Bubble);
 //# sourceMappingURL=Bubble.js.map

package/lib/commonjs/bubble/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_tokens","_jsxRuntime","e","__esModule","default","Bubble","role","avatar","name","children","footer","style","styles","semanticStyles","testID","jsxs","View","defaultStyles","userRow","root","jsx","userBubble","Text","userText","assistantRow","headerRow","avatarContainer","assistantName","contentArea","content","separator","StyleSheet","create","paddingHorizontal","chatTokens","spaceMd","paddingVertical","spaceSm","marginBottom","flexDirection","alignItems","marginRight","fontSize","fontWeight","color","colorTextSecondary","paddingLeft","marginTop","marginLeft","height","hairlineWidth","backgroundColor","colorBorder","opacity","justifyContent","flexWrap","colorBgUserMsg","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","space","maxWidth","colorText","lineHeight","_default","exports","React","memo"],"sourceRoot":"../../../src","sources":["bubble/Bubble.tsx"],"mappings":";;;;;;AAQA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,OAAA,GAAAF,OAAA;AAA2C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAhB3C;AACA;AACA;AACA;AACA;AACA;AACA;;AA+BA,MAAMG,MAA6B,GAAGA,CAAC;EACrCC,IAAI;EACJC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC,MAAM;EACNC,KAAK;EACLC,MAAM,EAAEC,cAAc;EACtBC;AACF,CAAC,KAAK;EACJ,IAAIR,IAAI,KAAK,MAAM,EAAE;IACnB,oBACE,IAAAL,WAAA,CAAAc,IAAA,EAAChB,YAAA,CAAAiB,IAAI;MACHL,KAAK,EAAE,CAACM,aAAa,CAACC,OAAO,EAAEL,cAAc,EAAEM,IAAI,EAAER,KAAK,CAAE;MAC5DG,MAAM,EAAEA,MAAM,IAAI,aAAc;MAAAL,QAAA,gBAChC,IAAAR,WAAA,CAAAmB,GAAA,EAACrB,YAAA,CAAAiB,IAAI;QAACL,KAAK,EAAEM,aAAa,CAACI,UAAW;QAAAZ,QAAA,EACnC,OAAOA,QAAQ,KAAK,QAAQ,gBAC3B,IAAAR,WAAA,CAAAmB,GAAA,EAACrB,YAAA,CAAAuB,IAAI;UAACX,KAAK,EAAEM,aAAa,CAACM,QAAS;UAAAd,QAAA,EAAEA;QAAQ,CAAO,CAAC,GAEtDA;MACD,CACG,CAAC,EACNC,MAAM,iBACL,IAAAT,WAAA,CAAAmB,GAAA,EAACrB,YAAA,CAAAiB,IAAI;QAACL,KAAK,EAAE,CAACM,aAAa,CAACP,MAAM,EAAEG,cAAc,EAAEH,MAAM,CAAE;QAAAD,QAAA,EACzDC;MAAM,CACH,CACP;IAAA,CACG,CAAC;EAEX;;EAEA;EACA,oBACE,IAAAT,WAAA,CAAAc,IAAA,EAAChB,YAAA,CAAAiB,IAAI;IACHL,KAAK,EAAE,CAACM,aAAa,CAACO,YAAY,EAAEX,cAAc,EAAEM,IAAI,EAAER,KAAK,CAAE;IACjEG,MAAM,EAAEA,MAAM,IAAI,kBAAmB;IAAAL,QAAA,gBACrC,IAAAR,WAAA,CAAAc,IAAA,EAAChB,YAAA,CAAAiB,IAAI;MAACL,KAAK,EAAEM,aAAa,CAACQ,SAAU;MAAAhB,QAAA,GAClCF,MAAM,iBACL,IAAAN,WAAA,CAAAmB,GAAA,EAACrB,YAAA,CAAAiB,IAAI;QAACL,KAAK,EAAE,CAACM,aAAa,CAACS,eAAe,EAAEb,cAAc,EAAEN,MAAM,CAAE;QAAAE,QAAA,EAClEF;MAAM,CACH,CACP,EACAC,IAAI,iBACH,IAAAP,WAAA,CAAAmB,GAAA,EAACrB,YAAA,CAAAuB,IAAI;QAACX,KAAK,EAAE,CAACM,aAAa,CAACU,aAAa,EAAEd,cAAc,EAAEL,IAAI,CAAE;QAAAC,QAAA,EAC9DD;MAAI,CACD,CACP;IAAA,CACG,CAAC,eACP,IAAAP,WAAA,CAAAmB,GAAA,EAACrB,YAAA,CAAAiB,IAAI;MAACL,KAAK,EAAE,CAACM,aAAa,CAACW,WAAW,EAAEf,cAAc,EAAEgB,OAAO,CAAE;MAAApB,QAAA,EAC/DA;IAAQ,CACL,CAAC,EACNC,MAAM,iBACL,IAAAT,WAAA,CAAAmB,GAAA,EAACrB,YAAA,CAAAiB,IAAI;MAACL,KAAK,EAAE,CAACM,aAAa,CAACP,MAAM,EAAEG,cAAc,EAAEH,MAAM,CAAE;MAAAD,QAAA,EACzDC;IAAM,CACH,CACP,eACD,IAAAT,WAAA,CAAAmB,GAAA,EAACrB,YAAA,CAAAiB,IAAI;MAACL,KAAK,EAAEM,aAAa,CAACa;IAAU,CAAE,CAAC;EAAA,CACpC,CAAC;AAEX,CAAC;AAED,MAAMb,aAAa,GAAGc,uBAAU,CAACC,MAAM,CAAC;EACtC;EACAR,YAAY,EAAE;IACZS,iBAAiB,EAAEC,kBAAU,CAACC,OAAO;IACrCC,eAAe,EAAEF,kBAAU,CAACG,OAAO;IACnCC,YAAY,EAAE;EAChB,CAAC;EACDb,SAAS,EAAE;IACTc,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBF,YAAY,EAAE;EAChB,CAAC;EACDZ,eAAe,EAAE;IACfe,WAAW,EAAE;EACf,CAAC;EACDd,aAAa,EAAE;IACbe,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEV,kBAAU,CAACW;EACpB,CAAC;EACDjB,WAAW,EAAE;IACXkB,WAAW,EAAE;EACf,CAAC;EACDhB,SAAS,EAAE;IACTiB,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE,EAAE;IACdC,MAAM,EAAElB,uBAAU,CAACmB,aAAa;IAChCC,eAAe,EAAEjB,kBAAU,CAACkB,WAAW;IACvCC,OAAO,EAAE;EACX,CAAC;EACD3C,MAAM,EAAE;IACNoC,WAAW,EAAE,EAAE;IACfC,SAAS,EAAE;EACb,CAAC;EAED;EACA7B,OAAO,EAAE;IACPqB,aAAa,EAAE,KAAK;IACpBe,cAAc,EAAE,UAAU;IAC1BC,QAAQ,EAAE,MAAM;IAChBtB,iBAAiB,EAAEC,kBAAU,CAACC,OAAO;IACrCC,eAAe,EAAEF,kBAAU,CAACG,OAAO;IACnCC,YAAY,EAAEJ,kBAAU,CAACG;EAC3B,CAAC;EACDhB,UAAU,EAAE;IACV8B,eAAe,EAAEjB,kBAAU,CAACsB,cAAc;IAC1CC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,sBAAsB,EAAE,EAAE;IAC1BC,uBAAuB,EAAE,CAAC;IAC1B3B,iBAAiB,EAAEC,kBAAU,CAACC,OAAO;IACrCC,eAAe,EAAEF,kBAAU,CAAC2B,KAAK;IACjCC,QAAQ,EAAE;EACZ,CAAC;EACDvC,QAAQ,EAAE;IACRmB,QAAQ,EAAER,kBAAU,CAACQ,QAAQ;IAC7BE,KAAK,EAAEV,kBAAU,CAAC6B,SAAS;IAC3BC,UAAU,EAAE9B,kBAAU,CAAC8B;EACzB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA9D,OAAA,gBAEY+D,cAAK,CAACC,IAAI,CAAC/D,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_tokens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Bubble","role","avatar","name","children","footer","style","styles","semanticStyles","testID","useTokens","useMemo","StyleSheet","create","assistantRow","paddingHorizontal","spaceMd","paddingVertical","spaceSm","marginBottom","headerRow","flexDirection","alignItems","avatarContainer","marginRight","assistantName","fontSize","fontWeight","color","colorTextSecondary","contentArea","paddingLeft","separator","marginTop","marginLeft","height","hairlineWidth","backgroundColor","colorBorder","opacity","userRow","justifyContent","flexWrap","userBubble","chatTokens","colorBgUserMsg","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","space","maxWidth","userText","colorText","lineHeight","jsxs","View","root","jsx","Text","content","_default","exports","React","memo"],"sourceRoot":"../../../src","sources":["bubble/Bubble.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/card-wrapper/CardWrapper.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _tokens = require("../theme/tokens");
+var _reactNativeUi = require("@unif/react-native-ui");
 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); }
 /**
  * CardWrapper — 通用卡片路由容器
  * registry 通过 props 注入（而非全局 import），更灵活
@@ -23,19 +23,38 @@ const CardWrapper = ({
   style,
   testID
 }) => {
+  const t = (0, _reactNativeUi.useTokens)();
+  const ds = (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    container: {
+      backgroundColor: t.colorBgElevated,
+      borderRadius: 12,
+      borderWidth: 1,
+      borderColor: t.colorBorder,
+      marginLeft: 8,
+      marginRight: 40,
+      marginBottom: 4,
+      overflow: 'hidden',
+      maxWidth: '85%'
+    },
+    fallback: {
+      padding: 12,
+      fontSize: 13,
+      color: t.colorTextSecondary
+    }
+  }), [t]);
   const CardComponent = registry[cardType];
   if (!CardComponent) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [defaultStyles.container, style],
+      style: [ds.container, style],
       testID: testID,
       children: fallback ?? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: defaultStyles.fallback,
+        style: ds.fallback,
         children: ["\u4E0D\u652F\u6301\u7684\u5361\u7247\u7C7B\u578B: ", cardType]
       })
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [defaultStyles.container, style],
+    style: [ds.container, style],
     testID: testID ?? `card-${cardType}`,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CardComponent, {
       data: data,
@@ -43,23 +62,5 @@ const CardWrapper = ({
     })
   });
 };
-const defaultStyles = _reactNative.StyleSheet.create({
-  container: {
-    backgroundColor: _tokens.chatTokens.colorBgElevated,
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: _tokens.chatTokens.colorBorder,
-    marginLeft: 8,
-    marginRight: 40,
-    marginBottom: 4,
-    overflow: 'hidden',
-    maxWidth: '85%'
-  },
-  fallback: {
-    padding: 12,
-    fontSize: 13,
-    color: _tokens.chatTokens.colorTextSecondary
-  }
-});
 var _default = exports.default = /*#__PURE__*/_react.default.memo(CardWrapper);
 //# sourceMappingURL=CardWrapper.js.map

package/lib/commonjs/card-wrapper/CardWrapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_tokens","_jsxRuntime","e","__esModule","default","CardWrapper","cardType","data","actions","registry","fallback","style","testID","CardComponent","jsx","View","defaultStyles","container","children","jsxs","Text","StyleSheet","create","backgroundColor","chatTokens","colorBgElevated","borderRadius","borderWidth","borderColor","colorBorder","marginLeft","marginRight","marginBottom","overflow","maxWidth","padding","fontSize","color","colorTextSecondary","_default","exports","React","memo"],"sourceRoot":"../../../src","sources":["card-wrapper/CardWrapper.tsx"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA2C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAP3C;AACA;AACA;AACA;;AAqBA,MAAMG,WAAuC,GAAGA,CAAC;EAC/CC,QAAQ;EACRC,IAAI;EACJC,OAAO;EACPC,QAAQ,GAAG,CAAC,CAAC;EACbC,QAAQ;EACRC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAGJ,QAAQ,CAACH,QAAQ,CAAC;EAExC,IAAI,CAACO,aAAa,EAAE;IAClB,oBACE,IAAAZ,WAAA,CAAAa,GAAA,EAACf,YAAA,CAAAgB,IAAI;MAACJ,KAAK,EAAE,CAACK,aAAa,CAACC,SAAS,EAAEN,KAAK,CAAE;MAACC,MAAM,EAAEA,MAAO;MAAAM,QAAA,EAC3DR,QAAQ,iBACP,IAAAT,WAAA,CAAAkB,IAAA,EAACpB,YAAA,CAAAqB,IAAI;QAACT,KAAK,EAAEK,aAAa,CAACN,QAAS;QAAAQ,QAAA,GAAC,oDACzB,EAACZ,QAAQ;MAAA,CACf;IACP,CACG,CAAC;EAEX;EAEA,oBACE,IAAAL,WAAA,CAAAa,GAAA,EAACf,YAAA,CAAAgB,IAAI;IACHJ,KAAK,EAAE,CAACK,aAAa,CAACC,SAAS,EAAEN,KAAK,CAAE;IACxCC,MAAM,EAAEA,MAAM,IAAI,QAAQN,QAAQ,EAAG;IAAAY,QAAA,eACrC,IAAAjB,WAAA,CAAAa,GAAA,EAACD,aAAa;MAACN,IAAI,EAAEA,IAAK;MAACC,OAAO,EAAEA;IAAQ,CAAE;EAAC,CAC3C,CAAC;AAEX,CAAC;AAED,MAAMQ,aAAa,GAAGK,uBAAU,CAACC,MAAM,CAAC;EACtCL,SAAS,EAAE;IACTM,eAAe,EAAEC,kBAAU,CAACC,eAAe;IAC3CC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEJ,kBAAU,CAACK,WAAW;IACnCC,UAAU,EAAE,CAAC;IACbC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE,QAAQ;IAClBC,QAAQ,EAAE;EACZ,CAAC;EACDxB,QAAQ,EAAE;IACRyB,OAAO,EAAE,EAAE;IACXC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEb,kBAAU,CAACc;EACpB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAApC,OAAA,gBAEYqC,cAAK,CAACC,IAAI,CAACrC,WAAW,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CardWrapper","cardType","data","actions","registry","fallback","style","testID","useTokens","ds","useMemo","StyleSheet","create","container","backgroundColor","colorBgElevated","borderRadius","borderWidth","borderColor","colorBorder","marginLeft","marginRight","marginBottom","overflow","maxWidth","padding","fontSize","color","colorTextSecondary","CardComponent","jsx","View","children","jsxs","Text","_default","exports","React","memo"],"sourceRoot":"../../../src","sources":["card-wrapper/CardWrapper.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/conversations/Conversations.js

@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _tokens = require("../theme/tokens");
+var _reactNativeUi = require("@unif/react-native-ui");
 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); }
 /**
  * Conversations — 会话列表
  *
  * SectionList + 日期分组（今天/昨天/更早）
- * 基于 ListItem 模式渲染
+ * 长按弹出 Menu 菜单
  */
 
-function groupByDate(sessions) {
+function groupByDateFn(sessions) {
   const now = new Date();
   const todayStart = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();
   const yesterdayStart = todayStart - 86400000;
@@ -47,75 +47,169 @@ function groupByDate(sessions) {
   });
   return groups;
 }
+const initialMenuState = {
+  visible: false,
+  item: null,
+  layout: {
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0
+  }
+};
 const Conversations = ({
   items,
   activeId,
   onSelect,
-  onDelete,
   onNew,
   groupByDate: shouldGroup = true,
   header,
+  menus,
+  onMenuAction,
   style,
   styles: semanticStyles,
   testID = 'conversations'
 }) => {
+  const t = (0, _reactNativeUi.useTokens)();
+  const [menuState, setMenuState] = (0, _react.useState)(initialMenuState);
+  const itemRefs = (0, _react.useRef)({});
   const sections = (0, _react.useMemo)(() => {
     if (shouldGroup) {
-      return groupByDate(items);
+      return groupByDateFn(items);
     }
     return [{
       title: '',
       data: items
     }];
   }, [items, shouldGroup]);
-  const handleDelete = (0, _react.useCallback)(item => {
-    if (!onDelete) return;
-    _reactNative.Alert.alert('删除会话', `确定删除"${item.title}"？`, [{
-      text: '取消',
-      style: 'cancel'
-    }, {
-      text: '删除',
-      style: 'destructive',
-      onPress: () => onDelete(item.id)
-    }]);
-  }, [onDelete]);
+  const closeMenu = (0, _react.useCallback)(() => {
+    setMenuState(initialMenuState);
+  }, []);
+  const handleLongPress = (0, _react.useCallback)(item => {
+    if (!menus) return;
+    const ref = itemRefs.current[item.id];
+    if (ref) {
+      ref.measureInWindow((x, y, width, height) => {
+        setMenuState({
+          visible: true,
+          item,
+          layout: {
+            x,
+            y,
+            width,
+            height
+          }
+        });
+      });
+    }
+  }, [menus]);
+  const handleMenuAction = (0, _react.useCallback)(action => {
+    const item = menuState.item;
+    if (item && onMenuAction) {
+      onMenuAction(action, item);
+    }
+  }, [menuState.item, onMenuAction]);
+  const setItemRef = (0, _react.useCallback)(id => ref => {
+    itemRefs.current[id] = ref;
+  }, []);
+  const menuActions = (0, _react.useMemo)(() => {
+    if (!menus || !menuState.item) return [];
+    if (typeof menus === 'function') {
+      return menus(menuState.item);
+    }
+    return menus;
+  }, [menus, menuState.item]);
+  const ds = (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    container: {
+      flex: 1
+    },
+    newButtonWrapper: {
+      alignItems: 'center',
+      paddingVertical: 12,
+      paddingHorizontal: 20
+    },
+    newButton: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: '80%',
+      paddingVertical: 10,
+      borderRadius: t.radiusFull,
+      borderWidth: 1,
+      borderColor: t.colorPrimary
+    },
+    newButtonText: {
+      fontSize: 14,
+      fontWeight: '500',
+      color: t.colorPrimary
+    },
+    sectionHeader: {
+      fontSize: 12,
+      color: t.colorTextSecondary,
+      paddingHorizontal: 20,
+      paddingTop: 16,
+      paddingBottom: 6
+    },
+    sessionItem: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingHorizontal: 20,
+      paddingVertical: 12
+    },
+    sessionItemActive: {
+      backgroundColor: '#F3F4F6'
+    },
+    sessionTitle: {
+      flex: 1,
+      fontSize: 14,
+      fontWeight: '500',
+      color: t.colorText
+    },
+    list: {
+      flex: 1
+    }
+  }), [t]);
   const renderItem = (0, _react.useCallback)(({
     item
   }) => {
     const isActive = item.id === activeId;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      style: [defaultStyles.sessionItem, semanticStyles?.item, isActive && defaultStyles.sessionItemActive, isActive && semanticStyles?.itemActive],
-      onPress: () => onSelect(item.id),
-      onLongPress: () => handleDelete(item),
-      activeOpacity: 0.7,
-      testID: `${testID}-item-${item.id}`,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: defaultStyles.sessionTitle,
-        numberOfLines: 1,
-        children: item.title
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      ref: setItemRef(item.id),
+      collapsable: false,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        style: [ds.sessionItem, semanticStyles?.item, isActive && ds.sessionItemActive, isActive && semanticStyles?.itemActive],
+        onPress: () => onSelect(item.id),
+        onLongPress: () => handleLongPress(item),
+        activeOpacity: 0.7,
+        testID: `${testID}-item-${item.id}`,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: ds.sessionTitle,
+          numberOfLines: 1,
+          children: item.title
+        })
       })
     });
-  }, [activeId, onSelect, handleDelete, semanticStyles, testID]);
+  }, [activeId, onSelect, handleLongPress, semanticStyles, testID, setItemRef, ds]);
   const renderSectionHeader = (0, _react.useCallback)(({
     section
   }) => {
     if (!section.title) return null;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [defaultStyles.sectionHeader, semanticStyles?.sectionHeader],
+      style: [ds.sectionHeader, semanticStyles?.sectionHeader],
       children: section.title
     });
-  }, [semanticStyles]);
+  }, [semanticStyles, ds]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [defaultStyles.container, semanticStyles?.root, style],
+    style: [ds.container, semanticStyles?.root, style],
     testID: testID,
     children: [header, onNew && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: defaultStyles.newButtonWrapper,
+      style: ds.newButtonWrapper,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        style: [defaultStyles.newButton, semanticStyles?.newButton],
+        style: [ds.newButton, semanticStyles?.newButton],
         onPress: onNew,
         testID: `${testID}-new`,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: defaultStyles.newButtonText,
+          style: ds.newButtonText,
           children: "\uFF0B \u65B0\u5EFA\u4F1A\u8BDD"
         })
       })
@@ -124,61 +218,18 @@ const Conversations = ({
       keyExtractor: item => item.id,
       renderItem: renderItem,
       renderSectionHeader: renderSectionHeader,
-      style: defaultStyles.list,
+      style: ds.list,
       showsVerticalScrollIndicator: false,
       stickySectionHeadersEnabled: false
+    }), menus && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Menu, {
+      visible: menuState.visible,
+      onClose: closeMenu,
+      anchorLayout: menuState.layout,
+      actions: menuActions,
+      onAction: handleMenuAction,
+      testID: `${testID}-menu`
     })]
   });
 };
-const defaultStyles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  newButtonWrapper: {
-    alignItems: 'center',
-    paddingVertical: 12,
-    paddingHorizontal: 20
-  },
-  newButton: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: '80%',
-    paddingVertical: 10,
-    borderRadius: _tokens.chatTokens.radiusFull,
-    borderWidth: 1,
-    borderColor: _tokens.chatTokens.colorPrimary
-  },
-  newButtonText: {
-    fontSize: 14,
-    fontWeight: '500',
-    color: _tokens.chatTokens.colorPrimary
-  },
-  sectionHeader: {
-    fontSize: 12,
-    color: _tokens.chatTokens.colorTextSecondary,
-    paddingHorizontal: 20,
-    paddingTop: 16,
-    paddingBottom: 6
-  },
-  sessionItem: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: 20,
-    paddingVertical: 12
-  },
-  sessionItemActive: {
-    backgroundColor: '#F3F4F6'
-  },
-  sessionTitle: {
-    flex: 1,
-    fontSize: 14,
-    fontWeight: '500',
-    color: _tokens.chatTokens.colorText
-  },
-  list: {
-    flex: 1
-  }
-});
 var _default = exports.default = /*#__PURE__*/_react.default.memo(Conversations);
 //# sourceMappingURL=Conversations.js.map