@unif/react-native-design 0.35.0 → 0.37.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/lib/module/components/ui/TextEntryContent/TextEntryContent.js +20 -8
  2. package/lib/module/components/ui/TextEntryContent/TextEntryContent.js.map +1 -1
  3. package/lib/module/components/ui/TextEntryContent/styles.js +14 -1
  4. package/lib/module/components/ui/TextEntryContent/styles.js.map +1 -1
  5. package/lib/module/components/ui/TextField/TextFieldBase.js +20 -6
  6. package/lib/module/components/ui/TextField/TextFieldBase.js.map +1 -1
  7. package/lib/module/components/ui/TextField/constants.js +2 -2
  8. package/lib/module/components/ui/TextField/constants.js.map +1 -1
  9. package/lib/module/components/ui/TextField/styles.js +10 -0
  10. package/lib/module/components/ui/TextField/styles.js.map +1 -1
  11. package/lib/typescript/src/components/ui/TextEntryContent/TextEntryContent.d.ts +1 -1
  12. package/lib/typescript/src/components/ui/TextEntryContent/TextEntryContent.d.ts.map +1 -1
  13. package/lib/typescript/src/components/ui/TextEntryContent/styles.d.ts +13 -0
  14. package/lib/typescript/src/components/ui/TextEntryContent/styles.d.ts.map +1 -1
  15. package/lib/typescript/src/components/ui/TextEntryContent/types.d.ts +4 -0
  16. package/lib/typescript/src/components/ui/TextEntryContent/types.d.ts.map +1 -1
  17. package/lib/typescript/src/components/ui/TextField/TextFieldBase.d.ts.map +1 -1
  18. package/lib/typescript/src/components/ui/TextField/constants.d.ts.map +1 -1
  19. package/lib/typescript/src/components/ui/TextField/styles.d.ts +16 -0
  20. package/lib/typescript/src/components/ui/TextField/styles.d.ts.map +1 -1
  21. package/lib/typescript/src/components/ui/TextField/types.d.ts +2 -0
  22. package/lib/typescript/src/components/ui/TextField/types.d.ts.map +1 -1
  23. package/lib/typescript/src/components/ui/Textarea/types.d.ts +2 -0
  24. package/lib/typescript/src/components/ui/Textarea/types.d.ts.map +1 -1
  25. package/package.json +1 -1
  26. package/src/components/ui/TextEntryContent/TextEntryContent.tsx +34 -11
  27. package/src/components/ui/TextEntryContent/styles.ts +12 -1
  28. package/src/components/ui/TextEntryContent/types.ts +4 -0
  29. package/src/components/ui/TextField/TextFieldBase.tsx +24 -5
  30. package/src/components/ui/TextField/constants.ts +2 -2
  31. package/src/components/ui/TextField/styles.ts +5 -0
  32. package/src/components/ui/TextField/types.ts +2 -0
  33. package/src/components/ui/Textarea/types.ts +2 -0
@@ -5,9 +5,12 @@ import { Text, View } from 'react-native';
5
5
  import { useThemedStyles } from "../../../theme/index.js";
6
6
  import { Button } from "../Button/index.js";
7
7
  import { Textarea } from "../Textarea/index.js";
8
+ import { Input } from "../Input/index.js";
8
9
  import { makeStyles } from "./styles.js";
