@unif/react-native-design 0.36.0 → 0.37.0

package/lib/module/components/ui/TextEntryContent/TextEntryContent.js

@@ -5,9 +5,12 @@ import { Text, View } from 'react-native';
 import { useThemedStyles } from "../../../theme/index.js";
 import { Button } from "../Button/index.js";
 import { Textarea } from "../Textarea/index.js";
+import { Input } from "../Input/index.js";
 import { makeStyles } from "./styles.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function TextEntryContent({
+  variant = 'card',
+  placeholder,
   title,
   value,
   onChangeText,
@@ -23,37 +26,46 @@ export function TextEntryContent({
   testID
 }) {
   const styles = useThemedStyles(makeStyles);
+  const compact = variant === 'compact';
+  const Field = compact ? Input : Textarea;
   return /*#__PURE__*/_jsxs(View, {
-    style: [styles.root, style],
+    style: [styles.root, compact && styles.compactRoot, style],
     testID: testID,
     children: [/*#__PURE__*/_jsx(Text, {
-      style: styles.title,
+      style: [styles.title, compact && styles.compactTitle],
       accessibilityRole: "header",
       children: title
     }), message ? /*#__PURE__*/_jsx(Text, {
       style: styles.message,
       children: message
-    }) : null, /*#__PURE__*/_jsx(Textarea, {
+    }) : null, /*#__PURE__*/_jsx(Field, {
       value: value,
       onChangeText: onChangeText,
       maxLength: maxLength,
       editable: !busy,
       autoFocus: autoFocus,
-      accessibilityLabel: title
+      accessibilityLabel: title,
+      placeholder: placeholder
     }), /*#__PURE__*/_jsxs(View, {
-      style: styles.actions,
-      children: [/*#__PURE__*/_jsx(Button, {
+      style: [styles.actions, compact && styles.compactActions],
+      children: [compact ? /*#__PURE__*/_jsx(Button, {
+        label: cancelLabel,
+        size: "sm",
+        variant: "ghost",
+        disabled: busy,
+        onPress: onCancel
+      }) : null, /*#__PURE__*/_jsx(Button, {
         label: confirmLabel,
         size: "sm",
         loading: busy,
         onPress: () => onSubmit(value)
-      }), /*#__PURE__*/_jsx(Button, {
+      }), !compact ? /*#__PURE__*/_jsx(Button, {
         label: cancelLabel,
         size: "sm",
         variant: "outline",
         disabled: busy,
         onPress: onCancel
-      })]
+      }) : null]
     })]
   });
 }

