tntd 2.7.27 → 2.7.29-beta.1

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 (202) hide show
  1. package/es/_util/context.js +14 -0
  2. package/es/_util/context.js.map +1 -0
  3. package/es/_util/defaultRenderEmpty.js +20 -0
  4. package/es/_util/defaultRenderEmpty.js.map +1 -0
  5. package/es/_util/hooks/useFlexGapSupport.js +10 -0
  6. package/es/_util/hooks/useFlexGapSupport.js.map +1 -0
  7. package/es/_util/hooks/useForceUpdate.js +6 -0
  8. package/es/_util/hooks/useForceUpdate.js.map +1 -0
  9. package/es/_util/motion.js +22 -0
  10. package/es/_util/motion.js.map +1 -1
  11. package/es/_util/reactNode.js +15 -0
  12. package/es/_util/reactNode.js.map +1 -0
  13. package/es/_util/responsiveObserve.js +58 -0
  14. package/es/_util/responsiveObserve.js.map +1 -0
  15. package/es/_util/styleChecker.js +27 -0
  16. package/es/_util/styleChecker.js.map +1 -0
  17. package/es/_util/type.js.map +1 -1
  18. package/es/_util/warning.js.map +1 -1
  19. package/es/button/button.js +5 -17
  20. package/es/button/button.js.map +1 -1
  21. package/es/grid/RowContext.js +4 -0
  22. package/es/grid/RowContext.js.map +1 -0
  23. package/es/grid/col.js +78 -0
  24. package/es/grid/col.js.map +1 -0
  25. package/es/grid/hooks/useBreakpoint.js +19 -0
  26. package/es/grid/hooks/useBreakpoint.js.map +1 -0
  27. package/es/grid/index.js +13 -0
  28. package/es/grid/index.js.map +1 -0
  29. package/es/grid/row.js +141 -0
  30. package/es/grid/row.js.map +1 -0
  31. package/es/grid/style/index.js +3 -0
  32. package/es/grid/style/index.js.map +1 -0
  33. package/es/grid/style/index.less +124 -0
  34. package/es/grid/style/mixin.less +57 -0
  35. package/es/grid/style/rtl.less +69 -0
  36. package/es/handle/index.js +4 -29
  37. package/es/handle/index.js.map +1 -1
  38. package/es/index.js +2 -0
  39. package/es/index.js.map +1 -1
  40. package/es/modal/modal.js +2 -2
  41. package/es/modal/modal.js.map +1 -1
  42. package/es/table/constants.js +0 -53
  43. package/es/table/constants.js.map +1 -1
  44. package/es/table/table.js +8 -48
  45. package/es/table/table.js.map +1 -1
  46. package/es/tntd-form/ErrorList.js +1 -1
  47. package/es/tntd-form/ErrorList.js.map +1 -1
  48. package/es/tntd-form/FormItem/ItemHolder.js +1 -1
  49. package/es/tntd-form/FormItem/ItemHolder.js.map +1 -1
  50. package/es/tntd-form/FormItem/index.js +3 -3
  51. package/es/tntd-form/FormItem/index.js.map +1 -1
  52. package/es/tntd-form/FormItemInput.js +1 -1
  53. package/es/tntd-form/FormItemInput.js.map +1 -1
  54. package/es/tntd-form/FormItemLabel.js +1 -1
  55. package/es/tntd-form/FormItemLabel.js.map +1 -1
  56. package/es/tntd-form/FormList.js +1 -1
  57. package/es/tntd-form/FormList.js.map +1 -1
  58. package/es/tntd-form/hooks/useFormItemStatus.js +1 -1
  59. package/es/tntd-form/hooks/useFormItemStatus.js.map +1 -1
  60. package/es/tntd-form/index.js +0 -1
  61. package/es/tntd-form/index.js.map +1 -1
  62. package/es/utils/lang.js +8 -8
  63. package/es/utils/lang.js.map +1 -1
  64. package/lib/_util/context.d.ts +42 -0
  65. package/lib/_util/context.d.ts.map +1 -0
  66. package/lib/_util/context.js +20 -0
  67. package/lib/_util/context.js.map +1 -0
  68. package/lib/_util/defaultRenderEmpty.d.ts +5 -0
  69. package/lib/_util/defaultRenderEmpty.d.ts.map +1 -0
  70. package/lib/_util/defaultRenderEmpty.js +48 -0
  71. package/lib/_util/defaultRenderEmpty.js.map +1 -0
  72. package/lib/_util/hooks/useFlexGapSupport.d.ts +3 -0
  73. package/lib/_util/hooks/useFlexGapSupport.d.ts.map +1 -0
  74. package/lib/_util/hooks/useFlexGapSupport.js +35 -0
  75. package/lib/_util/hooks/useFlexGapSupport.js.map +1 -0
  76. package/lib/_util/hooks/useForceUpdate.d.ts +3 -0
  77. package/lib/_util/hooks/useForceUpdate.d.ts.map +1 -0
  78. package/lib/_util/hooks/useForceUpdate.js +32 -0
  79. package/lib/_util/hooks/useForceUpdate.js.map +1 -0
  80. package/lib/_util/motion.d.ts +3 -0
  81. package/lib/_util/motion.d.ts.map +1 -1
  82. package/lib/_util/motion.js +22 -0
  83. package/lib/_util/motion.js.map +1 -1
  84. package/lib/_util/reactNode.d.ts +9 -0
  85. package/lib/_util/reactNode.d.ts.map +1 -0
  86. package/lib/_util/reactNode.js +44 -0
  87. package/lib/_util/reactNode.js.map +1 -0
  88. package/lib/_util/responsiveObserve.d.ts +22 -0
  89. package/lib/_util/responsiveObserve.d.ts.map +1 -0
  90. package/lib/_util/responsiveObserve.js +61 -0
  91. package/lib/_util/responsiveObserve.js.map +1 -0
  92. package/lib/_util/styleChecker.d.ts +5 -0
  93. package/lib/_util/styleChecker.d.ts.map +1 -0
  94. package/lib/_util/styleChecker.js +35 -0
  95. package/lib/_util/styleChecker.js.map +1 -0
  96. package/lib/_util/type.d.ts.map +1 -1
  97. package/lib/_util/type.js.map +1 -1
  98. package/lib/_util/warning.d.ts.map +1 -1
  99. package/lib/_util/warning.js.map +1 -1
  100. package/lib/button/button.d.ts +5 -1
  101. package/lib/button/button.d.ts.map +1 -1
  102. package/lib/button/button.js +5 -17
  103. package/lib/button/button.js.map +1 -1
  104. package/lib/checkbox/checkbox-group.d.ts +1 -1
  105. package/lib/descriptions/descriptions.d.ts +1 -1
  106. package/lib/descriptions/descriptions.d.ts.map +1 -1
  107. package/lib/grid/RowContext.d.ts +9 -0
  108. package/lib/grid/RowContext.d.ts.map +1 -0
  109. package/lib/grid/RowContext.js +6 -0
  110. package/lib/grid/RowContext.js.map +1 -0
  111. package/lib/grid/col.d.ts +29 -0
  112. package/lib/grid/col.d.ts.map +1 -0
  113. package/lib/grid/col.js +106 -0
  114. package/lib/grid/col.js.map +1 -0
  115. package/lib/grid/hooks/useBreakpoint.d.ts +4 -0
  116. package/lib/grid/hooks/useBreakpoint.d.ts.map +1 -0
  117. package/lib/grid/hooks/useBreakpoint.js +24 -0
  118. package/lib/grid/hooks/useBreakpoint.js.map +1 -0
  119. package/lib/grid/index.d.ts +12 -0
  120. package/lib/grid/index.d.ts.map +1 -0
  121. package/lib/grid/index.js +20 -0
  122. package/lib/grid/index.js.map +1 -0
  123. package/lib/grid/row.d.ts +21 -0
  124. package/lib/grid/row.d.ts.map +1 -0
  125. package/lib/grid/row.js +169 -0
  126. package/lib/grid/row.js.map +1 -0
  127. package/lib/grid/style/index.d.ts +2 -0
  128. package/lib/grid/style/index.d.ts.map +1 -0
  129. package/lib/grid/style/index.js +5 -0
  130. package/lib/grid/style/index.js.map +1 -0
  131. package/lib/grid/style/index.less +124 -0
  132. package/lib/grid/style/mixin.less +57 -0
  133. package/lib/grid/style/rtl.less +69 -0
  134. package/lib/handle/index.d.ts.map +1 -1
  135. package/lib/handle/index.js +4 -29
  136. package/lib/handle/index.js.map +1 -1
  137. package/lib/index.d.ts +2 -0
  138. package/lib/index.d.ts.map +1 -1
  139. package/lib/index.js +5 -1
  140. package/lib/index.js.map +1 -1
  141. package/lib/input/input.d.ts +4 -4
  142. package/lib/input/input.d.ts.map +1 -1
  143. package/lib/input-number/index.d.ts +1 -1
  144. package/lib/modal/modal.d.ts +5 -1
  145. package/lib/modal/modal.d.ts.map +1 -1
  146. package/lib/modal/modal.js +2 -2
  147. package/lib/modal/modal.js.map +1 -1
  148. package/lib/query-form/Field/fieldsMap.d.ts +3 -3
  149. package/lib/radio/radio-group.d.ts +1 -1
  150. package/lib/segmented/index.d.ts +1 -1
  151. package/lib/segmented/index.d.ts.map +1 -1
  152. package/lib/svg-components/illustration-403.d.ts +1 -1
  153. package/lib/svg-components/illustration-404.d.ts +1 -1
  154. package/lib/svg-components/illustration-500.d.ts +1 -1
  155. package/lib/svg-components/illustration-empty.d.ts +1 -1
  156. package/lib/svg-components/illustration-failure.d.ts +1 -1
  157. package/lib/svg-components/illustration-no-access.d.ts +1 -1
  158. package/lib/svg-components/illustration-no-chart.d.ts +1 -1
  159. package/lib/svg-components/illustration-no-result.d.ts +1 -1
  160. package/lib/svg-components/illustration-offline.d.ts +1 -1
  161. package/lib/svg-components/illustration-success.d.ts +1 -1
  162. package/lib/table/assets/image-loading-background.d.ts +1 -1
  163. package/lib/table/assets/image-loading.d.ts +1 -1
  164. package/lib/table/constants.d.ts +0 -2
  165. package/lib/table/constants.d.ts.map +1 -1
  166. package/lib/table/constants.js +1 -54
  167. package/lib/table/constants.js.map +1 -1
  168. package/lib/table/table.d.ts +1 -1
  169. package/lib/table/table.d.ts.map +1 -1
  170. package/lib/table/table.js +9 -49
  171. package/lib/table/table.js.map +1 -1
  172. package/lib/time-picker/index.d.ts +1 -1
  173. package/lib/tntd-cascader/AntdCascader/config/utils.d.ts +1 -1
  174. package/lib/tntd-form/ErrorList.js +1 -1
  175. package/lib/tntd-form/ErrorList.js.map +1 -1
  176. package/lib/tntd-form/FormItem/ItemHolder.js +2 -2
  177. package/lib/tntd-form/FormItem/ItemHolder.js.map +1 -1
  178. package/lib/tntd-form/FormItem/index.js +3 -3
  179. package/lib/tntd-form/FormItem/index.js.map +1 -1
  180. package/lib/tntd-form/FormItemInput.d.ts +1 -1
  181. package/lib/tntd-form/FormItemInput.d.ts.map +1 -1
  182. package/lib/tntd-form/FormItemInput.js +1 -1
  183. package/lib/tntd-form/FormItemInput.js.map +1 -1
  184. package/lib/tntd-form/FormItemLabel.d.ts +1 -1
  185. package/lib/tntd-form/FormItemLabel.d.ts.map +1 -1
  186. package/lib/tntd-form/FormItemLabel.js +1 -1
  187. package/lib/tntd-form/FormItemLabel.js.map +1 -1
  188. package/lib/tntd-form/FormList.js +1 -1
  189. package/lib/tntd-form/FormList.js.map +1 -1
  190. package/lib/tntd-form/hooks/useFormItemStatus.js +1 -1
  191. package/lib/tntd-form/hooks/useFormItemStatus.js.map +1 -1
  192. package/lib/tntd-form/index.d.ts.map +1 -1
  193. package/lib/tntd-form/index.js +0 -1
  194. package/lib/tntd-form/index.js.map +1 -1
  195. package/lib/tntd-form/tntd-form.stories.d.ts +1 -1
  196. package/lib/utils/lang.d.ts +5 -1
  197. package/lib/utils/lang.d.ts.map +1 -1
  198. package/lib/utils/lang.js +14 -12
  199. package/lib/utils/lang.js.map +1 -1
  200. package/package.json +104 -105
  201. package/themes/default/variables.less +124 -7
  202. package/themes/utils/colorPalette.less +12 -0