9
10
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
10
11
  export function TextEntryContent({
12
+ variant = 'card',
13
+ placeholder,
11
14
  title,
12
15
  value,
13
16
  onChangeText,
@@ -23,37 +26,46 @@ export function TextEntryContent({
23
26
  testID
24
27
  }) {
25
28
  const styles = useThemedStyles(makeStyles);
29
+ const compact = variant === 'compact';
30
+ const Field = compact ? Input : Textarea;
26
31
  return /*#__PURE__*/_jsxs(View, {
27
- style: [styles.root, style],
32
+ style: [styles.root, compact && styles.compactRoot, style],
28
33
  testID: testID,
29
34
  children: [/*#__PURE__*/_jsx(Text, {
30
- style: styles.title,
35
+ style: [styles.title, compact && styles.compactTitle],
31
36
  accessibilityRole: "header",
32
37
  children: title
33
38
  }), message ? /*#__PURE__*/_jsx(Text, {
34
39
  style: styles.message,
35
40
  children: message
36
- }) : null, /*#__PURE__*/_jsx(Textarea, {
41
+ }) : null, /*#__PURE__*/_jsx(Field, {
37
42
  value: value,
38
43
  onChangeText: onChangeText,
39
44
  maxLength: maxLength,
40
45
  editable: !busy,
41
46
  autoFocus: autoFocus,
42
- accessibilityLabel: title
47
+ accessibilityLabel: title,
48
+ placeholder: placeholder
43
49
  }), /*#__PURE__*/_jsxs(View, {
44
- style: styles.actions,
45
- children: [/*#__PURE__*/_jsx(Button, {
50
+ style: [styles.actions, compact && styles.compactActions],
51
+ children: [compact ? /*#__PURE__*/_jsx(Button, {
52
+ label: cancelLabel,
53
+ size: "sm",
54
+ variant: "ghost",
55
+ disabled: busy,
56
+ onPress: onCancel
57
+ }) : null, /*#__PURE__*/_jsx(Button, {
46
58
  label: confirmLabel,
47
59
  size: "sm",
48
60
  loading: busy,
49
61
  onPress: () => onSubmit(value)
50
- }), /*#__PURE__*/_jsx(Button, {
62
+ }), !compact ? /*#__PURE__*/_jsx(Button, {
51
63
  label: cancelLabel,
52
64
  size: "sm",
53
65
  variant: "outline",
54
66
  disabled: busy,
55
67
  onPress: onCancel
56
- })]
68
+ }) : null]
57
69
  })]
58
70
  });
59
71
  }
@@ -1 +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":[]}
1
+ {"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":[]}
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  import { StyleSheet } from 'react-native';
4
- import { fw, radius, space, type } from "../../../theme/index.js";
4
+ import { fw, r, radius, space, type } from "../../../theme/index.js";
5
5
  export const makeStyles = colors => StyleSheet.create({
6
6
  root: {
7
7
  gap: space[4],
@@ -16,6 +16,15 @@ export const makeStyles = colors => StyleSheet.create({
16
16
  fontSize: type.h3,
17
17
  fontWeight: fw.semi
18
18
  },
19
+ compactRoot: {
20
+ borderWidth: 0,
21
+ borderRadius: r(14),
22
+ padding: space[6],
23
+ gap: space[5]
24
+ },
25
+ compactTitle: {
26
+ fontSize: type.sm
27
+ },
19
28
  message: {
20
29
  color: colors.foregroundMuted,
21
30
  fontSize: type.sm
@@ -24,6 +33,10 @@ export const makeStyles = colors => StyleSheet.create({
24
33
  flexDirection: 'row',
25
34
  flexWrap: 'wrap',
26
35
  gap: space[3]
36
+ },
37
+ compactActions: {
38
+ justifyContent: 'flex-end',
39
+ gap: space[4]
27
40
  }
28
41
  });
29
42
  //# sourceMappingURL=styles.js.map
@@ -1 +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":[]}
1
+ {"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":[]}
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  import React, { forwardRef, useEffect, useImperativeHandle, useState } from 'react';
4
- import { Platform, Text, TextInput, View } from 'react-native';
4
+ import { Platform, Pressable, Text, TextInput, View } from 'react-native';
5
5
  import { fixed, useColors, useThemedStyles } from "../../../theme/index.js";
6
6
  import { childTestID } from "../../../utils/testID/index.js";
7
7
  import { createLogger } from "../../../utils/logger/index.js";
@@ -26,6 +26,7 @@ export const TextFieldBase = /*#__PURE__*/forwardRef(function TextFieldBase(prop
26
26
  maxHeight,
27
27
  searchLayout,
28
28
  plainSurface,
29
+ contentAlignment = 'start',
29
30
  leading,
30
31
  trailing,
31
32
  error,
@@ -76,12 +77,14 @@ export const TextFieldBase = /*#__PURE__*/forwardRef(function TextFieldBase(prop
76
77
  const normalizedInputHeight = normalizeInputHeight(height === undefined ? fixed.hitTarget : height);
77
78
  const normalizedTextareaHeights = normalizeTextareaHeights(minHeight, maxHeight);
78
79
  const plain = multiline && plainSurface === true;
80
+ const centered = multiline && contentAlignment === 'center';
81
+ const verticalInset = plain ? TEXTAREA_PLAIN_VERTICAL_INSET : TEXTAREA_VERTICAL_INSET;
79
82
  const multilineLayout = useMultilineLayout({
80
83
  enabled: multiline,
81
84
  value: controller.value,
82
- minHeight: normalizedTextareaHeights.minHeight,
85
+ minHeight: centered ? verticalInset : normalizedTextareaHeights.minHeight,
83
86
  maxHeight: normalizedTextareaHeights.maxHeight,
84
- verticalInset: plain ? TEXTAREA_PLAIN_VERTICAL_INSET : TEXTAREA_VERTICAL_INSET,
87
+ verticalInset,
85
88
  fontSize: styles.input.fontSize,
86
89
  placeholder: allowedNativeProps.placeholder,
87
90
  inputRef: nativeRef
@@ -120,7 +123,7 @@ export const TextFieldBase = /*#__PURE__*/forwardRef(function TextFieldBase(prop
120
123
  }],
121
124
  testID: testID,
122
125
  children: [/*#__PURE__*/_jsxs(View, {
123
- style: [styles.wrap, multiline && styles.wrapMultiline, searchLayout === undefined && !plain && wrapStateStyles, searchLayout !== undefined && styles.searchInteractiveRow, plain && styles.wrapPlain, multiline ? {
126
+ style: [styles.wrap, multiline && styles.wrapMultiline, centered && styles.wrapCentered, searchLayout === undefined && !plain && wrapStateStyles, searchLayout !== undefined && styles.searchInteractiveRow, plain && styles.wrapPlain, multiline ? {
124
127
  minHeight: normalizedHeight,
125
128
  ...(normalizedTextareaHeights.maxHeight !== undefined && {
126
129
  maxHeight: normalizedTextareaHeights.maxHeight
@@ -128,7 +131,18 @@ export const TextFieldBase = /*#__PURE__*/forwardRef(function TextFieldBase(prop
128
131
  } : {
129
132
  height: interactiveHeight
130
133
  }],
131
- children: [searchLayout ? /*#__PURE__*/_jsx(View, {
134
+ children: [centered ? /*#__PURE__*/_jsx(Pressable, {
135
+ accessible: false,
136
+ focusable: false,
137
+ tabIndex: -1,
138
+ importantForAccessibility: "no",
139
+ style: styles.focusSurface,
140
+ disabled: !effectiveEditable,
141
+ onPress: () => {
142
+ if (effectiveEditable) nativeRef.current?.focus();
143
+ },
144
+ testID: childTestID(testID, 'focus-surface')
145
+ }) : null, searchLayout ? /*#__PURE__*/_jsx(View, {
132
146
  pointerEvents: "none",
133
147
  style: [styles.searchVisibleSurface, ...wrapStateStyles, {
134
148
  top: searchLayout.verticalInset,
@@ -159,7 +173,7 @@ export const TextFieldBase = /*#__PURE__*/forwardRef(function TextFieldBase(prop
159
173
  setFocused(false);
160
174
  onBlur?.(event);
161
175
  },
162
- style: [styles.input, multiline && styles.inputMultiline, multiline && (multilineLayout.scrollEnabled ? styles.inputScrolling : styles.inputClipped), multiline && multilineLayout.inputStyle, searchLayout !== undefined && {
176
+ style: [styles.input, centered && styles.inputCentered, multiline && styles.inputMultiline, multiline && (multilineLayout.scrollEnabled ? styles.inputScrolling : styles.inputClipped), multiline && multilineLayout.inputStyle, searchLayout !== undefined && {
163
177
  minHeight: searchLayout.interactiveHeight
164
178
  }],
165
179
  placeholderTextColor: callerPlaceholder ?? colors.foregroundSubtle,
@@ -1 +1 @@
1
- {"version":3,"names":["React","forwardRef","useEffect","useImperativeHandle","useState","Platform","Text","TextInput","View","fixed","useColors","useThemedStyles","childTestID","createLogger","normalizeInputHeight","normalizeTextareaHeights","sanitizeTextFieldContainerStyle","makeStyles","TextFieldSlot","useErrorAnnouncement","useTextFieldValue","useMultilineLayout","TEXTAREA_PLAIN_VERTICAL_INSET","TEXTAREA_VERTICAL_INSET","jsx","_jsx","jsxs","_jsxs","log","TextFieldBase","props","forwardedRef","multiline","height","minHeight","maxHeight","searchLayout","plainSurface","leading","trailing","error","disabled","editable","containerStyle","value","defaultValue","onChangeText","accessibilityState","accessibilityRole","placeholderTextColor","callerPlaceholder","underlineColorAndroid","callerUnderline","onFocus","onBlur","onContentSizeChange","onLayout","scrollEnabled","testID","style","_style","numberOfLines","_numberOfLines","_ariaDisabled","readOnly","_readOnly","role","_role","enterKeyHint","_enterKeyHint","clearTextOnFocus","_clearTextOnFocus","allowedNativeProps","removedNativeAliasKey","Object","entries","filter","entry","undefined","map","name","join","colors","styles","focused","setFocused","nativeRef","useRef","scope","controller","normalizedInputHeight","hitTarget","normalizedTextareaHeights","plain","multilineLayout","enabled","verticalInset","fontSize","input","placeholder","inputRef","sanitizedContainer","effectiveEditable","mergedAccessibilityState","normalizedHeight","filled","length","diagnostics","diagnosticKey","warn","focus","current","blur","wrapStateStyles","wrapActive","wrapError","wrapFocus","wrapFilled","wrapIdle","interactiveHeight","containerDisabled","rootCentered","minWidth","children","wrap","wrapMultiline","searchInteractiveRow","wrapPlain","pointerEvents","searchVisibleSurface","top","bottom","slot","ref","event","inputMultiline","inputScrolling","inputClipped","inputStyle","foregroundSubtle","errorMsg","accessibilityLiveRegion","OS","displayName"],"sourceRoot":"../../../../../src","sources":["components/ui/TextField/TextFieldBase.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["React","forwardRef","useEffect","useImperativeHandle","useState","Platform","Pressable","Text","TextInput","View","fixed","useColors","useThemedStyles","childTestID","createLogger","normalizeInputHeight","normalizeTextareaHeights","sanitizeTextFieldContainerStyle","makeStyles","TextFieldSlot","useErrorAnnouncement","useTextFieldValue","useMultilineLayout","TEXTAREA_PLAIN_VERTICAL_INSET","TEXTAREA_VERTICAL_INSET","jsx","_jsx","jsxs","_jsxs","log","TextFieldBase","props","forwardedRef","multiline","height","minHeight","maxHeight","searchLayout","plainSurface","contentAlignment","leading","trailing","error","disabled","editable","containerStyle","value","defaultValue","onChangeText","accessibilityState","accessibilityRole","placeholderTextColor","callerPlaceholder","underlineColorAndroid","callerUnderline","onFocus","onBlur","onContentSizeChange","onLayout","scrollEnabled","testID","style","_style","numberOfLines","_numberOfLines","_ariaDisabled","readOnly","_readOnly","role","_role","enterKeyHint","_enterKeyHint","clearTextOnFocus","_clearTextOnFocus","allowedNativeProps","removedNativeAliasKey","Object","entries","filter","entry","undefined","map","name","join","colors","styles","focused","setFocused","nativeRef","useRef","scope","controller","normalizedInputHeight","hitTarget","normalizedTextareaHeights","plain","centered","verticalInset","multilineLayout","enabled","fontSize","input","placeholder","inputRef","sanitizedContainer","effectiveEditable","mergedAccessibilityState","normalizedHeight","filled","length","diagnostics","diagnosticKey","warn","focus","current","blur","wrapStateStyles","wrapActive","wrapError","wrapFocus","wrapFilled","wrapIdle","interactiveHeight","containerDisabled","rootCentered","minWidth","children","wrap","wrapMultiline","wrapCentered","searchInteractiveRow","wrapPlain","accessible","focusable","tabIndex","importantForAccessibility","focusSurface","onPress","pointerEvents","searchVisibleSurface","top","bottom","slot","ref","event","inputCentered","inputMultiline","inputScrolling","inputClipped","inputStyle","foregroundSubtle","errorMsg","accessibilityLiveRegion","OS","displayName"],"sourceRoot":"../../../../../src","sources":["components/ui/TextField/TextFieldBase.tsx"],"mappings":"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","ignoreList":[]}
@@ -3,6 +3,6 @@
3
3
  import { space } from "../../../theme/index.js";
4
4
  export const TEXT_FIELD_BORDER_WIDTH = 1;
5
5
  export const TEXTAREA_VERTICAL_PADDING = space[4];
6
- export const TEXTAREA_PLAIN_VERTICAL_INSET = 2 * TEXTAREA_VERTICAL_PADDING;
7
- export const TEXTAREA_VERTICAL_INSET = TEXTAREA_PLAIN_VERTICAL_INSET + 2 * TEXT_FIELD_BORDER_WIDTH;
6
+ export const TEXTAREA_PLAIN_VERTICAL_INSET = 2 * space[3];
7
+ export const TEXTAREA_VERTICAL_INSET = 2 * TEXTAREA_VERTICAL_PADDING + 2 * TEXT_FIELD_BORDER_WIDTH;
8
8
  //# sourceMappingURL=constants.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["space","TEXT_FIELD_BORDER_WIDTH","TEXTAREA_VERTICAL_PADDING","TEXTAREA_PLAIN_VERTICAL_INSET","TEXTAREA_VERTICAL_INSET"],"sourceRoot":"../../../../../src","sources":["components/ui/TextField/constants.ts"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,yBAAgB;AAEtC,OAAO,MAAMC,uBAAuB,GAAG,CAAC;AACxC,OAAO,MAAMC,yBAAyB,GAAGF,KAAK,CAAC,CAAC,CAAC;AACjD,OAAO,MAAMG,6BAA6B,GAAG,CAAC,GAAGD,yBAAyB;AAC1E,OAAO,MAAME,uBAAuB,GAClCD,6BAA6B,GAAG,CAAC,GAAGF,uBAAuB","ignoreList":[]}
1
+ {"version":3,"names":["space","TEXT_FIELD_BORDER_WIDTH","TEXTAREA_VERTICAL_PADDING","TEXTAREA_PLAIN_VERTICAL_INSET","TEXTAREA_VERTICAL_INSET"],"sourceRoot":"../../../../../src","sources":["components/ui/TextField/constants.ts"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,yBAAgB;AAEtC,OAAO,MAAMC,uBAAuB,GAAG,CAAC;AACxC,OAAO,MAAMC,yBAAyB,GAAGF,KAAK,CAAC,CAAC,CAAC;AACjD,OAAO,MAAMG,6BAA6B,GAAG,CAAC,GAAGH,KAAK,CAAC,CAAC,CAAC;AACzD,OAAO,MAAMI,uBAAuB,GAClC,CAAC,GAAGF,yBAAyB,GAAG,CAAC,GAAGD,uBAAuB","ignoreList":[]}
@@ -18,7 +18,17 @@ export const makeStyles = c => StyleSheet.create({
18
18
  paddingVertical: TEXTAREA_VERTICAL_PADDING,
19
19
  alignItems: 'flex-start'
20
20
  },
21
+ wrapCentered: {
22
+ alignItems: 'center'
23
+ },
24
+ focusSurface: StyleSheet.absoluteFill,
25
+ inputCentered: {
26
+ position: 'relative',
27
+ zIndex: 1
28
+ },
21
29
  wrapPlain: {
30
+ paddingHorizontal: space[3],
31
+ paddingVertical: space[3],
22
32
  backgroundColor: 'transparent',
23
33
  borderWidth: 0,
24
34
  borderRadius: 0
@@ -1 +1 @@
1
- {"version":3,"names":["StyleSheet","fw","radius","space","type","t","TEXTAREA_VERTICAL_PADDING","TEXT_FIELD_BORDER_WIDTH","makeStyles","c","create","wrap","flexDirection","alignItems","gap","paddingHorizontal","borderRadius","md","borderWidth","wrapMultiline","paddingVertical","wrapPlain","backgroundColor","searchInteractiveRow","searchVisibleSurface","position","left","right","wrapIdle","surfaceContainerHigh","borderColor","wrapActive","surface","wrapFocus","primary","wrapFilled","outline","wrapError","error","input","flex","minWidth","fontSize","body","color","foreground","padding","margin","outlineWidth","inputMultiline","textAlignVertical","inputScrolling","overflow","inputClipped","slotDisplay","justifyContent","minHeight","slotText","foregroundMuted","sm","slotActionLabel","xs","fontWeight","medium","slotActionLabelDisabled","foregroundSubtle","actionFrame","height","errorMsg","micro","marginTop","regular","containerDisabled","opacity","rootCentered"],"sourceRoot":"../../../../../src","sources":["components/ui/TextField/styles.ts"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["StyleSheet","fw","radius","space","type","t","TEXTAREA_VERTICAL_PADDING","TEXT_FIELD_BORDER_WIDTH","makeStyles","c","create","wrap","flexDirection","alignItems","gap","paddingHorizontal","borderRadius","md","borderWidth","wrapMultiline","paddingVertical","wrapCentered","focusSurface","absoluteFill","inputCentered","position","zIndex","wrapPlain","backgroundColor","searchInteractiveRow","searchVisibleSurface","left","right","wrapIdle","surfaceContainerHigh","borderColor","wrapActive","surface","wrapFocus","primary","wrapFilled","outline","wrapError","error","input","flex","minWidth","fontSize","body","color","foreground","padding","margin","outlineWidth","inputMultiline","textAlignVertical","inputScrolling","overflow","inputClipped","slotDisplay","justifyContent","minHeight","slotText","foregroundMuted","sm","slotActionLabel","xs","fontWeight","medium","slotActionLabelDisabled","foregroundSubtle","actionFrame","height","errorMsg","micro","marginTop","regular","containerDisabled","opacity","rootCentered"],"sourceRoot":"../../../../../src","sources":["components/ui/TextField/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,EAAE,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,IAAIC,CAAC,QAAQ,yBAAgB;AAE7D,SACEC,yBAAyB,EACzBC,uBAAuB,QAClB,gBAAa;;AAEpB;AACA,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCT,UAAU,CAACU,MAAM,CAAC;EAChBC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEX,KAAK,CAAC,CAAC,CAAC;IACbY,iBAAiB,EAAEZ,KAAK,CAAC,CAAC,CAAC;IAC3Ba,YAAY,EAAEd,MAAM,CAACe,EAAE;IACvBC,WAAW,EAAEX;EACf,CAAC;EACDY,aAAa,EAAE;IACbC,eAAe,EAAEd,yBAAyB;IAC1CO,UAAU,EAAE;EACd,CAAC;EACDQ,YAAY,EAAE;IAAER,UAAU,EAAE;EAAS,CAAC;EACtCS,YAAY,EAAEtB,UAAU,CAACuB,YAAY;EACrCC,aAAa,EAAE;IAAEC,QAAQ,EAAE,UAAU;IAAEC,MAAM,EAAE;EAAE,CAAC;EAClDC,SAAS,EAAE;IACTZ,iBAAiB,EAAEZ,KAAK,CAAC,CAAC,CAAC;IAC3BiB,eAAe,EAAEjB,KAAK,CAAC,CAAC,CAAC;IACzByB,eAAe,EAAE,aAAa;IAC9BV,WAAW,EAAE,CAAC;IACdF,YAAY,EAAE;EAChB,CAAC;EACD;EACAa,oBAAoB,EAAE;IACpBX,WAAW,EAAE;EACf,CAAC;EACDY,oBAAoB,EAAE;IACpBL,QAAQ,EAAE,UAAU;IACpBM,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRhB,YAAY,EAAEd,MAAM,CAACe,EAAE;IACvBC,WAAW,EAAE;EACf,CAAC;EACDe,QAAQ,EAAE;IACRL,eAAe,EAAEnB,CAAC,CAACyB,oBAAoB;IACvCC,WAAW,EAAE;EACf,CAAC;EACD;EACAC,UAAU,EAAE;IACVR,eAAe,EAAEnB,CAAC,CAAC4B;EACrB,CAAC;EACDC,SAAS,EAAE;IACTH,WAAW,EAAE1B,CAAC,CAAC8B;EACjB,CAAC;EACDC,UAAU,EAAE;IACVL,WAAW,EAAE1B,CAAC,CAACgC;EACjB,CAAC;EACDC,SAAS,EAAE;IACTP,WAAW,EAAE1B,CAAC,CAACkC;EACjB,CAAC;EACDC,KAAK,EAAE;IACLC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,CAAC;IACXC,QAAQ,EAAE1C,CAAC,CAAC2C,IAAI;IAChBC,KAAK,EAAExC,CAAC,CAACyC,UAAU;IACnBC,OAAO,EAAE,CAAC;IACVC,MAAM,EAAE,CAAC;IACT;IACAC,YAAY,EAAE;EAChB,CAAC;EACD;EACAC,cAAc,EAAE;IACdC,iBAAiB,EAAE;EACrB,CAAC;EACDC,cAAc,EAAE;IAAEC,QAAQ,EAAE;EAAS,CAAC;EACtCC,YAAY,EAAE;IAAED,QAAQ,EAAE;EAAS,CAAC;EACpCE,WAAW,EAAE;IACX9C,UAAU,EAAE,QAAQ;IACpB+C,cAAc,EAAE,QAAQ;IACxBd,QAAQ,EAAE,EAAE;IACZe,SAAS,EAAE;EACb,CAAC;EACDC,QAAQ,EAAE;IACRb,KAAK,EAAExC,CAAC,CAACsD,eAAe;IACxBhB,QAAQ,EAAE1C,CAAC,CAAC2D;EACd,CAAC;EACD;EACA;EACAC,eAAe,EAAE;IACflB,QAAQ,EAAE1C,CAAC,CAAC6D,EAAE;IACdjB,KAAK,EAAExC,CAAC,CAAC8B,OAAO;IAChB4B,UAAU,EAAElE,EAAE,CAACmE;EACjB,CAAC;EACDC,uBAAuB,EAAE;IACvBpB,KAAK,EAAExC,CAAC,CAAC6D;EACX,CAAC;EACD;EACA;EACA;EACA;EACAC,WAAW,EAAE;IACXzB,QAAQ,EAAE,EAAE;IACZ0B,MAAM,EAAE,EAAE;IACVzD,iBAAiB,EAAEZ,KAAK,CAAC,CAAC,CAAC;IAC3BU,UAAU,EAAE,QAAQ;IACpB+C,cAAc,EAAE;EAClB,CAAC;EACDa,QAAQ,EAAE;IACR1B,QAAQ,EAAE1C,CAAC,CAACqE,KAAK;IACjBzB,KAAK,EAAExC,CAAC,CAACkC,KAAK;IACdgC,SAAS,EAAExE,KAAK,CAAC,CAAC,CAAC;IACnBY,iBAAiB,EAAEZ,KAAK,CAAC,CAAC,CAAC;IAC3BgE,UAAU,EAAElE,EAAE,CAAC2E;EACjB,CAAC;EACDC,iBAAiB,EAAE;IACjBC,OAAO,EAAE;EACX,CAAC;EACDC,YAAY,EAAE;IACZnB,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import type { TextEntryContentProps } from './types';
3
- export declare function TextEntryContent({ title, value, onChangeText, onSubmit, onCancel, message, busy, maxLength, confirmLabel, cancelLabel, autoFocus, style, testID, }: TextEntryContentProps): React.JSX.Element;
3
+ export declare function TextEntryContent({ variant, placeholder, title, value, onChangeText, onSubmit, onCancel, message, busy, maxLength, confirmLabel, cancelLabel, autoFocus, style, testID, }: TextEntryContentProps): React.JSX.Element;
4
4
  //# sourceMappingURL=TextEntryContent.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -13,6 +13,15 @@ export declare const makeStyles: (colors: ColorTokens) => Readonly<{
13
13
  fontSize: number;
14
14
  fontWeight: "600";
15
15
  };
16
+ compactRoot: {
17
+ borderWidth: number;
18
+ borderRadius: number;
19
+ padding: number;
20
+ gap: number;
21
+ };
22
+ compactTitle: {
23
+ fontSize: number;
24
+ };
16
25
  message: {
17
26
  color: string;
18
27
  fontSize: number;
@@ -22,5 +31,9 @@ export declare const makeStyles: (colors: ColorTokens) => Readonly<{
22
31
  flexWrap: "wrap";
23
32
  gap: number;
24
33
  };
34
+ compactActions: {
35
+ justifyContent: "flex-end";
36
+ gap: number;
37
+ };
25
38
  }>;
26
39
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,6 +1,10 @@
1
1
  import type { StyleProp, ViewStyle } from 'react-native';
2
2
  /** 受控文字编辑内容;弹层、键盘和业务提交结果由宿主负责。 */
3
3
  export interface TextEntryContentProps {
4
+ /** card 保留多行卡片;compact 使用单行输入和紧凑操作。 */
5
+ variant?: 'card' | 'compact';
6
+ /** 交给实际输入控件;缺省不添加提示。 */
7
+ placeholder?: string;
4
8
  title: string;
5
9
  value: string;
6
10
  onChangeText(value: string): void;
@@ -1 +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"}
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,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"}
@@ -1 +1 @@
1
- {"version":3,"file":"TextFieldBase.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TextField/TextFieldBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAaf,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAcnE,0EAA0E;AAC1E,eAAO,MAAM,aAAa,4FAgPzB,CAAC"}
1
+ {"version":3,"file":"TextFieldBase.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TextField/TextFieldBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAaf,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAcnE,0EAA0E;AAC1E,eAAO,MAAM,aAAa,4FAmQzB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TextField/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,IAAI,CAAC;AACzC,eAAO,MAAM,yBAAyB,QAAW,CAAC;AAClD,eAAO,MAAM,6BAA6B,QAAgC,CAAC;AAC3E,eAAO,MAAM,uBAAuB,QACyB,CAAC"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TextField/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,IAAI,CAAC;AACzC,eAAO,MAAM,yBAAyB,QAAW,CAAC;AAClD,eAAO,MAAM,6BAA6B,QAAe,CAAC;AAC1D,eAAO,MAAM,uBAAuB,QACyB,CAAC"}
@@ -13,7 +13,23 @@ export declare const makeStyles: (c: ColorTokens) => Readonly<{
13
13
  paddingVertical: number;
14
14
  alignItems: "flex-start";
15
15
  };
16
+ wrapCentered: {
17
+ alignItems: "center";
18
+ };
19
+ focusSurface: Readonly<{
20
+ position: "absolute";
21
+ left: 0;
22
+ right: 0;
23
+ top: 0;
24
+ bottom: 0;
25
+ }>;
26
+ inputCentered: {
27
+ position: "relative";
28
+ zIndex: number;
29
+ };
16
30
  wrapPlain: {
31
+ paddingHorizontal: number;
32
+ paddingVertical: number;
17
33
  backgroundColor: string;
18
34
  borderWidth: number;
19
35
  borderRadius: number;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TextField/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMlD,yDAAyD;AACzD,eAAO,MAAM,UAAU,GAAI,GAAG,WAAW;;;;;;;;;;;;;;;;;;IAmBrC,+BAA+B;;;;;;;;;;;;;;;IAe/B,qEAAqE;;;;;;;;;;;;;;;;;;;;;;IAuBrE,sCAAsC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkDtC,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TextField/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMlD,yDAAyD;AACzD,eAAO,MAAM,UAAU,GAAI,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwBrC,+BAA+B;;;;;;;;;;;;;;;IAe/B,qEAAqE;;;;;;;;;;;;;;;;;;;;;;IAuBrE,sCAAsC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkDtC,CAAC"}
@@ -111,6 +111,8 @@ export type TextFieldBaseProps = Omit<TextInputProps, RemovedTextInputProps> & T
111
111
  searchLayout?: SearchFieldLayout;
112
112
  /** internal:仅由 Textarea 的公开 surface 选择,无独立表面的多行输入。 */
113
113
  plainSurface?: boolean;
114
+ /** internal:Textarea 的文字对齐;不改变单行控件。 */
115
+ contentAlignment?: 'start' | 'center';
114
116
  };
115
117
  export interface MultilineLayoutInput {
116
118
  enabled: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TextField/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC;;;;;GAKG;AACH,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB;AAED,+CAA+C;AAC/C,MAAM,WAAW,0BAA0B;IACzC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,sEAAsE;AACtE,MAAM,MAAM,mBAAmB,GAC3B,wBAAwB,GACxB,0BAA0B,CAAC;AAE/B;;;;;GAKG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GACrB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAC/D;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GACxC,CAAC;IACC,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,CACA;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE;AACnC;;;GAGG;GACD;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAClC,CAAC,CAAC;AAEP;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,SAAS,EACT,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAC5E,CAAC;AAEF,iDAAiD;AACjD,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,mCAAmC;AACnC,MAAM,WAAW,oBAAoB;IACnC,4CAA4C;IAC5C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,cAAc,CAAC,EAAE,SAAS,CAAC,uBAAuB,CAAC,CAAC;CACrD;AAED;;;;;;;;GAQG;AACH,MAAM,MAAM,qBAAqB,GAC7B,OAAO,GACP,WAAW,GACX,eAAe,GACf,OAAO,GACP,cAAc,GACd,cAAc,GACd,eAAe,GACf,UAAU,GACV,MAAM,GACN,cAAc,GACd,kBAAkB,CAAC;AAEvB;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,cAAc,EAAE,qBAAqB,CAAC,GAC1E,oBAAoB,GACpB,mBAAmB,GAAG;IACpB,yDAAyD;IACzD,SAAS,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEJ,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,SAAS,CAAC,YAAY,CAAC,OAAO,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC;CAC5D;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC;IAClE,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;CACvC;AAED,iDAAiD;AACjD,MAAM,WAAW,uBAAuB;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;CAC9C"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TextField/types.ts"],"names":[],"mappings":"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"}
@@ -10,6 +10,8 @@ export type TextareaProps = Omit<TextInputProps, RemovedTextInputProps> & TextFi
10
10
  interface TextareaLayoutProps {
11
11
  /** default 绘制独立输入表面;plain 嵌入复合输入,保留文字内边距但不绘制表面。 */
12
12
  surface?: 'default' | 'plain';
13
+ /** start 顶对齐;center 以原生自然文字高度居中,保留外层最小触达范围。 */
14
+ contentAlignment?: 'start' | 'center';
13
15
  /** 最小高度,默认 96(约 5 行) */
14
16
  minHeight?: number;
15
17
  /** 最大高度(超过后内部滚动),默认不限制 */
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Textarea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EACV,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,oBAAoB,CAAC;AAE5B;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,EAAE,qBAAqB,CAAC,GACrE,oBAAoB,GACpB,mBAAmB,GACnB,mBAAmB,CAAC;AAEtB,UAAU,mBAAmB;IAC3B,mDAAmD;IACnD,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Textarea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EACV,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,oBAAoB,CAAC;AAE5B;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,EAAE,qBAAqB,CAAC,GACrE,oBAAoB,GACpB,mBAAmB,GACnB,mBAAmB,CAAC;AAEtB,UAAU,mBAAmB;IAC3B,mDAAmD;IACnD,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACtC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unif/react-native-design",
3
- "version": "0.35.0",
3
+ "version": "0.37.0",
4
4
  "description": "Unif React Native 设计系统:基础组件、主题、字体和图标",
5
5
  "main": "./lib/module/index.js",
6
6
  "types": "./lib/typescript/src/index.d.ts",
@@ -3,10 +3,13 @@ import { Text, View } from 'react-native';
3
3
  import { useThemedStyles } from '../../../theme';
4
4
  import { Button } from '../Button';
5
5
  import { Textarea } from '../Textarea';
6
+ import { Input } from '../Input';
6
7
  import { makeStyles } from './styles';
7
8
  import type { TextEntryContentProps } from './types';
8
9
 
9
10
  export function TextEntryContent({
11
+ variant = 'card',
12
+ placeholder,
10
13
  title,
11
14
  value,
12
15
  onChangeText,
@@ -22,34 +25,54 @@ export function TextEntryContent({
22
25
  testID,
23
26
  }: TextEntryContentProps): React.JSX.Element {
24
27
  const styles = useThemedStyles(makeStyles);
28
+ const compact = variant === 'compact';
29
+ const Field = compact ? Input : Textarea;
25
30
  return (
26
- <View style={[styles.root, style]} testID={testID}>
27
- <Text style={styles.title} accessibilityRole="header">
31
+ <View
32
+ style={[styles.root, compact && styles.compactRoot, style]}
33
+ testID={testID}
34
+ >
35
+ <Text
36
+ style={[styles.title, compact && styles.compactTitle]}
37
+ accessibilityRole="header"
38
+ >
28
39
  {title}
29
40
  </Text>
30
41
  {message ? <Text style={styles.message}>{message}</Text> : null}
31
- <Textarea
42
+ <Field
32
43
  value={value}
33
44
  onChangeText={onChangeText}
34
45
  maxLength={maxLength}
35
46
  editable={!busy}
36
47
  autoFocus={autoFocus}
37
48
  accessibilityLabel={title}
49
+ placeholder={placeholder}
38
50
  />
39
- <View style={styles.actions}>
51
+ <View style={[styles.actions, compact && styles.compactActions]}>
52
+ {compact ? (
53
+ <Button
54
+ label={cancelLabel}
55
+ size="sm"
56
+ variant="ghost"
57
+ disabled={busy}
58
+ onPress={onCancel}
59
+ />
60
+ ) : null}
40
61
  <Button
41
62
  label={confirmLabel}
42
63
  size="sm"
43
64
  loading={busy}
44
65
  onPress={() => onSubmit(value)}
45
66
  />
46
- <Button
47
- label={cancelLabel}
48
- size="sm"
49
- variant="outline"
50
- disabled={busy}
51
- onPress={onCancel}
52
- />
67
+ {!compact ? (
68
+ <Button
69
+ label={cancelLabel}
70
+ size="sm"
71
+ variant="outline"
72
+ disabled={busy}
73
+ onPress={onCancel}
74
+ />
75
+ ) : null}
53
76
  </View>
54
77
  </View>
55
78
  );
@@ -1,5 +1,5 @@
1
1
  import { StyleSheet } from 'react-native';
2
- import { fw, radius, space, type, type ColorTokens } from '../../../theme';
2
+ import { fw, r, radius, space, type, type ColorTokens } from '../../../theme';
3
3
 
4
4
  export const makeStyles = (colors: ColorTokens) =>
5
5
  StyleSheet.create({
@@ -12,6 +12,17 @@ export const makeStyles = (colors: ColorTokens) =>
12
12
  backgroundColor: colors.surface,
13
13
  },
14
14
  title: { color: colors.foreground, fontSize: type.h3, fontWeight: fw.semi },
15
+ compactRoot: {
16
+ borderWidth: 0,
17
+ borderRadius: r(14),
18
+ padding: space[6],
19
+ gap: space[5],
20
+ },
21
+ compactTitle: { fontSize: type.sm },
15
22
  message: { color: colors.foregroundMuted, fontSize: type.sm },
16
23
  actions: { flexDirection: 'row', flexWrap: 'wrap', gap: space[3] },
24
+ compactActions: {
25
+ justifyContent: 'flex-end',
26
+ gap: space[4],
27
+ },
17
28
  });
@@ -2,6 +2,10 @@ import type { StyleProp, ViewStyle } from 'react-native';
2
2
 
3
3
  /** 受控文字编辑内容;弹层、键盘和业务提交结果由宿主负责。 */
4
4
  export interface TextEntryContentProps {
5
+ /** card 保留多行卡片;compact 使用单行输入和紧凑操作。 */
6
+ variant?: 'card' | 'compact';
7
+ /** 交给实际输入控件;缺省不添加提示。 */
8
+ placeholder?: string;
5
9
  title: string;
6
10
  value: string;
7
11
  onChangeText(value: string): void;
@@ -5,7 +5,7 @@ import React, {
5
5
  useImperativeHandle,
6
6
  useState,
7
7
  } from 'react';
8
- import { Platform, Text, TextInput, View } from 'react-native';
8
+ import { Platform, Pressable, Text, TextInput, View } from 'react-native';
9
9
  import type { TextInputProps } from 'react-native';
10
10
  import { fixed, useColors, useThemedStyles } from '../../../theme';
11
11
  import { childTestID } from '../../../utils/testID';
@@ -41,6 +41,7 @@ export const TextFieldBase = forwardRef<TextFieldHandle, TextFieldBaseProps>(
41
41
  maxHeight,
42
42
  searchLayout,
43
43
  plainSurface,
44
+ contentAlignment = 'start',
44
45
  leading,
45
46
  trailing,
46
47
  error,
@@ -105,14 +106,16 @@ export const TextFieldBase = forwardRef<TextFieldHandle, TextFieldBaseProps>(
105
106
  maxHeight
106
107
  );
107
108
  const plain = multiline && plainSurface === true;
109
+ const centered = multiline && contentAlignment === 'center';
110
+ const verticalInset = plain
111
+ ? TEXTAREA_PLAIN_VERTICAL_INSET
112
+ : TEXTAREA_VERTICAL_INSET;
108
113
  const multilineLayout = useMultilineLayout({
109
114
  enabled: multiline,
110
115
  value: controller.value,
111
- minHeight: normalizedTextareaHeights.minHeight,
116
+ minHeight: centered ? verticalInset : normalizedTextareaHeights.minHeight,
112
117
  maxHeight: normalizedTextareaHeights.maxHeight,
113
- verticalInset: plain
114
- ? TEXTAREA_PLAIN_VERTICAL_INSET
115
- : TEXTAREA_VERTICAL_INSET,
118
+ verticalInset,
116
119
  fontSize: styles.input.fontSize,
117
120
  placeholder: allowedNativeProps.placeholder as string | undefined,
118
121
  inputRef: nativeRef,
@@ -179,6 +182,7 @@ export const TextFieldBase = forwardRef<TextFieldHandle, TextFieldBaseProps>(
179
182
  style={[
180
183
  styles.wrap,
181
184
  multiline && styles.wrapMultiline,
185
+ centered && styles.wrapCentered,
182
186
  searchLayout === undefined && !plain && wrapStateStyles,
183
187
  searchLayout !== undefined && styles.searchInteractiveRow,
184
188
  plain && styles.wrapPlain,
@@ -192,6 +196,20 @@ export const TextFieldBase = forwardRef<TextFieldHandle, TextFieldBaseProps>(
192
196
  : { height: interactiveHeight },
193
197
  ]}
194
198
  >
199
+ {centered ? (
200
+ <Pressable
201
+ accessible={false}
202
+ focusable={false}
203
+ tabIndex={-1}
204
+ importantForAccessibility="no"
205
+ style={styles.focusSurface}
206
+ disabled={!effectiveEditable}
207
+ onPress={() => {
208
+ if (effectiveEditable) nativeRef.current?.focus();
209
+ }}
210
+ testID={childTestID(testID, 'focus-surface')}
211
+ />
212
+ ) : null}
195
213
  {searchLayout ? (
196
214
  <View
197
215
  pointerEvents="none"
@@ -236,6 +254,7 @@ export const TextFieldBase = forwardRef<TextFieldHandle, TextFieldBaseProps>(
236
254
  }}
237
255
  style={[
238
256
  styles.input,
257
+ centered && styles.inputCentered,
239
258
  multiline && styles.inputMultiline,
240
259
  multiline &&
241
260
  (multilineLayout.scrollEnabled
@@ -2,6 +2,6 @@ import { space } from '../../../theme';
2
2
 
3
3
  export const TEXT_FIELD_BORDER_WIDTH = 1;
4
4
  export const TEXTAREA_VERTICAL_PADDING = space[4];
5
- export const TEXTAREA_PLAIN_VERTICAL_INSET = 2 * TEXTAREA_VERTICAL_PADDING;
5
+ export const TEXTAREA_PLAIN_VERTICAL_INSET = 2 * space[3];
6
6
  export const TEXTAREA_VERTICAL_INSET =
7
- TEXTAREA_PLAIN_VERTICAL_INSET + 2 * TEXT_FIELD_BORDER_WIDTH;
7
+ 2 * TEXTAREA_VERTICAL_PADDING + 2 * TEXT_FIELD_BORDER_WIDTH;
@@ -21,7 +21,12 @@ export const makeStyles = (c: ColorTokens) =>
21
21
  paddingVertical: TEXTAREA_VERTICAL_PADDING,
22
22
  alignItems: 'flex-start',
23
23
  },
24
+ wrapCentered: { alignItems: 'center' },
25
+ focusSurface: StyleSheet.absoluteFill,
26
+ inputCentered: { position: 'relative', zIndex: 1 },
24
27
  wrapPlain: {
28
+ paddingHorizontal: space[3],
29
+ paddingVertical: space[3],
25
30
  backgroundColor: 'transparent',
26
31
  borderWidth: 0,
27
32
  borderRadius: 0,
@@ -135,6 +135,8 @@ export type TextFieldBaseProps = Omit<TextInputProps, RemovedTextInputProps> &
135
135
  searchLayout?: SearchFieldLayout;
136
136
  /** internal:仅由 Textarea 的公开 surface 选择,无独立表面的多行输入。 */
137
137
  plainSurface?: boolean;
138
+ /** internal:Textarea 的文字对齐;不改变单行控件。 */
139
+ contentAlignment?: 'start' | 'center';
138
140
  };
139
141
 
140
142
  export interface MultilineLayoutInput {
@@ -19,6 +19,8 @@ export type TextareaProps = Omit<TextInputProps, RemovedTextInputProps> &
19
19
  interface TextareaLayoutProps {
20
20
  /** default 绘制独立输入表面;plain 嵌入复合输入,保留文字内边距但不绘制表面。 */
21
21
  surface?: 'default' | 'plain';
22
+ /** start 顶对齐;center 以原生自然文字高度居中,保留外层最小触达范围。 */
23
+ contentAlignment?: 'start' | 'center';
22
24
  /** 最小高度,默认 96(约 5 行) */
23
25
  minHeight?: number;
24
26
  /** 最大高度(超过后内部滚动),默认不限制 */