package/lib/module/components/ui/TextEntryContent/TextEntryContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","useThemedStyles","Button","Textarea","makeStyles","jsx","_jsx","jsxs","_jsxs","TextEntryContent","title","value","onChangeText","onSubmit","onCancel","message","busy","maxLength","confirmLabel","cancelLabel","autoFocus","style","testID","styles","root","children","accessibilityRole","editable","accessibilityLabel","actions","label","size","loading","onPress","variant","disabled"],"sourceRoot":"../../../../../src","sources":["components/ui/TextEntryContent/TextEntryContent.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,eAAe,QAAQ,yBAAgB;AAChD,SAASC,MAAM,QAAQ,oBAAW;AAClC,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGtC,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,KAAK;EACLC,KAAK;EACLC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACRC,OAAO;EACPC,IAAI,GAAG,KAAK;EACZC,SAAS;EACTC,YAAY,GAAG,IAAI;EACnBC,WAAW,GAAG,IAAI;EAClBC,SAAS,GAAG,IAAI;EAChBC,KAAK;EACLC;AACqB,CAAC,EAAqB;EAC3C,MAAMC,MAAM,GAAGtB,eAAe,CAACG,UAAU,CAAC;EAC1C,oBACEI,KAAA,CAACR,IAAI;IAACqB,KAAK,EAAE,CAACE,MAAM,CAACC,IAAI,EAAEH,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAG,QAAA,gBAChDnB,IAAA,CAACP,IAAI;MAACsB,KAAK,EAAEE,MAAM,CAACb,KAAM;MAACgB,iBAAiB,EAAC,QAAQ;MAAAD,QAAA,EAClDf;IAAK,CACF,CAAC,EACNK,OAAO,gBAAGT,IAAA,CAACP,IAAI;MAACsB,KAAK,EAAEE,MAAM,CAACR,OAAQ;MAAAU,QAAA,EAAEV;IAAO,CAAO,CAAC,GAAG,IAAI,eAC/DT,IAAA,CAACH,QAAQ;MACPQ,KAAK,EAAEA,KAAM;MACbC,YAAY,EAAEA,YAAa;MAC3BK,SAAS,EAAEA,SAAU;MACrBU,QAAQ,EAAE,CAACX,IAAK;MAChBI,SAAS,EAAEA,SAAU;MACrBQ,kBAAkB,EAAElB;IAAM,CAC3B,CAAC,eACFF,KAAA,CAACR,IAAI;MAACqB,KAAK,EAAEE,MAAM,CAACM,OAAQ;MAAAJ,QAAA,gBAC1BnB,IAAA,CAACJ,MAAM;QACL4B,KAAK,EAAEZ,YAAa;QACpBa,IAAI,EAAC,IAAI;QACTC,OAAO,EAAEhB,IAAK;QACdiB,OAAO,EAAEA,CAAA,KAAMpB,QAAQ,CAACF,KAAK;MAAE,CAChC,CAAC,eACFL,IAAA,CAACJ,MAAM;QACL4B,KAAK,EAAEX,WAAY;QACnBY,IAAI,EAAC,IAAI;QACTG,OAAO,EAAC,SAAS;QACjBC,QAAQ,EAAEnB,IAAK;QACfiB,OAAO,EAAEnB;MAAS,CACnB,CAAC;IAAA,CACE,CAAC;EAAA,CACH,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["React","Text","View","useThemedStyles","Button","Textarea","Input","makeStyles","jsx","_jsx","jsxs","_jsxs","TextEntryContent","variant","placeholder","title","value","onChangeText","onSubmit","onCancel","message","busy","maxLength","confirmLabel","cancelLabel","autoFocus","style","testID","styles","compact","Field","root","compactRoot","children","compactTitle","accessibilityRole","editable","accessibilityLabel","actions","compactActions","label","size","disabled","onPress","loading"],"sourceRoot":"../../../../../src","sources":["components/ui/TextEntryContent/TextEntryContent.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,eAAe,QAAQ,yBAAgB;AAChD,SAASC,MAAM,QAAQ,oBAAW;AAClC,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,KAAK,QAAQ,mBAAU;AAChC,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGtC,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,OAAO,GAAG,MAAM;EAChBC,WAAW;EACXC,KAAK;EACLC,KAAK;EACLC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACRC,OAAO;EACPC,IAAI,GAAG,KAAK;EACZC,SAAS;EACTC,YAAY,GAAG,IAAI;EACnBC,WAAW,GAAG,IAAI;EAClBC,SAAS,GAAG,IAAI;EAChBC,KAAK;EACLC;AACqB,CAAC,EAAqB;EAC3C,MAAMC,MAAM,GAAGzB,eAAe,CAACI,UAAU,CAAC;EAC1C,MAAMsB,OAAO,GAAGhB,OAAO,KAAK,SAAS;EACrC,MAAMiB,KAAK,GAAGD,OAAO,GAAGvB,KAAK,GAAGD,QAAQ;EACxC,oBACEM,KAAA,CAACT,IAAI;IACHwB,KAAK,EAAE,CAACE,MAAM,CAACG,IAAI,EAAEF,OAAO,IAAID,MAAM,CAACI,WAAW,EAAEN,KAAK,CAAE;IAC3DC,MAAM,EAAEA,MAAO;IAAAM,QAAA,gBAEfxB,IAAA,CAACR,IAAI;MACHyB,KAAK,EAAE,CAACE,MAAM,CAACb,KAAK,EAAEc,OAAO,IAAID,MAAM,CAACM,YAAY,CAAE;MACtDC,iBAAiB,EAAC,QAAQ;MAAAF,QAAA,EAEzBlB;IAAK,CACF,CAAC,EACNK,OAAO,gBAAGX,IAAA,CAACR,IAAI;MAACyB,KAAK,EAAEE,MAAM,CAACR,OAAQ;MAAAa,QAAA,EAAEb;IAAO,CAAO,CAAC,GAAG,IAAI,eAC/DX,IAAA,CAACqB,KAAK;MACJd,KAAK,EAAEA,KAAM;MACbC,YAAY,EAAEA,YAAa;MAC3BK,SAAS,EAAEA,SAAU;MACrBc,QAAQ,EAAE,CAACf,IAAK;MAChBI,SAAS,EAAEA,SAAU;MACrBY,kBAAkB,EAAEtB,KAAM;MAC1BD,WAAW,EAAEA;IAAY,CAC1B,CAAC,eACFH,KAAA,CAACT,IAAI;MAACwB,KAAK,EAAE,CAACE,MAAM,CAACU,OAAO,EAAET,OAAO,IAAID,MAAM,CAACW,cAAc,CAAE;MAAAN,QAAA,GAC7DJ,OAAO,gBACNpB,IAAA,CAACL,MAAM;QACLoC,KAAK,EAAEhB,WAAY;QACnBiB,IAAI,EAAC,IAAI;QACT5B,OAAO,EAAC,OAAO;QACf6B,QAAQ,EAAErB,IAAK;QACfsB,OAAO,EAAExB;MAAS,CACnB,CAAC,GACA,IAAI,eACRV,IAAA,CAACL,MAAM;QACLoC,KAAK,EAAEjB,YAAa;QACpBkB,IAAI,EAAC,IAAI;QACTG,OAAO,EAAEvB,IAAK;QACdsB,OAAO,EAAEA,CAAA,KAAMzB,QAAQ,CAACF,KAAK;MAAE,CAChC,CAAC,EACD,CAACa,OAAO,gBACPpB,IAAA,CAACL,MAAM;QACLoC,KAAK,EAAEhB,WAAY;QACnBiB,IAAI,EAAC,IAAI;QACT5B,OAAO,EAAC,SAAS;QACjB6B,QAAQ,EAAErB,IAAK;QACfsB,OAAO,EAAExB;MAAS,CACnB,CAAC,GACA,IAAI;IAAA,CACJ,CAAC;EAAA,CACH,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/ui/TextEntryContent/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import { StyleSheet } from 'react-native';
-import { fw, radius, space, type } from "../../../theme/index.js";
+import { fw, r, radius, space, type } from "../../../theme/index.js";
 export const makeStyles = colors => StyleSheet.create({
   root: {
     gap: space[4],
@@ -16,6 +16,15 @@ export const makeStyles = colors => StyleSheet.create({
     fontSize: type.h3,
     fontWeight: fw.semi
   },
+  compactRoot: {
+    borderWidth: 0,
+    borderRadius: r(14),
+    padding: space[6],
+    gap: space[5]
+  },
+  compactTitle: {
+    fontSize: type.sm
+  },
   message: {
     color: colors.foregroundMuted,
     fontSize: type.sm
@@ -24,6 +33,10 @@ export const makeStyles = colors => StyleSheet.create({
     flexDirection: 'row',
     flexWrap: 'wrap',
     gap: space[3]
+  },
+  compactActions: {
+    justifyContent: 'flex-end',
+    gap: space[4]
   }
 });
 //# sourceMappingURL=styles.js.map

package/lib/module/components/ui/TextEntryContent/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","fw","radius","space","type","makeStyles","colors","create","root","gap","padding","borderWidth","borderColor","outline","borderRadius","xl","backgroundColor","surface","title","color","foreground","fontSize","h3","fontWeight","semi","message","foregroundMuted","sm","actions","flexDirection","flexWrap"],"sourceRoot":"../../../../../src","sources":["components/ui/TextEntryContent/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,EAAE,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,QAA0B,yBAAgB;AAE1E,OAAO,MAAMC,UAAU,GAAIC,MAAmB,IAC5CN,UAAU,CAACO,MAAM,CAAC;EAChBC,IAAI,EAAE;IACJC,GAAG,EAAEN,KAAK,CAAC,CAAC,CAAC;IACbO,OAAO,EAAEP,KAAK,CAAC,CAAC,CAAC;IACjBQ,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEN,MAAM,CAACO,OAAO;IAC3BC,YAAY,EAAEZ,MAAM,CAACa,EAAE;IACvBC,eAAe,EAAEV,MAAM,CAACW;EAC1B,CAAC;EACDC,KAAK,EAAE;IAAEC,KAAK,EAAEb,MAAM,CAACc,UAAU;IAAEC,QAAQ,EAAEjB,IAAI,CAACkB,EAAE;IAAEC,UAAU,EAAEtB,EAAE,CAACuB;EAAK,CAAC;EAC3EC,OAAO,EAAE;IAAEN,KAAK,EAAEb,MAAM,CAACoB,eAAe;IAAEL,QAAQ,EAAEjB,IAAI,CAACuB;EAAG,CAAC;EAC7DC,OAAO,EAAE;IAAEC,aAAa,EAAE,KAAK;IAAEC,QAAQ,EAAE,MAAM;IAAErB,GAAG,EAAEN,KAAK,CAAC,CAAC;EAAE;AACnE,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","fw","r","radius","space","type","makeStyles","colors","create","root","gap","padding","borderWidth","borderColor","outline","borderRadius","xl","backgroundColor","surface","title","color","foreground","fontSize","h3","fontWeight","semi","compactRoot","compactTitle","sm","message","foregroundMuted","actions","flexDirection","flexWrap","compactActions","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/ui/TextEntryContent/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,EAAE,EAAEC,CAAC,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,QAA0B,yBAAgB;AAE7E,OAAO,MAAMC,UAAU,GAAIC,MAAmB,IAC5CP,UAAU,CAACQ,MAAM,CAAC;EAChBC,IAAI,EAAE;IACJC,GAAG,EAAEN,KAAK,CAAC,CAAC,CAAC;IACbO,OAAO,EAAEP,KAAK,CAAC,CAAC,CAAC;IACjBQ,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEN,MAAM,CAACO,OAAO;IAC3BC,YAAY,EAAEZ,MAAM,CAACa,EAAE;IACvBC,eAAe,EAAEV,MAAM,CAACW;EAC1B,CAAC;EACDC,KAAK,EAAE;IAAEC,KAAK,EAAEb,MAAM,CAACc,UAAU;IAAEC,QAAQ,EAAEjB,IAAI,CAACkB,EAAE;IAAEC,UAAU,EAAEvB,EAAE,CAACwB;EAAK,CAAC;EAC3EC,WAAW,EAAE;IACXd,WAAW,EAAE,CAAC;IACdG,YAAY,EAAEb,CAAC,CAAC,EAAE,CAAC;IACnBS,OAAO,EAAEP,KAAK,CAAC,CAAC,CAAC;IACjBM,GAAG,EAAEN,KAAK,CAAC,CAAC;EACd,CAAC;EACDuB,YAAY,EAAE;IAAEL,QAAQ,EAAEjB,IAAI,CAACuB;EAAG,CAAC;EACnCC,OAAO,EAAE;IAAET,KAAK,EAAEb,MAAM,CAACuB,eAAe;IAAER,QAAQ,EAAEjB,IAAI,CAACuB;EAAG,CAAC;EAC7DG,OAAO,EAAE;IAAEC,aAAa,EAAE,KAAK;IAAEC,QAAQ,EAAE,MAAM;IAAEvB,GAAG,EAAEN,KAAK,CAAC,CAAC;EAAE,CAAC;EAClE8B,cAAc,EAAE;IACdC,cAAc,EAAE,UAAU;IAC1BzB,GAAG,EAAEN,KAAK,CAAC,CAAC;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/src/components/ui/TextEntryContent/TextEntryContent.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { TextEntryContentProps } from './types';
-export declare function TextEntryContent({ title, value, onChangeText, onSubmit, onCancel, message, busy, maxLength, confirmLabel, cancelLabel, autoFocus, style, testID, }: TextEntryContentProps): React.JSX.Element;
+export declare function TextEntryContent({ variant, placeholder, title, value, onChangeText, onSubmit, onCancel, message, busy, maxLength, confirmLabel, cancelLabel, autoFocus, style, testID, }: TextEntryContentProps): React.JSX.Element;
 //# sourceMappingURL=TextEntryContent.d.ts.map

package/lib/typescript/src/components/ui/TextEntryContent/TextEntryContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextEntryContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TextEntryContent/TextEntryContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,IAAY,EACZ,SAAS,EACT,YAAmB,EACnB,WAAkB,EAClB,SAAgB,EAChB,KAAK,EACL,MAAM,GACP,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiC3C"}
+{"version":3,"file":"TextEntryContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TextEntryContent/TextEntryContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,wBAAgB,gBAAgB,CAAC,EAC/B,OAAgB,EAChB,WAAW,EACX,KAAK,EACL,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,IAAY,EACZ,SAAS,EACT,YAAmB,EACnB,WAAkB,EAClB,SAAgB,EAChB,KAAK,EACL,MAAM,GACP,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqD3C"}

package/lib/typescript/src/components/ui/TextEntryContent/styles.d.ts

@@ -13,6 +13,15 @@ export declare const makeStyles: (colors: ColorTokens) => Readonly<{
         fontSize: number;
         fontWeight: "600";
     };
+    compactRoot: {
+        borderWidth: number;
+        borderRadius: number;
+        padding: number;
+        gap: number;
+    };
+    compactTitle: {
+        fontSize: number;
+    };
     message: {
         color: string;
         fontSize: number;
@@ -22,5 +31,9 @@ export declare const makeStyles: (colors: ColorTokens) => Readonly<{
         flexWrap: "wrap";
         gap: number;
     };
+    compactActions: {
+        justifyContent: "flex-end";
+        gap: number;
+    };
 }>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/components/ui/TextEntryContent/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TextEntryContent/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAA2B,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE3E,eAAO,MAAM,UAAU,GAAI,QAAQ,WAAW;;;;;;;;;;;;;;;;;;;;;;;EAa1C,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TextEntryContent/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAA8B,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE9E,eAAO,MAAM,UAAU,GAAI,QAAQ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwB1C,CAAC"}

package/lib/typescript/src/components/ui/TextEntryContent/types.d.ts

@@ -1,6 +1,10 @@
 import type { StyleProp, ViewStyle } from 'react-native';
 /** 受控文字编辑内容；弹层、键盘和业务提交结果由宿主负责。 */
 export interface TextEntryContentProps {
+    /** card 保留多行卡片；compact 使用单行输入和紧凑操作。 */
+    variant?: 'card' | 'compact';
+    /** 交给实际输入控件；缺省不添加提示。 */
+    placeholder?: string;
     title: string;
     value: string;
     onChangeText(value: string): void;

package/lib/typescript/src/components/ui/TextEntryContent/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TextEntryContent/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,kCAAkC;AAClC,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,IAAI,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TextEntryContent/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,kCAAkC;AAClC,MAAM,WAAW,qBAAqB;IACpC,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,IAAI,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unif/react-native-design",
-  "version": "0.36.0",
+  "version": "0.37.0",
   "description": "Unif React Native 设计系统：基础组件、主题、字体和图标",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/components/ui/TextEntryContent/TextEntryContent.tsx

@@ -3,10 +3,13 @@ import { Text, View } from 'react-native';
 import { useThemedStyles } from '../../../theme';
 import { Button } from '../Button';
 import { Textarea } from '../Textarea';
+import { Input } from '../Input';
 import { makeStyles } from './styles';
 import type { TextEntryContentProps } from './types';
 
 export function TextEntryContent({
+  variant = 'card',
+  placeholder,
   title,
   value,
   onChangeText,
@@ -22,34 +25,54 @@ export function TextEntryContent({
   testID,
 }: TextEntryContentProps): React.JSX.Element {
   const styles = useThemedStyles(makeStyles);
+  const compact = variant === 'compact';
+  const Field = compact ? Input : Textarea;
   return (
-    <View style={[styles.root, style]} testID={testID}>
-      <Text style={styles.title} accessibilityRole="header">
+    <View
+      style={[styles.root, compact && styles.compactRoot, style]}
+      testID={testID}
+    >
+      <Text
+        style={[styles.title, compact && styles.compactTitle]}
+        accessibilityRole="header"
+      >
         {title}
       </Text>
       {message ? <Text style={styles.message}>{message}</Text> : null}
-      <Textarea
+      <Field
         value={value}
         onChangeText={onChangeText}
         maxLength={maxLength}
         editable={!busy}
         autoFocus={autoFocus}
         accessibilityLabel={title}
+        placeholder={placeholder}
       />
-      <View style={styles.actions}>
+      <View style={[styles.actions, compact && styles.compactActions]}>
+        {compact ? (
+          <Button
+            label={cancelLabel}
+            size="sm"
+            variant="ghost"
+            disabled={busy}
+            onPress={onCancel}
+          />
+        ) : null}
         <Button
           label={confirmLabel}
           size="sm"
           loading={busy}
           onPress={() => onSubmit(value)}
         />
-        <Button
-          label={cancelLabel}
-          size="sm"
-          variant="outline"
-          disabled={busy}
-          onPress={onCancel}
-        />
+        {!compact ? (
+          <Button
+            label={cancelLabel}
+            size="sm"
+            variant="outline"
+            disabled={busy}
+            onPress={onCancel}
+          />
+        ) : null}
       </View>
     </View>
   );

package/src/components/ui/TextEntryContent/styles.ts

@@ -1,5 +1,5 @@
 import { StyleSheet } from 'react-native';
-import { fw, radius, space, type, type ColorTokens } from '../../../theme';
+import { fw, r, radius, space, type, type ColorTokens } from '../../../theme';
 
 export const makeStyles = (colors: ColorTokens) =>
   StyleSheet.create({
@@ -12,6 +12,17 @@ export const makeStyles = (colors: ColorTokens) =>
       backgroundColor: colors.surface,
     },
     title: { color: colors.foreground, fontSize: type.h3, fontWeight: fw.semi },
+    compactRoot: {
+      borderWidth: 0,
+      borderRadius: r(14),
+      padding: space[6],
+      gap: space[5],
+    },
+    compactTitle: { fontSize: type.sm },
     message: { color: colors.foregroundMuted, fontSize: type.sm },
     actions: { flexDirection: 'row', flexWrap: 'wrap', gap: space[3] },
+    compactActions: {
+      justifyContent: 'flex-end',
+      gap: space[4],
+    },
   });

package/src/components/ui/TextEntryContent/types.ts

@@ -2,6 +2,10 @@ import type { StyleProp, ViewStyle } from 'react-native';
 
 /** 受控文字编辑内容；弹层、键盘和业务提交结果由宿主负责。 */
 export interface TextEntryContentProps {
+  /** card 保留多行卡片；compact 使用单行输入和紧凑操作。 */
+  variant?: 'card' | 'compact';
+  /** 交给实际输入控件；缺省不添加提示。 */
+  placeholder?: string;
   title: string;
   value: string;
   onChangeText(value: string): void;