@@ -1 +1 @@
1
- {"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../src/_util/type.ts"],"names":[],"mappings":"AAAA,oBAAY,IAAI,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAEtE,eAAO,MAAM,KAAK,uCAA2C,CAAC;AAE9D,eAAO,MAAM,QAAQ,uCAA2C,CAAC"}
1
+ {"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../src/_util/type.ts"],"names":[],"mappings":"AAAA,oBAAY,IAAI,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAErE,eAAO,MAAM,KAAK,uCAA2C,CAAA;AAE7D,eAAO,MAAM,QAAQ,uCAA2C,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"type.js","sourceRoot":"","sources":["../../src/_util/type.ts"],"names":[],"mappings":";;;AACA,qHAAqH;AAC9G,MAAM,KAAK,GAAG,CAAqB,GAAG,IAAO,EAAE,EAAE,CAAC,IAAI,CAAC;AAAjD,QAAA,KAAK,SAA4C;AAEvD,MAAM,QAAQ,GAAG,CAAqB,GAAG,IAAO,EAAE,EAAE,CAAC,IAAI,CAAC;AAApD,QAAA,QAAQ,YAA4C","sourcesContent":["export type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;\n// https://stackoverflow.com/questions/46176165/ways-to-get-string-literal-type-of-array-values-without-enum-overhead\nexport const tuple = <T extends string[]>(...args: T) => args;\n\nexport const tupleNum = <T extends number[]>(...args: T) => args;"]}
1
+ {"version":3,"file":"type.js","sourceRoot":"","sources":["../../src/_util/type.ts"],"names":[],"mappings":";;;AACA,qHAAqH;AAC9G,MAAM,KAAK,GAAG,CAAqB,GAAG,IAAO,EAAE,EAAE,CAAC,IAAI,CAAA;AAAhD,QAAA,KAAK,SAA2C;AAEtD,MAAM,QAAQ,GAAG,CAAqB,GAAG,IAAO,EAAE,EAAE,CAAC,IAAI,CAAA;AAAnD,QAAA,QAAQ,YAA2C","sourcesContent":["export type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>\n// https://stackoverflow.com/questions/46176165/ways-to-get-string-literal-type-of-array-values-without-enum-overhead\nexport const tuple = <T extends string[]>(...args: T) => args\n\nexport const tupleNum = <T extends number[]>(...args: T) => args\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"warning.d.ts","sourceRoot":"","sources":["../../src/_util/warning.ts"],"names":[],"mappings":"AAAA,OAAgB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,CAAC;gCAEA,OAAO,aAAa,MAAM,WAAW,MAAM,KAAG,IAAI;AAAzE,wBAEE"}
1
+ {"version":3,"file":"warning.d.ts","sourceRoot":"","sources":["../../src/_util/warning.ts"],"names":[],"mappings":"AAAA,OAAgB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,CAAA;gCAEC,OAAO,aAAa,MAAM,WAAW,MAAM,KAAG,IAAI;AAAzE,wBAEC"}
@@ -1 +1 @@
1
- {"version":3,"file":"warning.js","sourceRoot":"","sources":["../../src/_util/warning.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+DAA2D;AAElD,4FAFS,qBAAW,OAET;AAEpB,kBAAe,CAAC,KAAc,EAAE,SAAiB,EAAE,OAAe,EAAQ,EAAE;IAC1E,IAAA,iBAAO,EAAC,KAAK,EAAE,UAAU,SAAS,KAAK,OAAO,EAAE,CAAC,CAAC;AACpD,CAAC,CAAC","sourcesContent":["import warning, { resetWarned } from 'rc-util/lib/warning';\n\nexport { resetWarned };\n\nexport default (valid: boolean, component: string, message: string): void => {\n warning(valid, `[antd: ${component}] ${message}`);\n};\n"]}
1
+ {"version":3,"file":"warning.js","sourceRoot":"","sources":["../../src/_util/warning.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+DAA0D;AAEjD,4FAFS,qBAAW,OAET;AAEpB,kBAAe,CAAC,KAAc,EAAE,SAAiB,EAAE,OAAe,EAAQ,EAAE;IAC1E,IAAA,iBAAO,EAAC,KAAK,EAAE,UAAU,SAAS,KAAK,OAAO,EAAE,CAAC,CAAA;AACnD,CAAC,CAAA","sourcesContent":["import warning, { resetWarned } from 'rc-util/lib/warning'\n\nexport { resetWarned }\n\nexport default (valid: boolean, component: string, message: string): void => {\n warning(valid, `[antd: ${component}] ${message}`)\n}\n"]}
@@ -3,7 +3,11 @@ import type { ButtonProps as AntdButtonProps } from 'antd/es/button';
3
3
  import { default as AntdButton } from 'antd/es/button';
4
4
  export * from 'antd/es/button';
5
5
  export { ButtonShape, ButtonSize, ButtonType, ButtonGroupProps } from 'antd/es/button';
6
- interface ButtonComponent extends React.ForwardRefExoticComponent<AntdButtonProps & React.RefAttributes<AntdButton>> {
6
+ export interface ButtonProps extends AntdButtonProps {
7
+ upperCaseIgnore?: [];
8
+ unUpperConverted?: boolean;
9
+ }
10
+ interface ButtonComponent extends React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<AntdButton>> {
7
11
  Group: typeof AntdButton.Group;
8
12
  }
9
13
  export declare const Button: ButtonComponent;
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAEpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEtD,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtF,UAAU,eACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC1F,KAAK,EAAE,OAAO,UAAU,CAAC,KAAK,CAAA;CAC/B;AAED,eAAO,MAAM,MAAM,iBA+BE,CAAA"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAEpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEtD,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtF,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,eAAe,CAAC,EAAE,EAAE,CAAA;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,UAAU,eACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACtF,KAAK,EAAE,OAAO,UAAU,CAAC,KAAK,CAAA;CAC/B;AAED,eAAO,MAAM,MAAM,iBAkBC,CAAA"}
@@ -52,30 +52,18 @@ exports.Button = void 0;
52
52
  const react_1 = __importStar(require("react"));
53
53
  const config_provider_1 = require("antd/es/config-provider");
54
54
  const button_1 = __importDefault(require("antd/es/button"));
55
+ const lang_1 = require("../utils/lang");
55
56
  __exportStar(require("antd/es/button"), exports);
56
57
  var button_2 = require("antd/es/button");
57
58
  exports.Button = (0, react_1.forwardRef)((_a, ref) => {
58
- var { children } = _a, rest = __rest(_a, ["children"]);
59
- const titleHandle = (str) => {
60
- if (!str) {
61
- return;
62
- }
63
- if (typeof str === 'string') {
64
- const words = str.split(' ');
65
- const capitalizedWords = words.map((word) => {
66
- return word.charAt(0).toUpperCase() + word.slice(1);
67
- });
68
- str = capitalizedWords.join(' ');
69
- }
70
- return str;
71
- };
59
+ var { children, unUpperConverted, upperCaseIgnore } = _a, rest = __rest(_a, ["children", "unUpperConverted", "upperCaseIgnore"]);
72
60
  let newChildren = children;
73
- if (newChildren) {
61
+ if (!unUpperConverted && newChildren) {
74
62
  if (typeof newChildren === 'string') {
75
- newChildren = titleHandle(newChildren);
63
+ newChildren = (0, lang_1.titleCaseUpper)(newChildren, upperCaseIgnore);
76
64
  }
77
65
  else if (Array.isArray(newChildren)) {
78
- newChildren = [...newChildren].map((subChild) => titleHandle(subChild));
66
+ newChildren = [...newChildren].map((subChild) => (0, lang_1.titleCaseUpper)(subChild, upperCaseIgnore));
79
67
  }
80
68
  }
81
69
  return (react_1.default.createElement(config_provider_1.ConfigConsumer, null, ({ getPrefixCls }) => {
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,+CAAyC;AAEzC,6DAAwD;AACxD,4DAAsD;AAEtD,iDAA8B;AAC9B,yCAAsF;AAOzE,QAAA,MAAM,GAAG,IAAA,kBAAU,EAA8B,CAAC,EAAqB,EAAE,GAAG,EAAE,EAAE;QAA9B,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAnB,YAAqB,CAAF;IAChF,MAAM,WAAW,GAAG,CAAC,GAA6B,EAAE,EAAE;QACpD,IAAI,CAAC,GAAG,EAAE;YACR,OAAM;SACP;QACD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;YAC3B,MAAM,KAAK,GAAa,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YACtC,MAAM,gBAAgB,GAAa,KAAK,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE;gBAC5D,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;YACrD,CAAC,CAAC,CAAA;YACF,GAAG,GAAG,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;SACjC;QACD,OAAO,GAAG,CAAA;IACZ,CAAC,CAAA;IAED,IAAI,WAAW,GAAG,QAAQ,CAAA;IAC1B,IAAI,WAAW,EAAE;QACf,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;YACnC,WAAW,GAAG,WAAW,CAAC,WAAW,CAAC,CAAA;SACvC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;YACrC,WAAW,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAA;SACxE;KACF;IAED,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,8BAAC,gBAAU,oBAAK,IAAI,IAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAClE,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAoB,CAAA;AAErB,cAAM,CAAC,KAAK,GAAG,gBAAU,CAAC,KAAK,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-10-26 09:46:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-10-31 09:59:35\n * @FilePath: /tntd/packages/tntd/src/button/button.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport type { ButtonProps as AntdButtonProps } from 'antd/es/button'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdButton } from 'antd/es/button'\n\nexport * from 'antd/es/button'\nexport { ButtonShape, ButtonSize, ButtonType, ButtonGroupProps } from 'antd/es/button'\n\ninterface ButtonComponent\n extends React.ForwardRefExoticComponent<AntdButtonProps & React.RefAttributes<AntdButton>> {\n Group: typeof AntdButton.Group\n}\n\nexport const Button = forwardRef<AntdButton, AntdButtonProps>(({ children, ...rest }, ref) => {\n const titleHandle = (str: string | React.ReactNode) => {\n if (!str) {\n return\n }\n if (typeof str === 'string') {\n const words: string[] = str.split(' ')\n const capitalizedWords: string[] = words.map((word: string) => {\n return word.charAt(0).toUpperCase() + word.slice(1)\n })\n str = capitalizedWords.join(' ')\n }\n return str\n }\n\n let newChildren = children\n if (newChildren) {\n if (typeof newChildren === 'string') {\n newChildren = titleHandle(newChildren)\n } else if (Array.isArray(newChildren)) {\n newChildren = [...newChildren].map((subChild) => titleHandle(subChild))\n }\n }\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n return <AntdButton {...rest} children={newChildren} ref={ref} />\n }}\n </ConfigConsumer>\n )\n}) as ButtonComponent\n\nButton.Group = AntdButton.Group\n"]}
1
+ {"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,+CAAyC;AAEzC,6DAAwD;AACxD,4DAAsD;AACtD,wCAA8C;AAC9C,iDAA8B;AAC9B,yCAAsF;AAYzE,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAwD,EAAE,GAAG,EAAE,EAAE;QAAjE,EAAE,QAAQ,EAAE,gBAAgB,EAAE,eAAe,OAAW,EAAN,IAAI,cAAtD,mDAAwD,CAAF;IACrD,IAAI,WAAW,GAAG,QAAQ,CAAA;IAC1B,IAAI,CAAC,gBAAgB,IAAI,WAAW,EAAE;QACpC,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;YACnC,WAAW,GAAG,IAAA,qBAAc,EAAC,WAAW,EAAE,eAAe,CAAC,CAAA;SAC3D;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;YACrC,WAAW,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAA,qBAAc,EAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAA;SAC5F;KACF;IACD,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,8BAAC,gBAAU,oBAAK,IAAI,IAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAClE,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACiB,CAAA;AAEpB,cAAM,CAAC,KAAK,GAAG,gBAAU,CAAC,KAAK,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-10-26 09:46:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-10-31 09:59:35\n * @FilePath: /tntd/packages/tntd/src/button/button.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport type { ButtonProps as AntdButtonProps } from 'antd/es/button'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdButton } from 'antd/es/button'\nimport { titleCaseUpper } from '../utils/lang'\nexport * from 'antd/es/button'\nexport { ButtonShape, ButtonSize, ButtonType, ButtonGroupProps } from 'antd/es/button'\n\nexport interface ButtonProps extends AntdButtonProps {\n upperCaseIgnore?: []\n unUpperConverted?: boolean\n}\n\ninterface ButtonComponent\n extends React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<AntdButton>> {\n Group: typeof AntdButton.Group\n}\n\nexport const Button = forwardRef<AntdButton, ButtonProps>(\n ({ children, unUpperConverted, upperCaseIgnore, ...rest }, ref) => {\n let newChildren = children\n if (!unUpperConverted && newChildren) {\n if (typeof newChildren === 'string') {\n newChildren = titleCaseUpper(newChildren, upperCaseIgnore)\n } else if (Array.isArray(newChildren)) {\n newChildren = [...newChildren].map((subChild) => titleCaseUpper(subChild, upperCaseIgnore))\n }\n }\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n return <AntdButton {...rest} children={newChildren} ref={ref} />\n }}\n </ConfigConsumer>\n )\n }\n) as ButtonComponent\n\nButton.Group = AntdButton.Group\n"]}
@@ -3,6 +3,6 @@ import type { CheckboxGroupProps as AntdCheckboxGroupProps } from 'antd/es/check
3
3
  export declare type CheckboxGroupProps = AntdCheckboxGroupProps & {
4
4
  readonly?: boolean;
5
5
  };
6
- declare const _default: React.ForwardRefExoticComponent<AntdCheckboxGroupProps & React.RefAttributes<unknown>>;
6
+ declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
7
7
  export default _default;
8
8
  //# sourceMappingURL=checkbox-group.d.ts.map
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import type { DescriptionsProps as AntdDescriptionsProps } from 'antd/es/descriptions';
3
3
  export * from 'antd/es/descriptions';
4
4
  export interface DescriptionsProps extends AntdDescriptionsProps {
@@ -1 +1 @@
1
- {"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAKtF,cAAc,sBAAsB,CAAA;AAEpC,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAmC3F;yBAnCe,YAAY"}
1
+ {"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAKtF,cAAc,sBAAsB,CAAA;AAEpC,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAmC3F;yBAnCe,YAAY"}
@@ -0,0 +1,9 @@
1
+ import type { Context } from 'react';
2
+ export interface RowContextState {
3
+ gutter?: [number, number];
4
+ wrap?: boolean;
5
+ supportFlexGap?: boolean;
6
+ }
7
+ declare const RowContext: Context<RowContextState>;
8
+ export default RowContext;
9
+ //# sourceMappingURL=RowContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RowContext.d.ts","sourceRoot":"","sources":["../../src/grid/RowContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAGpC,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,QAAA,MAAM,UAAU,EAAE,OAAO,CAAC,eAAe,CAAqB,CAAA;AAE9D,eAAe,UAAU,CAAA"}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const react_1 = require("react");
4
+ const RowContext = (0, react_1.createContext)({});
5
+ exports.default = RowContext;
6
+ //# sourceMappingURL=RowContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RowContext.js","sourceRoot":"","sources":["../../src/grid/RowContext.tsx"],"names":[],"mappings":";;AACA,iCAAqC;AAQrC,MAAM,UAAU,GAA6B,IAAA,qBAAa,EAAC,EAAE,CAAC,CAAA;AAE9D,kBAAe,UAAU,CAAA","sourcesContent":["import type { Context } from 'react'\nimport { createContext } from 'react'\n\nexport interface RowContextState {\n gutter?: [number, number]\n wrap?: boolean\n supportFlexGap?: boolean\n}\n\nconst RowContext: Context<RowContextState> = createContext({})\n\nexport default RowContext\n"]}
@@ -0,0 +1,29 @@
1
+ import * as React from 'react';
2
+ declare type ColSpanType = number | string;
3
+ declare type FlexType = number | 'none' | 'auto' | string;
4
+ export interface ColSize {
5
+ flex?: FlexType;
6
+ span?: ColSpanType;
7
+ order?: ColSpanType;
8
+ offset?: ColSpanType;
9
+ push?: ColSpanType;
10
+ pull?: ColSpanType;
11
+ }
12
+ export interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
13
+ flex?: FlexType;
14
+ span?: ColSpanType;
15
+ order?: ColSpanType;
16
+ offset?: ColSpanType;
17
+ push?: ColSpanType;
18
+ pull?: ColSpanType;
19
+ xs?: ColSpanType | ColSize;
20
+ sm?: ColSpanType | ColSize;
21
+ md?: ColSpanType | ColSize;
22
+ lg?: ColSpanType | ColSize;
23
+ xl?: ColSpanType | ColSize;
24
+ xxl?: ColSpanType | ColSize;
25
+ prefixCls?: string;
26
+ }
27
+ declare const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>>;
28
+ export default Col;
29
+ //# sourceMappingURL=col.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"col.d.ts","sourceRoot":"","sources":["../../src/grid/col.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,aAAK,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA;AAElC,aAAK,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;AAEjD,MAAM,WAAW,OAAO;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB;AAED,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,EAAE,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;IAC1B,EAAE,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;IAC1B,EAAE,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;IAC1B,EAAE,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;IAC1B,EAAE,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;IAC1B,GAAG,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAcD,QAAA,MAAM,GAAG,iFAuFP,CAAA;AAMF,eAAe,GAAG,CAAA"}
@@ -0,0 +1,106 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __rest = (this && this.__rest) || function (s, e) {
26
+ var t = {};
27
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
28
+ t[p] = s[p];
29
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
30
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
31
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
32
+ t[p[i]] = s[p[i]];
33
+ }
34
+ return t;
35
+ };
36
+ var __importDefault = (this && this.__importDefault) || function (mod) {
37
+ return (mod && mod.__esModule) ? mod : { "default": mod };
38
+ };
39
+ Object.defineProperty(exports, "__esModule", { value: true });
40
+ const classnames_1 = __importDefault(require("classnames"));
41
+ const React = __importStar(require("react"));
42
+ const context_1 = require("../_util/context");
43
+ const RowContext_1 = __importDefault(require("./RowContext"));
44
+ function parseFlex(flex) {
45
+ if (typeof flex === 'number') {
46
+ return `${flex} ${flex} auto`;
47
+ }
48
+ if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) {
49
+ return `0 0 ${flex}`;
50
+ }
51
+ return flex;
52
+ }
53
+ const sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
54
+ const Col = React.forwardRef((props, ref) => {
55
+ const { getPrefixCls, direction } = React.useContext(context_1.ConfigContext);
56
+ const { gutter, wrap, supportFlexGap } = React.useContext(RowContext_1.default);
57
+ const { prefixCls: customizePrefixCls = 'tnt-col', span, order, offset, push, pull, className, children, flex, style } = props, others = __rest(props, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]);
58
+ const prefixCls = getPrefixCls('col', customizePrefixCls);
59
+ let sizeClassObj = {};
60
+ sizes.forEach((size) => {
61
+ let sizeProps = {};
62
+ const propSize = props[size];
63
+ if (typeof propSize === 'number') {
64
+ sizeProps.span = propSize;
65
+ }
66
+ else if (typeof propSize === 'object') {
67
+ sizeProps = propSize || {};
68
+ }
69
+ delete others[size];
70
+ sizeClassObj = Object.assign(Object.assign({}, sizeClassObj), { [`${prefixCls}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined, [`${prefixCls}-${size}-order-${sizeProps.order}`]: sizeProps.order || sizeProps.order === 0, [`${prefixCls}-${size}-offset-${sizeProps.offset}`]: sizeProps.offset || sizeProps.offset === 0, [`${prefixCls}-${size}-push-${sizeProps.push}`]: sizeProps.push || sizeProps.push === 0, [`${prefixCls}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull || sizeProps.pull === 0, [`${prefixCls}-rtl`]: direction === 'rtl' });
71
+ });
72
+ const classes = (0, classnames_1.default)(prefixCls, {
73
+ [`${prefixCls}-${span}`]: span !== undefined,
74
+ [`${prefixCls}-order-${order}`]: order,
75
+ [`${prefixCls}-offset-${offset}`]: offset,
76
+ [`${prefixCls}-push-${push}`]: push,
77
+ [`${prefixCls}-pull-${pull}`]: pull,
78
+ }, className, sizeClassObj);
79
+ const mergedStyle = {};
80
+ // Horizontal gutter use padding
81
+ if (gutter && gutter[0] > 0) {
82
+ const horizontalGutter = gutter[0] / 2;
83
+ mergedStyle.paddingLeft = horizontalGutter;
84
+ mergedStyle.paddingRight = horizontalGutter;
85
+ }
86
+ // Vertical gutter use padding when gap not support
87
+ if (gutter && gutter[1] > 0 && !supportFlexGap) {
88
+ const verticalGutter = gutter[1] / 2;
89
+ mergedStyle.paddingTop = verticalGutter;
90
+ mergedStyle.paddingBottom = verticalGutter;
91
+ }
92
+ if (flex) {
93
+ mergedStyle.flex = parseFlex(flex);
94
+ // Hack for Firefox to avoid size issue
95
+ // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553
96
+ if (wrap === false && !mergedStyle.minWidth) {
97
+ mergedStyle.minWidth = 0;
98
+ }
99
+ }
100
+ return (React.createElement("div", Object.assign({}, others, { style: Object.assign(Object.assign({}, mergedStyle), style), className: classes, ref: ref }), children));
101
+ });
102
+ if (process.env.NODE_ENV !== 'production') {
103
+ Col.displayName = 'Col';
104
+ }
105
+ exports.default = Col;
106
+ //# sourceMappingURL=col.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"col.js","sourceRoot":"","sources":["../../src/grid/col.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport * as React from 'react'\nimport { ConfigContext } from '../_util/context'\nimport RowContext from './RowContext'\n\n// https://github.com/ant-design/ant-design/issues/14324\ntype ColSpanType = number | string\n\ntype FlexType = number | 'none' | 'auto' | string\n\nexport interface ColSize {\n flex?: FlexType\n span?: ColSpanType\n order?: ColSpanType\n offset?: ColSpanType\n push?: ColSpanType\n pull?: ColSpanType\n}\n\nexport interface ColProps extends React.HTMLAttributes<HTMLDivElement> {\n flex?: FlexType\n span?: ColSpanType\n order?: ColSpanType\n offset?: ColSpanType\n push?: ColSpanType\n pull?: ColSpanType\n xs?: ColSpanType | ColSize\n sm?: ColSpanType | ColSize\n md?: ColSpanType | ColSize\n lg?: ColSpanType | ColSize\n xl?: ColSpanType | ColSize\n xxl?: ColSpanType | ColSize\n prefixCls?: string\n}\n\nfunction parseFlex(flex: FlexType): string {\n if (typeof flex === 'number') {\n return `${flex} ${flex} auto`\n }\n\n if (/^\\d+(\\.\\d+)?(px|em|rem|%)$/.test(flex)) {\n return `0 0 ${flex}`\n }\n\n return flex\n}\nconst sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'] as const\nconst Col = React.forwardRef<HTMLDivElement, ColProps>((props, ref) => {\n const { getPrefixCls, direction } = React.useContext(ConfigContext)\n const { gutter, wrap, supportFlexGap } = React.useContext(RowContext)\n\n const {\n prefixCls: customizePrefixCls = 'tnt-col',\n span,\n order,\n offset,\n push,\n pull,\n className,\n children,\n flex,\n style,\n ...others\n } = props\n\n const prefixCls = getPrefixCls('col', customizePrefixCls)\n\n let sizeClassObj = {}\n sizes.forEach((size) => {\n let sizeProps: ColSize = {}\n const propSize = props[size]\n if (typeof propSize === 'number') {\n sizeProps.span = propSize\n } else if (typeof propSize === 'object') {\n sizeProps = propSize || {}\n }\n\n delete others[size]\n\n sizeClassObj = {\n ...sizeClassObj,\n [`${prefixCls}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined,\n [`${prefixCls}-${size}-order-${sizeProps.order}`]: sizeProps.order || sizeProps.order === 0,\n [`${prefixCls}-${size}-offset-${sizeProps.offset}`]:\n sizeProps.offset || sizeProps.offset === 0,\n [`${prefixCls}-${size}-push-${sizeProps.push}`]: sizeProps.push || sizeProps.push === 0,\n [`${prefixCls}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull || sizeProps.pull === 0,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n }\n })\n\n const classes = classNames(\n prefixCls,\n {\n [`${prefixCls}-${span}`]: span !== undefined,\n [`${prefixCls}-order-${order}`]: order,\n [`${prefixCls}-offset-${offset}`]: offset,\n [`${prefixCls}-push-${push}`]: push,\n [`${prefixCls}-pull-${pull}`]: pull,\n },\n className,\n sizeClassObj\n )\n\n const mergedStyle: React.CSSProperties = {}\n // Horizontal gutter use padding\n if (gutter && gutter[0] > 0) {\n const horizontalGutter = gutter[0] / 2\n mergedStyle.paddingLeft = horizontalGutter\n mergedStyle.paddingRight = horizontalGutter\n }\n\n // Vertical gutter use padding when gap not support\n if (gutter && gutter[1] > 0 && !supportFlexGap) {\n const verticalGutter = gutter[1] / 2\n mergedStyle.paddingTop = verticalGutter\n mergedStyle.paddingBottom = verticalGutter\n }\n\n if (flex) {\n mergedStyle.flex = parseFlex(flex)\n\n // Hack for Firefox to avoid size issue\n // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553\n if (wrap === false && !mergedStyle.minWidth) {\n mergedStyle.minWidth = 0\n }\n }\n\n return (\n <div {...others} style={{ ...mergedStyle, ...style }} className={classes} ref={ref}>\n {children}\n </div>\n )\n})\n\nif (process.env.NODE_ENV !== 'production') {\n Col.displayName = 'Col'\n}\n\nexport default Col\n"]}
@@ -0,0 +1,4 @@
1
+ import type { ScreenMap } from '../../_util/responsiveObserve';
2
+ declare function useBreakpoint(refreshOnChange?: boolean): ScreenMap;
3
+ export default useBreakpoint;
4
+ //# sourceMappingURL=useBreakpoint.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../../src/grid/hooks/useBreakpoint.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAG9D,iBAAS,aAAa,CAAC,eAAe,GAAE,OAAc,GAAG,SAAS,CAgBjE;AAED,eAAe,aAAa,CAAA"}
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const react_1 = require("react");
7
+ const useForceUpdate_1 = __importDefault(require("../../_util/hooks/useForceUpdate"));
8
+ const responsiveObserve_1 = __importDefault(require("../../_util/responsiveObserve"));
9
+ function useBreakpoint(refreshOnChange = true) {
10
+ const screensRef = (0, react_1.useRef)({});
11
+ const forceUpdate = (0, useForceUpdate_1.default)();
12
+ (0, react_1.useEffect)(() => {
13
+ const token = responsiveObserve_1.default.subscribe((supportScreens) => {
14
+ screensRef.current = supportScreens;
15
+ if (refreshOnChange) {
16
+ forceUpdate();
17
+ }
18
+ });
19
+ return () => responsiveObserve_1.default.unsubscribe(token);
20
+ }, []);
21
+ return screensRef.current;
22
+ }
23
+ exports.default = useBreakpoint;
24
+ //# sourceMappingURL=useBreakpoint.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../src/grid/hooks/useBreakpoint.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AACzC,sFAA6D;AAE7D,sFAA6D;AAE7D,SAAS,aAAa,CAAC,kBAA2B,IAAI;IACpD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAY,EAAE,CAAC,CAAA;IACxC,MAAM,WAAW,GAAG,IAAA,wBAAc,GAAE,CAAA;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,2BAAiB,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,EAAE;YAC3D,UAAU,CAAC,OAAO,GAAG,cAAc,CAAA;YACnC,IAAI,eAAe,EAAE;gBACnB,WAAW,EAAE,CAAA;aACd;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,GAAG,EAAE,CAAC,2BAAiB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IACnD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,UAAU,CAAC,OAAO,CAAA;AAC3B,CAAC;AAED,kBAAe,aAAa,CAAA","sourcesContent":["import { useEffect, useRef } from 'react'\nimport useForceUpdate from '../../_util/hooks/useForceUpdate'\nimport type { ScreenMap } from '../../_util/responsiveObserve'\nimport ResponsiveObserve from '../../_util/responsiveObserve'\n\nfunction useBreakpoint(refreshOnChange: boolean = true): ScreenMap {\n const screensRef = useRef<ScreenMap>({})\n const forceUpdate = useForceUpdate()\n\n useEffect(() => {\n const token = ResponsiveObserve.subscribe((supportScreens) => {\n screensRef.current = supportScreens\n if (refreshOnChange) {\n forceUpdate()\n }\n })\n\n return () => ResponsiveObserve.unsubscribe(token)\n }, [])\n\n return screensRef.current\n}\n\nexport default useBreakpoint\n"]}
@@ -0,0 +1,12 @@
1
+ import Col from './col';
2
+ import Row from './row';
3
+ import './style';
4
+ declare function useBreakpoint(): Partial<Record<import("../_util/responsiveObserve").Breakpoint, boolean>>;
5
+ export { ColProps, ColSize } from './col';
6
+ export { RowProps } from './row';
7
+ export { Row, Col };
8
+ declare const _default: {
9
+ useBreakpoint: typeof useBreakpoint;
10
+ };
11
+ export default _default;
12
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/grid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,OAAO,CAAA;AAEvB,OAAO,GAAG,MAAM,OAAO,CAAA;AAEvB,OAAO,SAAS,CAAA;AAGhB,iBAAS,aAAa,8EAErB;AAED,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;;;;AAEnB,wBAAgC"}
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.Col = exports.Row = void 0;
7
+ const col_1 = __importDefault(require("./col"));
8
+ exports.Col = col_1.default;
9
+ const useBreakpoint_1 = __importDefault(require("./hooks/useBreakpoint"));
10
+ const row_1 = __importDefault(require("./row"));
11
+ exports.Row = row_1.default;
12
+ require("./style");
13
+ // Do not export params
14
+ function useBreakpoint() {
15
+ return (0, useBreakpoint_1.default)();
16
+ }
17
+ var col_2 = require("./col");
18
+ var row_2 = require("./row");
19
+ exports.default = { useBreakpoint };
20
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/grid/index.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAuB;AAaT,cAbP,aAAG,CAaO;AAZjB,0EAAyD;AACzD,gDAAuB;AAWd,cAXF,aAAG,CAWE;AATZ,mBAAgB;AAEhB,uBAAuB;AACvB,SAAS,aAAa;IACpB,OAAO,IAAA,uBAAqB,GAAE,CAAA;AAChC,CAAC;AAED,6BAAyC;AACzC,6BAAgC;AAGhC,kBAAe,EAAE,aAAa,EAAE,CAAA","sourcesContent":["import Col from './col'\nimport useInternalBreakpoint from './hooks/useBreakpoint'\nimport Row from './row'\n\nimport './style'\n\n// Do not export params\nfunction useBreakpoint() {\n return useInternalBreakpoint()\n}\n\nexport { ColProps, ColSize } from './col'\nexport { RowProps } from './row'\nexport { Row, Col }\n\nexport default { useBreakpoint }\n"]}
@@ -0,0 +1,21 @@
1
+ import * as React from 'react';
2
+ import type { Breakpoint } from '../_util/responsiveObserve';
3
+ declare const RowAligns: ["top", "middle", "bottom", "stretch"];
4
+ declare const RowJustify: ["start", "end", "center", "space-around", "space-between", "space-evenly"];
5
+ declare type Responsive = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
6
+ declare type ResponsiveLike<T> = {
7
+ [key in Responsive]?: T;
8
+ };
9
+ export declare type Gutter = number | undefined | Partial<Record<Breakpoint, number>>;
10
+ declare type ResponsiveAligns = ResponsiveLike<typeof RowAligns[number]>;
11
+ declare type ResponsiveJustify = ResponsiveLike<typeof RowJustify[number]>;
12
+ export interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
13
+ gutter?: Gutter | [Gutter, Gutter];
14
+ align?: typeof RowAligns[number] | ResponsiveAligns;
15
+ justify?: typeof RowJustify[number] | ResponsiveJustify;
16
+ prefixCls?: string;
17
+ wrap?: boolean;
18
+ }
19
+ declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
20
+ export default Row;
21
+ //# sourceMappingURL=row.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../src/grid/row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,4BAA4B,CAAA;AAKvE,QAAA,MAAM,SAAS,wCAA8C,CAAA;AAC7D,QAAA,MAAM,UAAU,6EAAmF,CAAA;AAEnG,aAAK,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC1D,aAAK,cAAc,CAAC,CAAC,IAAI;KACtB,GAAG,IAAI,UAAU,CAAC,CAAC,EAAE,CAAC;CACxB,CAAA;AAGD,oBAAY,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAA;AAE7E,aAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,CAAA;AAChE,aAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,CAAA;AAClE,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,KAAK,CAAC,EAAE,OAAO,SAAS,CAAC,MAAM,CAAC,GAAG,gBAAgB,CAAA;IACnD,OAAO,CAAC,EAAE,OAAO,UAAU,CAAC,MAAM,CAAC,GAAG,iBAAiB,CAAA;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AA+BD,QAAA,MAAM,GAAG,iFA4HP,CAAA;AAMF,eAAe,GAAG,CAAA"}
@@ -0,0 +1,169 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __rest = (this && this.__rest) || function (s, e) {
26
+ var t = {};
27
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
28
+ t[p] = s[p];
29
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
30
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
31
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
32
+ t[p[i]] = s[p[i]];
33
+ }
34
+ return t;
35
+ };
36
+ var __importDefault = (this && this.__importDefault) || function (mod) {
37
+ return (mod && mod.__esModule) ? mod : { "default": mod };
38
+ };
39
+ Object.defineProperty(exports, "__esModule", { value: true });
40
+ const classnames_1 = __importDefault(require("classnames"));
41
+ const React = __importStar(require("react"));
42
+ const context_1 = require("../_util/context");
43
+ const useFlexGapSupport_1 = __importDefault(require("../_util/hooks/useFlexGapSupport"));
44
+ const responsiveObserve_1 = __importStar(require("../_util/responsiveObserve"));
45
+ const type_1 = require("../_util/type");
46
+ const RowContext_1 = __importDefault(require("./RowContext"));
47
+ const RowAligns = (0, type_1.tuple)('top', 'middle', 'bottom', 'stretch');
48
+ const RowJustify = (0, type_1.tuple)('start', 'end', 'center', 'space-around', 'space-between', 'space-evenly');
49
+ function useMergePropByScreen(oriProp, screen) {
50
+ const [prop, setProp] = React.useState(typeof oriProp === 'string' ? oriProp : '');
51
+ const clacMergeAlignOrJustify = () => {
52
+ if (typeof oriProp === 'string') {
53
+ setProp(oriProp);
54
+ }
55
+ if (typeof oriProp !== 'object') {
56
+ return;
57
+ }
58
+ for (let i = 0; i < responsiveObserve_1.responsiveArray.length; i++) {
59
+ const breakpoint = responsiveObserve_1.responsiveArray[i];
60
+ // if do not match, do nothing
61
+ if (!screen[breakpoint])
62
+ continue;
63
+ const curVal = oriProp[breakpoint];
64
+ if (curVal !== undefined) {
65
+ setProp(curVal);
66
+ return;
67
+ }
68
+ }
69
+ };
70
+ React.useEffect(() => {
71
+ clacMergeAlignOrJustify();
72
+ }, [JSON.stringify(oriProp), screen]);
73
+ return prop;
74
+ }
75
+ const Row = React.forwardRef((props, ref) => {
76
+ const { prefixCls: customizePrefixCls = 'tnt-row', justify, align, className, style, children, gutter = 0, wrap } = props, others = __rest(props, ["prefixCls", "justify", "align", "className", "style", "children", "gutter", "wrap"]);
77
+ const { getPrefixCls, direction } = React.useContext(context_1.ConfigContext);
78
+ const [screens, setScreens] = React.useState({
79
+ xs: true,
80
+ sm: true,
81
+ md: true,
82
+ lg: true,
83
+ xl: true,
84
+ xxl: true,
85
+ });
86
+ // to save screens info when responsiveObserve callback had been call
87
+ const [curScreens, setCurScreens] = React.useState({
88
+ xs: false,
89
+ sm: false,
90
+ md: false,
91
+ lg: false,
92
+ xl: false,
93
+ xxl: false,
94
+ });
95
+ // ================================== calc reponsive data ==================================
96
+ const mergeAlign = useMergePropByScreen(align, curScreens);
97
+ const mergeJustify = useMergePropByScreen(justify, curScreens);
98
+ const supportFlexGap = (0, useFlexGapSupport_1.default)();
99
+ const gutterRef = React.useRef(gutter);
100
+ // ================================== Effect ==================================
101
+ React.useEffect(() => {
102
+ const token = responsiveObserve_1.default.subscribe((screen) => {
103
+ setCurScreens(screen);
104
+ const currentGutter = gutterRef.current || 0;
105
+ if ((!Array.isArray(currentGutter) && typeof currentGutter === 'object') ||
106
+ (Array.isArray(currentGutter) &&
107
+ (typeof currentGutter[0] === 'object' || typeof currentGutter[1] === 'object'))) {
108
+ setScreens(screen);
109
+ }
110
+ });
111
+ return () => responsiveObserve_1.default.unsubscribe(token);
112
+ }, []);
113
+ // ================================== Render ==================================
114
+ const getGutter = () => {
115
+ const results = [undefined, undefined];
116
+ const normalizedGutter = Array.isArray(gutter) ? gutter : [gutter, undefined];
117
+ normalizedGutter.forEach((g, index) => {
118
+ if (typeof g === 'object') {
119
+ for (let i = 0; i < responsiveObserve_1.responsiveArray.length; i++) {
120
+ const breakpoint = responsiveObserve_1.responsiveArray[i];
121
+ if (screens[breakpoint] && g[breakpoint] !== undefined) {
122
+ results[index] = g[breakpoint];
123
+ break;
124
+ }
125
+ }
126
+ }
127
+ else {
128
+ results[index] = g;
129
+ }
130
+ });
131
+ return results;
132
+ };
133
+ const prefixCls = getPrefixCls('row', customizePrefixCls);
134
+ const gutters = getGutter();
135
+ const classes = (0, classnames_1.default)(prefixCls, {
136
+ [`${prefixCls}-no-wrap`]: wrap === false,
137
+ [`${prefixCls}-${mergeJustify}`]: mergeJustify,
138
+ [`${prefixCls}-${mergeAlign}`]: mergeAlign,
139
+ [`${prefixCls}-rtl`]: direction === 'rtl',
140
+ }, className);
141
+ // Add gutter related style
142
+ const rowStyle = {};
143
+ const horizontalGutter = gutters[0] != null && gutters[0] > 0 ? gutters[0] / -2 : undefined;
144
+ const verticalGutter = gutters[1] != null && gutters[1] > 0 ? gutters[1] / -2 : undefined;
145
+ if (horizontalGutter) {
146
+ rowStyle.marginLeft = horizontalGutter;
147
+ rowStyle.marginRight = horizontalGutter;
148
+ }
149
+ if (supportFlexGap) {
150
+ // Set gap direct if flex gap support
151
+ ;
152
+ [, rowStyle.rowGap] = gutters;
153
+ }
154
+ else if (verticalGutter) {
155
+ rowStyle.marginTop = verticalGutter;
156
+ rowStyle.marginBottom = verticalGutter;
157
+ }
158
+ // "gutters" is a new array in each rendering phase, it'll make 'React.useMemo' effectless.
159
+ // So we deconstruct "gutters" variable here.
160
+ const [gutterH, gutterV] = gutters;
161
+ const rowContext = React.useMemo(() => ({ gutter: [gutterH, gutterV], wrap, supportFlexGap }), [gutterH, gutterV, wrap, supportFlexGap]);
162
+ return (React.createElement(RowContext_1.default.Provider, { value: rowContext },
163
+ React.createElement("div", Object.assign({}, others, { className: classes, style: Object.assign(Object.assign({}, rowStyle), style), ref: ref }), children)));
164
+ });
165
+ if (process.env.NODE_ENV !== 'production') {
166
+ Row.displayName = 'Row';
167
+ }
168
+ exports.default = Row;
169
+ //# sourceMappingURL=row.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"row.js","sourceRoot":"","sources":["../../src/grid/row.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport * as React from 'react'\nimport { ConfigContext } from '../_util/context'\nimport useFlexGapSupport from '../_util/hooks/useFlexGapSupport'\nimport type { Breakpoint, ScreenMap } from '../_util/responsiveObserve'\nimport ResponsiveObserve, { responsiveArray } from '../_util/responsiveObserve'\nimport { tuple } from '../_util/type'\nimport RowContext from './RowContext'\n\nconst RowAligns = tuple('top', 'middle', 'bottom', 'stretch')\nconst RowJustify = tuple('start', 'end', 'center', 'space-around', 'space-between', 'space-evenly')\n\ntype Responsive = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs'\ntype ResponsiveLike<T> = {\n [key in Responsive]?: T\n}\n\ntype Gap = number | undefined\nexport type Gutter = number | undefined | Partial<Record<Breakpoint, number>>\n\ntype ResponsiveAligns = ResponsiveLike<typeof RowAligns[number]>\ntype ResponsiveJustify = ResponsiveLike<typeof RowJustify[number]>\nexport interface RowProps extends React.HTMLAttributes<HTMLDivElement> {\n gutter?: Gutter | [Gutter, Gutter]\n align?: typeof RowAligns[number] | ResponsiveAligns\n justify?: typeof RowJustify[number] | ResponsiveJustify\n prefixCls?: string\n wrap?: boolean\n}\n\nfunction useMergePropByScreen(oriProp: RowProps['align'] | RowProps['justify'], screen: ScreenMap) {\n const [prop, setProp] = React.useState(typeof oriProp === 'string' ? oriProp : '')\n\n const clacMergeAlignOrJustify = () => {\n if (typeof oriProp === 'string') {\n setProp(oriProp)\n }\n if (typeof oriProp !== 'object') {\n return\n }\n for (let i = 0; i < responsiveArray.length; i++) {\n const breakpoint: Breakpoint = responsiveArray[i]\n // if do not match, do nothing\n if (!screen[breakpoint]) continue\n const curVal = oriProp[breakpoint]\n if (curVal !== undefined) {\n setProp(curVal)\n return\n }\n }\n }\n\n React.useEffect(() => {\n clacMergeAlignOrJustify()\n }, [JSON.stringify(oriProp), screen])\n\n return prop\n}\n\nconst Row = React.forwardRef<HTMLDivElement, RowProps>((props, ref) => {\n const {\n prefixCls: customizePrefixCls = 'tnt-row',\n justify,\n align,\n className,\n style,\n children,\n gutter = 0,\n wrap,\n ...others\n } = props\n\n const { getPrefixCls, direction } = React.useContext(ConfigContext)\n\n const [screens, setScreens] = React.useState<ScreenMap>({\n xs: true,\n sm: true,\n md: true,\n lg: true,\n xl: true,\n xxl: true,\n })\n // to save screens info when responsiveObserve callback had been call\n const [curScreens, setCurScreens] = React.useState<ScreenMap>({\n xs: false,\n sm: false,\n md: false,\n lg: false,\n xl: false,\n xxl: false,\n })\n\n // ================================== calc reponsive data ==================================\n const mergeAlign = useMergePropByScreen(align, curScreens)\n\n const mergeJustify = useMergePropByScreen(justify, curScreens)\n\n const supportFlexGap = useFlexGapSupport()\n\n const gutterRef = React.useRef<Gutter | [Gutter, Gutter]>(gutter)\n\n // ================================== Effect ==================================\n React.useEffect(() => {\n const token = ResponsiveObserve.subscribe((screen) => {\n setCurScreens(screen)\n const currentGutter = gutterRef.current || 0\n if (\n (!Array.isArray(currentGutter) && typeof currentGutter === 'object') ||\n (Array.isArray(currentGutter) &&\n (typeof currentGutter[0] === 'object' || typeof currentGutter[1] === 'object'))\n ) {\n setScreens(screen)\n }\n })\n return () => ResponsiveObserve.unsubscribe(token)\n }, [])\n\n // ================================== Render ==================================\n const getGutter = (): [Gap, Gap] => {\n const results: [Gap, Gap] = [undefined, undefined]\n const normalizedGutter = Array.isArray(gutter) ? gutter : [gutter, undefined]\n normalizedGutter.forEach((g, index) => {\n if (typeof g === 'object') {\n for (let i = 0; i < responsiveArray.length; i++) {\n const breakpoint: Breakpoint = responsiveArray[i]\n if (screens[breakpoint] && g[breakpoint] !== undefined) {\n results[index] = g[breakpoint] as number\n break\n }\n }\n } else {\n results[index] = g\n }\n })\n return results\n }\n\n const prefixCls = getPrefixCls('row', customizePrefixCls)\n const gutters = getGutter()\n const classes = classNames(\n prefixCls,\n {\n [`${prefixCls}-no-wrap`]: wrap === false,\n [`${prefixCls}-${mergeJustify}`]: mergeJustify,\n [`${prefixCls}-${mergeAlign}`]: mergeAlign,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n },\n className\n )\n\n // Add gutter related style\n const rowStyle: React.CSSProperties = {}\n const horizontalGutter = gutters[0] != null && gutters[0] > 0 ? gutters[0] / -2 : undefined\n const verticalGutter = gutters[1] != null && gutters[1] > 0 ? gutters[1] / -2 : undefined\n\n if (horizontalGutter) {\n rowStyle.marginLeft = horizontalGutter\n rowStyle.marginRight = horizontalGutter\n }\n\n if (supportFlexGap) {\n // Set gap direct if flex gap support\n ;[, rowStyle.rowGap] = gutters\n } else if (verticalGutter) {\n rowStyle.marginTop = verticalGutter\n rowStyle.marginBottom = verticalGutter\n }\n\n // \"gutters\" is a new array in each rendering phase, it'll make 'React.useMemo' effectless.\n // So we deconstruct \"gutters\" variable here.\n const [gutterH, gutterV] = gutters\n const rowContext = React.useMemo(\n () => ({ gutter: [gutterH, gutterV] as [number, number], wrap, supportFlexGap }),\n [gutterH, gutterV, wrap, supportFlexGap]\n )\n\n return (\n <RowContext.Provider value={rowContext}>\n <div {...others} className={classes} style={{ ...rowStyle, ...style }} ref={ref}>\n {children}\n </div>\n </RowContext.Provider>\n )\n})\n\nif (process.env.NODE_ENV !== 'production') {\n Row.displayName = 'Row'\n}\n\nexport default Row\n"]}