antd-mobile 5.36.0 → 5.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 (244) hide show
  1. package/2x/bundle/antd-mobile.cjs.development.js +393 -295
  2. package/2x/bundle/antd-mobile.cjs.js +7 -7
  3. package/2x/bundle/antd-mobile.es.development.js +393 -295
  4. package/2x/bundle/antd-mobile.es.js +5619 -5550
  5. package/2x/bundle/antd-mobile.umd.development.js +393 -295
  6. package/2x/bundle/antd-mobile.umd.js +7 -7
  7. package/2x/bundle/style.css +5 -8
  8. package/2x/cjs/components/card/card.css +5 -5
  9. package/2x/cjs/components/card/card.patch.css +21 -0
  10. package/2x/cjs/components/center-popup/center-popup.js +46 -43
  11. package/2x/cjs/components/check-list/check-list.js +15 -11
  12. package/2x/cjs/components/collapse/collapse.d.ts +10 -2
  13. package/2x/cjs/components/collapse/collapse.js +54 -39
  14. package/2x/cjs/components/config-provider/config-provider.d.ts +40 -2
  15. package/2x/cjs/components/dropdown/context.d.ts +2 -0
  16. package/2x/cjs/components/dropdown/context.js +10 -0
  17. package/2x/cjs/components/dropdown/dropdown.d.ts +11 -3
  18. package/2x/cjs/components/dropdown/dropdown.js +23 -16
  19. package/2x/cjs/components/dropdown/index.d.ts +1 -0
  20. package/2x/cjs/components/dropdown/item.d.ts +5 -1
  21. package/2x/cjs/components/dropdown/item.js +22 -8
  22. package/2x/cjs/components/form/form-item.d.ts +6 -5
  23. package/2x/cjs/components/form/form-item.js +25 -17
  24. package/2x/cjs/components/form/form.d.ts +1 -1
  25. package/2x/cjs/components/form/index.d.ts +1 -1
  26. package/2x/cjs/components/input/input.d.ts +3 -1
  27. package/2x/cjs/components/input/input.js +53 -51
  28. package/2x/cjs/components/list/list-item.d.ts +6 -2
  29. package/2x/cjs/components/list/list-item.js +16 -6
  30. package/2x/cjs/components/nav-bar/nav-bar.d.ts +4 -0
  31. package/2x/cjs/components/nav-bar/nav-bar.js +18 -13
  32. package/2x/cjs/components/notice-bar/notice-bar.css +0 -3
  33. package/2x/cjs/components/notice-bar/notice-bar.d.ts +3 -1
  34. package/2x/cjs/components/notice-bar/notice-bar.js +30 -25
  35. package/2x/cjs/components/number-keyboard/number-keyboard.d.ts +1 -1
  36. package/2x/cjs/components/number-keyboard/number-keyboard.js +14 -13
  37. package/2x/cjs/components/popup/popup-base-props.d.ts +3 -2
  38. package/2x/cjs/components/popup/popup-base-props.js +4 -0
  39. package/2x/cjs/components/popup/popup.js +5 -5
  40. package/2x/cjs/components/result/result.js +3 -10
  41. package/2x/cjs/components/result/use-result-icon.d.ts +3 -0
  42. package/2x/cjs/components/result/use-result-icon.js +37 -0
  43. package/2x/cjs/components/result-page/result-page.js +3 -10
  44. package/2x/cjs/components/search-bar/search-bar.d.ts +10 -2
  45. package/2x/cjs/components/search-bar/search-bar.js +34 -33
  46. package/2x/cjs/components/toast/toast.d.ts +2 -2
  47. package/2x/cjs/components/toast/toast.js +4 -4
  48. package/2x/cjs/components/virtual-input/virtual-input.d.ts +5 -5
  49. package/2x/cjs/components/virtual-input/virtual-input.js +26 -24
  50. package/2x/cjs/locales/ar-SA.js +2 -2
  51. package/2x/cjs/locales/de-DE.js +3 -3
  52. package/2x/cjs/locales/es-ES.js +2 -2
  53. package/2x/cjs/locales/fr-FR.js +1 -1
  54. package/2x/cjs/locales/in-ID.d.ts +139 -0
  55. package/2x/cjs/locales/in-ID.js +149 -0
  56. package/2x/cjs/locales/ja-JP.js +2 -2
  57. package/2x/cjs/locales/th-TH.js +2 -2
  58. package/2x/cjs/utils/is-node-with-content.d.ts +3 -0
  59. package/2x/cjs/utils/is-node-with-content.js +3 -0
  60. package/2x/cjs/utils/use-mutation-effect.d.ts +1 -0
  61. package/2x/cjs/utils/use-mutation-effect.js +20 -9
  62. package/2x/cjs/utils/with-default-props.d.ts +7 -0
  63. package/2x/cjs/utils/with-default-props.js +21 -5
  64. package/2x/es/components/card/card.css +5 -5
  65. package/2x/es/components/card/card.patch.css +21 -0
  66. package/2x/es/components/center-popup/center-popup.js +45 -42
  67. package/2x/es/components/check-list/check-list.js +15 -11
  68. package/2x/es/components/collapse/collapse.d.ts +10 -2
  69. package/2x/es/components/collapse/collapse.js +53 -38
  70. package/2x/es/components/config-provider/config-provider.d.ts +40 -2
  71. package/2x/es/components/dropdown/context.d.ts +2 -0
  72. package/2x/es/components/dropdown/context.js +2 -0
  73. package/2x/es/components/dropdown/dropdown.d.ts +11 -3
  74. package/2x/es/components/dropdown/dropdown.js +24 -17
  75. package/2x/es/components/dropdown/index.d.ts +1 -0
  76. package/2x/es/components/dropdown/item.d.ts +5 -1
  77. package/2x/es/components/dropdown/item.js +22 -8
  78. package/2x/es/components/form/form-item.d.ts +6 -5
  79. package/2x/es/components/form/form-item.js +24 -16
  80. package/2x/es/components/form/form.d.ts +1 -1
  81. package/2x/es/components/form/index.d.ts +1 -1
  82. package/2x/es/components/input/input.d.ts +3 -1
  83. package/2x/es/components/input/input.js +52 -50
  84. package/2x/es/components/list/list-item.d.ts +6 -2
  85. package/2x/es/components/list/list-item.js +16 -6
  86. package/2x/es/components/nav-bar/nav-bar.d.ts +4 -0
  87. package/2x/es/components/nav-bar/nav-bar.js +18 -13
  88. package/2x/es/components/notice-bar/notice-bar.css +0 -3
  89. package/2x/es/components/notice-bar/notice-bar.d.ts +3 -1
  90. package/2x/es/components/notice-bar/notice-bar.js +29 -24
  91. package/2x/es/components/number-keyboard/number-keyboard.d.ts +1 -1
  92. package/2x/es/components/number-keyboard/number-keyboard.js +13 -12
  93. package/2x/es/components/popup/popup-base-props.d.ts +3 -2
  94. package/2x/es/components/popup/popup-base-props.js +3 -0
  95. package/2x/es/components/popup/popup.js +5 -5
  96. package/2x/es/components/result/result.js +3 -10
  97. package/2x/es/components/result/use-result-icon.d.ts +3 -0
  98. package/2x/es/components/result/use-result-icon.js +29 -0
  99. package/2x/es/components/result-page/result-page.js +3 -10
  100. package/2x/es/components/search-bar/search-bar.d.ts +10 -2
  101. package/2x/es/components/search-bar/search-bar.js +33 -32
  102. package/2x/es/components/toast/toast.d.ts +2 -2
  103. package/2x/es/components/toast/toast.js +3 -3
  104. package/2x/es/components/virtual-input/virtual-input.d.ts +5 -5
  105. package/2x/es/components/virtual-input/virtual-input.js +25 -23
  106. package/2x/es/locales/ar-SA.js +2 -2
  107. package/2x/es/locales/de-DE.js +3 -3
  108. package/2x/es/locales/es-ES.js +2 -2
  109. package/2x/es/locales/fr-FR.js +1 -1
  110. package/2x/es/locales/in-ID.d.ts +139 -0
  111. package/2x/es/locales/in-ID.js +142 -0
  112. package/2x/es/locales/ja-JP.js +2 -2
  113. package/2x/es/locales/th-TH.js +2 -2
  114. package/2x/es/utils/is-node-with-content.d.ts +3 -0
  115. package/2x/es/utils/is-node-with-content.js +3 -0
  116. package/2x/es/utils/use-mutation-effect.d.ts +1 -0
  117. package/2x/es/utils/use-mutation-effect.js +19 -9
  118. package/2x/es/utils/with-default-props.d.ts +7 -0
  119. package/2x/es/utils/with-default-props.js +20 -5
  120. package/2x/package.json +3 -2
  121. package/bundle/antd-mobile.cjs.development.js +393 -295
  122. package/bundle/antd-mobile.cjs.js +7 -7
  123. package/bundle/antd-mobile.compatible.umd.js +1 -1
  124. package/bundle/antd-mobile.es.development.js +393 -295
  125. package/bundle/antd-mobile.es.js +5619 -5550
  126. package/bundle/antd-mobile.umd.development.js +393 -295
  127. package/bundle/antd-mobile.umd.js +7 -7
  128. package/bundle/style.css +1 -1
  129. package/cjs/components/card/card.css +5 -5
  130. package/cjs/components/card/card.patch.css +17 -0
  131. package/cjs/components/center-popup/center-popup.js +46 -43
  132. package/cjs/components/check-list/check-list.js +15 -11
  133. package/cjs/components/collapse/collapse.d.ts +10 -2
  134. package/cjs/components/collapse/collapse.js +54 -39
  135. package/cjs/components/config-provider/config-provider.d.ts +40 -2
  136. package/cjs/components/dropdown/context.d.ts +2 -0
  137. package/cjs/components/dropdown/context.js +10 -0
  138. package/cjs/components/dropdown/dropdown.d.ts +11 -3
  139. package/cjs/components/dropdown/dropdown.js +23 -16
  140. package/cjs/components/dropdown/index.d.ts +1 -0
  141. package/cjs/components/dropdown/item.d.ts +5 -1
  142. package/cjs/components/dropdown/item.js +22 -8
  143. package/cjs/components/form/form-item.d.ts +6 -5
  144. package/cjs/components/form/form-item.js +25 -17
  145. package/cjs/components/form/form.d.ts +1 -1
  146. package/cjs/components/form/index.d.ts +1 -1
  147. package/cjs/components/input/input.d.ts +3 -1
  148. package/cjs/components/input/input.js +53 -51
  149. package/cjs/components/list/list-item.d.ts +6 -2
  150. package/cjs/components/list/list-item.js +16 -6
  151. package/cjs/components/nav-bar/nav-bar.d.ts +4 -0
  152. package/cjs/components/nav-bar/nav-bar.js +18 -13
  153. package/cjs/components/notice-bar/notice-bar.css +0 -2
  154. package/cjs/components/notice-bar/notice-bar.d.ts +3 -1
  155. package/cjs/components/notice-bar/notice-bar.js +30 -25
  156. package/cjs/components/number-keyboard/number-keyboard.d.ts +1 -1
  157. package/cjs/components/number-keyboard/number-keyboard.js +14 -13
  158. package/cjs/components/popup/popup-base-props.d.ts +3 -2
  159. package/cjs/components/popup/popup-base-props.js +4 -0
  160. package/cjs/components/popup/popup.js +5 -5
  161. package/cjs/components/result/result.js +3 -10
  162. package/cjs/components/result/use-result-icon.d.ts +3 -0
  163. package/cjs/components/result/use-result-icon.js +37 -0
  164. package/cjs/components/result-page/result-page.js +3 -10
  165. package/cjs/components/search-bar/search-bar.d.ts +10 -2
  166. package/cjs/components/search-bar/search-bar.js +34 -33
  167. package/cjs/components/toast/toast.css +1 -1
  168. package/cjs/components/toast/toast.d.ts +2 -2
  169. package/cjs/components/toast/toast.js +4 -4
  170. package/cjs/components/virtual-input/virtual-input.d.ts +5 -5
  171. package/cjs/components/virtual-input/virtual-input.js +26 -24
  172. package/cjs/locales/ar-SA.js +2 -2
  173. package/cjs/locales/de-DE.js +3 -3
  174. package/cjs/locales/es-ES.js +2 -2
  175. package/cjs/locales/fr-FR.js +1 -1
  176. package/cjs/locales/in-ID.d.ts +139 -0
  177. package/cjs/locales/in-ID.js +149 -0
  178. package/cjs/locales/ja-JP.js +2 -2
  179. package/cjs/locales/th-TH.js +2 -2
  180. package/cjs/utils/is-node-with-content.d.ts +3 -0
  181. package/cjs/utils/is-node-with-content.js +3 -0
  182. package/cjs/utils/use-mutation-effect.d.ts +1 -0
  183. package/cjs/utils/use-mutation-effect.js +20 -9
  184. package/cjs/utils/with-default-props.d.ts +7 -0
  185. package/cjs/utils/with-default-props.js +21 -5
  186. package/es/components/card/card.css +5 -5
  187. package/es/components/card/card.patch.css +17 -0
  188. package/es/components/center-popup/center-popup.js +45 -42
  189. package/es/components/check-list/check-list.js +15 -11
  190. package/es/components/collapse/collapse.d.ts +10 -2
  191. package/es/components/collapse/collapse.js +53 -38
  192. package/es/components/config-provider/config-provider.d.ts +40 -2
  193. package/es/components/dropdown/context.d.ts +2 -0
  194. package/es/components/dropdown/context.js +2 -0
  195. package/es/components/dropdown/dropdown.d.ts +11 -3
  196. package/es/components/dropdown/dropdown.js +24 -17
  197. package/es/components/dropdown/index.d.ts +1 -0
  198. package/es/components/dropdown/item.d.ts +5 -1
  199. package/es/components/dropdown/item.js +22 -8
  200. package/es/components/form/form-item.d.ts +6 -5
  201. package/es/components/form/form-item.js +24 -16
  202. package/es/components/form/form.d.ts +1 -1
  203. package/es/components/form/index.d.ts +1 -1
  204. package/es/components/input/input.d.ts +3 -1
  205. package/es/components/input/input.js +52 -50
  206. package/es/components/list/list-item.d.ts +6 -2
  207. package/es/components/list/list-item.js +16 -6
  208. package/es/components/nav-bar/nav-bar.d.ts +4 -0
  209. package/es/components/nav-bar/nav-bar.js +18 -13
  210. package/es/components/notice-bar/notice-bar.css +0 -2
  211. package/es/components/notice-bar/notice-bar.d.ts +3 -1
  212. package/es/components/notice-bar/notice-bar.js +29 -24
  213. package/es/components/number-keyboard/number-keyboard.d.ts +1 -1
  214. package/es/components/number-keyboard/number-keyboard.js +13 -12
  215. package/es/components/popup/popup-base-props.d.ts +3 -2
  216. package/es/components/popup/popup-base-props.js +3 -0
  217. package/es/components/popup/popup.js +5 -5
  218. package/es/components/result/result.js +3 -10
  219. package/es/components/result/use-result-icon.d.ts +3 -0
  220. package/es/components/result/use-result-icon.js +29 -0
  221. package/es/components/result-page/result-page.js +3 -10
  222. package/es/components/search-bar/search-bar.d.ts +10 -2
  223. package/es/components/search-bar/search-bar.js +33 -32
  224. package/es/components/toast/toast.css +1 -1
  225. package/es/components/toast/toast.d.ts +2 -2
  226. package/es/components/toast/toast.js +3 -3
  227. package/es/components/virtual-input/virtual-input.d.ts +5 -5
  228. package/es/components/virtual-input/virtual-input.js +25 -23
  229. package/es/locales/ar-SA.js +2 -2
  230. package/es/locales/de-DE.js +3 -3
  231. package/es/locales/es-ES.js +2 -2
  232. package/es/locales/fr-FR.js +1 -1
  233. package/es/locales/in-ID.d.ts +139 -0
  234. package/es/locales/in-ID.js +142 -0
  235. package/es/locales/ja-JP.js +2 -2
  236. package/es/locales/th-TH.js +2 -2
  237. package/es/utils/is-node-with-content.d.ts +3 -0
  238. package/es/utils/is-node-with-content.js +3 -0
  239. package/es/utils/use-mutation-effect.d.ts +1 -0
  240. package/es/utils/use-mutation-effect.js +19 -9
  241. package/es/utils/with-default-props.d.ts +7 -0
  242. package/es/utils/with-default-props.js +20 -5
  243. package/package.json +3 -2
  244. package/umd/antd-mobile.js +1 -1
@@ -4,35 +4,36 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.SearchBar = void 0;
7
- var _react = _interopRequireWildcard(require("react"));
7
+ var _antdMobileIcons = require("antd-mobile-icons");
8
8
  var _classnames = _interopRequireDefault(require("classnames"));
9
- var _input = _interopRequireDefault(require("../input"));
10
- var _button = _interopRequireDefault(require("../button"));
9
+ var _react = _interopRequireWildcard(require("react"));
11
10
  var _nativeProps = require("../../utils/native-props");
12
- var _withDefaultProps = require("../../utils/with-default-props");
13
- var _antdMobileIcons = require("antd-mobile-icons");
14
11
  var _usePropsValue = require("../../utils/use-props-value");
12
+ var _withDefaultProps = require("../../utils/with-default-props");
13
+ var _button = _interopRequireDefault(require("../button"));
15
14
  var _configProvider = require("../config-provider");
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+ var _input = _interopRequireDefault(require("../input"));
17
16
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
18
17
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
18
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
19
  const classPrefix = `adm-search-bar`;
20
20
  const defaultProps = {
21
21
  clearable: true,
22
22
  onlyShowClearWhenFocus: false,
23
23
  showCancelButton: false,
24
24
  defaultValue: '',
25
- clearOnCancel: true,
26
- icon: _react.default.createElement(_antdMobileIcons.SearchOutline, null)
25
+ clearOnCancel: true
27
26
  };
28
- const SearchBar = (0, _react.forwardRef)((p, ref) => {
27
+ const SearchBar = (0, _react.forwardRef)((props, ref) => {
29
28
  const {
30
- locale
29
+ locale,
30
+ searchBar: componentConfig = {}
31
31
  } = (0, _configProvider.useConfig)();
32
- const props = (0, _withDefaultProps.mergeProps)(defaultProps, {
32
+ const mergedProps = (0, _withDefaultProps.mergeProps)(defaultProps, componentConfig, {
33
33
  cancelText: locale.common.cancel
34
- }, p);
35
- const [value, setValue] = (0, _usePropsValue.usePropsValue)(props);
34
+ }, props);
35
+ const searchIcon = (0, _withDefaultProps.mergeProp)(_react.default.createElement(_antdMobileIcons.SearchOutline, null), componentConfig.searchIcon, props.icon, props.searchIcon);
36
+ const [value, setValue] = (0, _usePropsValue.usePropsValue)(mergedProps);
36
37
  const [hasFocus, setHasFocus] = (0, _react.useState)(false);
37
38
  const inputRef = (0, _react.useRef)(null);
38
39
  const composingRef = (0, _react.useRef)(false);
@@ -56,10 +57,10 @@ const SearchBar = (0, _react.forwardRef)((p, ref) => {
56
57
  }));
57
58
  const renderCancelButton = () => {
58
59
  let isShowCancel;
59
- if (typeof props.showCancelButton === 'function') {
60
- isShowCancel = props.showCancelButton(hasFocus, value);
60
+ if (typeof mergedProps.showCancelButton === 'function') {
61
+ isShowCancel = mergedProps.showCancelButton(hasFocus, value);
61
62
  } else {
62
- isShowCancel = props.showCancelButton && hasFocus;
63
+ isShowCancel = mergedProps.showCancelButton && hasFocus;
63
64
  }
64
65
  return isShowCancel && _react.default.createElement("div", {
65
66
  className: `${classPrefix}-suffix`
@@ -68,66 +69,66 @@ const SearchBar = (0, _react.forwardRef)((p, ref) => {
68
69
  className: `${classPrefix}-cancel-button`,
69
70
  onClick: () => {
70
71
  var _a, _b, _c;
71
- if (props.clearOnCancel) {
72
+ if (mergedProps.clearOnCancel) {
72
73
  (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.clear();
73
74
  }
74
75
  (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
75
- (_c = props.onCancel) === null || _c === void 0 ? void 0 : _c.call(props);
76
+ (_c = mergedProps.onCancel) === null || _c === void 0 ? void 0 : _c.call(mergedProps);
76
77
  },
77
78
  onMouseDown: e => {
78
79
  e.preventDefault();
79
80
  }
80
- }, props.cancelText));
81
+ }, mergedProps.cancelText));
81
82
  };
82
- return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
83
+ return (0, _nativeProps.withNativeProps)(mergedProps, _react.default.createElement("div", {
83
84
  className: (0, _classnames.default)(classPrefix, {
84
85
  [`${classPrefix}-active`]: hasFocus
85
86
  })
86
87
  }, _react.default.createElement("div", {
87
88
  className: `${classPrefix}-input-box`
88
- }, props.icon && _react.default.createElement("div", {
89
+ }, searchIcon && _react.default.createElement("div", {
89
90
  className: `${classPrefix}-input-box-icon`
90
- }, props.icon), _react.default.createElement(_input.default, {
91
+ }, searchIcon), _react.default.createElement(_input.default, {
91
92
  ref: inputRef,
92
93
  className: (0, _classnames.default)(`${classPrefix}-input`, {
93
- [`${classPrefix}-input-without-icon`]: !props.icon
94
+ [`${classPrefix}-input-without-icon`]: !searchIcon
94
95
  }),
95
96
  value: value,
96
97
  onChange: setValue,
97
- maxLength: props.maxLength,
98
- placeholder: props.placeholder,
99
- clearable: props.clearable,
100
- onlyShowClearWhenFocus: props.onlyShowClearWhenFocus,
98
+ maxLength: mergedProps.maxLength,
99
+ placeholder: mergedProps.placeholder,
100
+ clearable: mergedProps.clearable,
101
+ onlyShowClearWhenFocus: mergedProps.onlyShowClearWhenFocus,
101
102
  onFocus: e => {
102
103
  var _a;
103
104
  setHasFocus(true);
104
- (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
105
+ (_a = mergedProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e);
105
106
  },
106
107
  onBlur: e => {
107
108
  var _a;
108
109
  setHasFocus(false);
109
- (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
110
+ (_a = mergedProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e);
110
111
  },
111
- onClear: props.onClear,
112
+ onClear: mergedProps.onClear,
112
113
  type: 'search',
113
114
  enterKeyHint: 'search',
114
115
  onEnterPress: () => {
115
116
  var _a, _b;
116
117
  if (!composingRef.current) {
117
118
  (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
118
- (_b = props.onSearch) === null || _b === void 0 ? void 0 : _b.call(props, value);
119
+ (_b = mergedProps.onSearch) === null || _b === void 0 ? void 0 : _b.call(mergedProps, value);
119
120
  }
120
121
  },
121
122
  "aria-label": locale.SearchBar.name,
122
123
  onCompositionStart: e => {
123
124
  var _a;
124
125
  composingRef.current = true;
125
- (_a = props.onCompositionStart) === null || _a === void 0 ? void 0 : _a.call(props, e);
126
+ (_a = mergedProps.onCompositionStart) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e);
126
127
  },
127
128
  onCompositionEnd: e => {
128
129
  var _a;
129
130
  composingRef.current = false;
130
- (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
131
+ (_a = mergedProps.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e);
131
132
  }
132
133
  })), renderCancelButton()));
133
134
  });
@@ -1,7 +1,7 @@
1
1
  import type { FC, ReactNode } from 'react';
2
- import type { MaskProps } from '../mask';
3
- import { PropagationEvent } from '../../utils/with-stop-propagation';
4
2
  import { GetContainer } from '../../utils/render-to-container';
3
+ import { PropagationEvent } from '../../utils/with-stop-propagation';
4
+ import type { MaskProps } from '../mask';
5
5
  export interface ToastProps {
6
6
  afterClose?: () => void;
7
7
  maskStyle?: MaskProps['style'];
@@ -4,16 +4,16 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.InternalToast = void 0;
7
- var _react = _interopRequireWildcard(require("react"));
8
- var _classnames = _interopRequireDefault(require("classnames"));
9
7
  var _antdMobileIcons = require("antd-mobile-icons");
10
- var _mask = _interopRequireDefault(require("../mask"));
8
+ var _classnames = _interopRequireDefault(require("classnames"));
9
+ var _react = _interopRequireWildcard(require("react"));
11
10
  var _withDefaultProps = require("../../utils/with-default-props");
12
11
  var _autoCenter = _interopRequireDefault(require("../auto-center"));
12
+ var _mask = _interopRequireDefault(require("../mask"));
13
13
  var _spinLoading = _interopRequireDefault(require("../spin-loading"));
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
14
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
16
15
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
17
  const classPrefix = `adm-toast`;
18
18
  const defaultProps = {
19
19
  maskClickable: true,
@@ -1,7 +1,7 @@
1
- import React from 'react';
2
1
  import type { ReactElement } from 'react';
3
- import type { InputProps } from '../input';
2
+ import React from 'react';
4
3
  import { NativeProps } from '../../utils/native-props';
4
+ import type { InputProps } from '../input';
5
5
  import { NumberKeyboardProps } from '../number-keyboard';
6
6
  export declare type VirtualInputProps = {
7
7
  onFocus?: () => void;
@@ -10,7 +10,7 @@ export declare type VirtualInputProps = {
10
10
  keyboard?: ReactElement<NumberKeyboardProps>;
11
11
  clearable?: boolean;
12
12
  onClear?: () => void;
13
- } & Pick<InputProps, 'value' | 'onChange' | 'placeholder' | 'disabled'> & NativeProps<'--font-size' | '--color' | '--placeholder-color' | '--disabled-color' | '--text-align' | '--caret-width' | '--caret-color'>;
13
+ } & Pick<InputProps, 'value' | 'onChange' | 'placeholder' | 'disabled' | 'clearIcon'> & NativeProps<'--font-size' | '--color' | '--placeholder-color' | '--disabled-color' | '--text-align' | '--caret-width' | '--caret-color'>;
14
14
  export declare type VirtualInputRef = {
15
15
  focus: () => void;
16
16
  blur: () => void;
@@ -19,10 +19,10 @@ export declare const VirtualInput: React.ForwardRefExoticComponent<{
19
19
  onFocus?: (() => void) | undefined;
20
20
  onBlur?: (() => void) | undefined;
21
21
  onClick?: ((e: React.MouseEvent<HTMLDivElement>) => void) | undefined;
22
- keyboard?: React.ReactElement<NumberKeyboardProps, string | React.JSXElementConstructor<any>> | undefined;
22
+ keyboard?: ReactElement<NumberKeyboardProps, string | React.JSXElementConstructor<any>> | undefined;
23
23
  clearable?: boolean | undefined;
24
24
  onClear?: (() => void) | undefined;
25
- } & Pick<InputProps, "value" | "onChange" | "disabled" | "placeholder"> & {
25
+ } & Pick<InputProps, "value" | "onChange" | "disabled" | "placeholder" | "clearIcon"> & {
26
26
  className?: string | undefined;
27
27
  style?: (React.CSSProperties & Partial<Record<"--color" | "--font-size" | "--placeholder-color" | "--text-align" | "--disabled-color" | "--caret-width" | "--caret-color", string>>) | undefined;
28
28
  tabIndex?: number | undefined;
@@ -4,30 +4,32 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.VirtualInput = void 0;
7
+ var _ahooks = require("ahooks");
8
+ var _antdMobileIcons = require("antd-mobile-icons");
9
+ var _classnames = _interopRequireDefault(require("classnames"));
7
10
  var _react = _interopRequireWildcard(require("react"));
8
11
  var _nativeProps = require("../../utils/native-props");
9
- var _withDefaultProps = require("../../utils/with-default-props");
10
12
  var _usePropsValue = require("../../utils/use-props-value");
11
- var _classnames = _interopRequireDefault(require("classnames"));
12
- var _antdMobileIcons = require("antd-mobile-icons");
13
- var _ahooks = require("ahooks");
13
+ var _withDefaultProps = require("../../utils/with-default-props");
14
14
  var _configProvider = require("../config-provider");
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
15
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
16
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
18
  const classPrefix = 'adm-virtual-input';
19
19
  const defaultProps = {
20
20
  defaultValue: ''
21
21
  };
22
- const VirtualInput = (0, _react.forwardRef)((p, ref) => {
23
- const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
24
- const [value, setValue] = (0, _usePropsValue.usePropsValue)(props);
22
+ const VirtualInput = (0, _react.forwardRef)((props, ref) => {
23
+ const {
24
+ locale,
25
+ input: componentConfig = {}
26
+ } = (0, _configProvider.useConfig)();
27
+ const mergedProps = (0, _withDefaultProps.mergeProps)(defaultProps, componentConfig, props);
28
+ const [value, setValue] = (0, _usePropsValue.usePropsValue)(mergedProps);
25
29
  const rootRef = (0, _react.useRef)(null);
26
30
  const contentRef = (0, _react.useRef)(null);
27
31
  const [hasFocus, setHasFocus] = (0, _react.useState)(false);
28
- const {
29
- locale
30
- } = (0, _configProvider.useConfig)();
32
+ const clearIcon = (0, _withDefaultProps.mergeProp)(_react.default.createElement(_antdMobileIcons.CloseCircleFill, null), componentConfig.clearIcon, props.clearIcon);
31
33
  function scrollToEnd() {
32
34
  const root = rootRef.current;
33
35
  if (!root) return;
@@ -59,14 +61,14 @@ const VirtualInput = (0, _react.forwardRef)((p, ref) => {
59
61
  function onFocus() {
60
62
  var _a;
61
63
  setHasFocus(true);
62
- (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props);
64
+ (_a = mergedProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
63
65
  }
64
66
  function onBlur() {
65
67
  var _a;
66
68
  setHasFocus(false);
67
- (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);
69
+ (_a = mergedProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
68
70
  }
69
- const keyboard = props.keyboard;
71
+ const keyboard = mergedProps.keyboard;
70
72
  const keyboardElement = keyboard && _react.default.cloneElement(keyboard, {
71
73
  onInput: v => {
72
74
  var _a, _b;
@@ -93,37 +95,37 @@ const VirtualInput = (0, _react.forwardRef)((p, ref) => {
93
95
  },
94
96
  getContainer: null
95
97
  });
96
- return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
98
+ return (0, _nativeProps.withNativeProps)(mergedProps, _react.default.createElement("div", {
97
99
  ref: rootRef,
98
100
  className: (0, _classnames.default)(classPrefix, {
99
- [`${classPrefix}-disabled`]: props.disabled
101
+ [`${classPrefix}-disabled`]: mergedProps.disabled
100
102
  }),
101
- tabIndex: props.disabled ? undefined : 0,
103
+ tabIndex: mergedProps.disabled ? undefined : 0,
102
104
  role: 'textbox',
103
105
  onFocus: onFocus,
104
106
  onBlur: onBlur,
105
- onClick: props.onClick
107
+ onClick: mergedProps.onClick
106
108
  }, _react.default.createElement("div", {
107
109
  className: `${classPrefix}-content`,
108
110
  ref: contentRef,
109
- "aria-disabled": props.disabled,
110
- "aria-label": props.placeholder
111
+ "aria-disabled": mergedProps.disabled,
112
+ "aria-label": mergedProps.placeholder
111
113
  }, value, _react.default.createElement("div", {
112
114
  className: `${classPrefix}-caret-container`
113
115
  }, hasFocus && _react.default.createElement("div", {
114
116
  className: `${classPrefix}-caret`
115
- }))), props.clearable && !!value && hasFocus && _react.default.createElement("div", {
117
+ }))), mergedProps.clearable && !!value && hasFocus && _react.default.createElement("div", {
116
118
  className: `${classPrefix}-clear`,
117
119
  onClick: e => {
118
120
  var _a;
119
121
  e.stopPropagation();
120
122
  setValue('');
121
- (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props);
123
+ (_a = mergedProps.onClear) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
122
124
  },
123
125
  role: 'button',
124
126
  "aria-label": locale.Input.clear
125
- }, _react.default.createElement(_antdMobileIcons.CloseCircleFill, null)), [undefined, null, ''].includes(value) && _react.default.createElement("div", {
127
+ }, clearIcon), [undefined, null, ''].includes(value) && _react.default.createElement("div", {
126
128
  className: `${classPrefix}-placeholder`
127
- }, props.placeholder), keyboardElement));
129
+ }, mergedProps.placeholder), keyboardElement));
128
130
  });
129
131
  exports.VirtualInput = VirtualInput;
@@ -28,7 +28,7 @@ const arSA = (0, _mergeLocale.mergeLocale)(_base.base, {
28
28
  'placeholder': 'اختر من فضلك'
29
29
  },
30
30
  'Dialog': {
31
- 'ok': 'عرفت'
31
+ 'ok': 'فهمت'
32
32
  },
33
33
  'DatePicker': {
34
34
  'tillNow': 'إلى اليوم'
@@ -118,7 +118,7 @@ const arSA = (0, _mergeLocale.mergeLocale)(_base.base, {
118
118
  'name': 'قناع الخلفية'
119
119
  },
120
120
  'Modal': {
121
- 'ok': 'عرفت'
121
+ 'ok': 'فهمت'
122
122
  },
123
123
  'PasscodeInput': {
124
124
  'name': 'مربع إدخال كلمة المرور'
@@ -21,14 +21,14 @@ const deDE = (0, _mergeLocale.mergeLocale)(_base.base, {
21
21
  'start': 'Starten',
22
22
  'end': 'Beenden',
23
23
  'today': 'Heute',
24
- 'markItems': ['Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag', 'Tag'],
24
+ 'markItems': ['I', 'II', 'III', 'IV', 'V', 'Sechs', 'Tag'],
25
25
  'yearAndMonth': '${year}Jahr${month}Monat'
26
26
  },
27
27
  'Cascader': {
28
28
  'placeholder': 'Bitte auswählen'
29
29
  },
30
30
  'Dialog': {
31
- 'ok': 'OK'
31
+ 'ok': 'Ich weiß.'
32
32
  },
33
33
  'DatePicker': {
34
34
  'tillNow': 'Bis heute'
@@ -118,7 +118,7 @@ const deDE = (0, _mergeLocale.mergeLocale)(_base.base, {
118
118
  'name': 'Hintergrundmaske'
119
119
  },
120
120
  'Modal': {
121
- 'ok': 'OK'
121
+ 'ok': 'Ich weiß.'
122
122
  },
123
123
  'PasscodeInput': {
124
124
  'name': 'Passwort-Eingabefeld'
@@ -22,7 +22,7 @@ const esES = (0, _mergeLocale.mergeLocale)(_base.base, {
22
22
  placeholder: 'Seleccionando'
23
23
  },
24
24
  Dialog: {
25
- ok: 'OK'
25
+ ok: 'Entendido'
26
26
  },
27
27
  ErrorBlock: {
28
28
  default: {
@@ -100,7 +100,7 @@ const esES = (0, _mergeLocale.mergeLocale)(_base.base, {
100
100
  name: 'Máscara'
101
101
  },
102
102
  Modal: {
103
- ok: 'OK'
103
+ ok: 'Entendido'
104
104
  },
105
105
  PullToRefresh: {
106
106
  pulling: 'Desplácese hacia abajo para refrescar',
@@ -10,7 +10,7 @@ const typeTemplate = '${label}Pas un valide${type}';
10
10
  const frFR = (0, _mergeLocale.mergeLocale)(_base.base, {
11
11
  locale: 'fr-FR',
12
12
  common: {
13
- confirm: 'Valider',
13
+ confirm: 'Activer',
14
14
  cancel: 'Annuler',
15
15
  loading: 'Chargement'
16
16
  },
@@ -0,0 +1,139 @@
1
+ declare const inID: {
2
+ locale: string;
3
+ common: {
4
+ confirm: string;
5
+ cancel: string;
6
+ loading: string;
7
+ close: string;
8
+ };
9
+ Calendar: {
10
+ title: string;
11
+ confirm: string;
12
+ start: string;
13
+ end: string;
14
+ today: string;
15
+ markItems: string[];
16
+ yearAndMonth: string;
17
+ };
18
+ Cascader: {
19
+ placeholder: string;
20
+ };
21
+ Dialog: {
22
+ ok: string;
23
+ };
24
+ DatePicker: {
25
+ tillNow: string;
26
+ };
27
+ ErrorBlock: {
28
+ default: {
29
+ title: string;
30
+ description: string;
31
+ };
32
+ busy: {
33
+ title: string;
34
+ description: string;
35
+ };
36
+ disconnected: {
37
+ title: string;
38
+ description: string;
39
+ };
40
+ empty: {
41
+ title: string;
42
+ description: string;
43
+ };
44
+ };
45
+ Form: {
46
+ required: string;
47
+ optional: string;
48
+ defaultValidateMessages: {
49
+ default: string;
50
+ required: string;
51
+ enum: string;
52
+ whitespace: string;
53
+ date: {
54
+ format: string;
55
+ parse: string;
56
+ invalid: string;
57
+ };
58
+ types: {
59
+ string: string;
60
+ method: string;
61
+ array: string;
62
+ object: string;
63
+ number: string;
64
+ date: string;
65
+ boolean: string;
66
+ integer: string;
67
+ float: string;
68
+ regexp: string;
69
+ email: string;
70
+ url: string;
71
+ hex: string;
72
+ };
73
+ string: {
74
+ len: string;
75
+ min: string;
76
+ max: string;
77
+ range: string;
78
+ };
79
+ number: {
80
+ len: string;
81
+ min: string;
82
+ max: string;
83
+ range: string;
84
+ };
85
+ array: {
86
+ len: string;
87
+ min: string;
88
+ max: string;
89
+ range: string;
90
+ };
91
+ pattern: {
92
+ mismatch: string;
93
+ };
94
+ };
95
+ };
96
+ ImageUploader: {
97
+ uploading: string;
98
+ upload: string;
99
+ };
100
+ InfiniteScroll: {
101
+ noMore: string;
102
+ failedToLoad: string;
103
+ retry: string;
104
+ };
105
+ Input: {
106
+ clear: string;
107
+ };
108
+ Mask: {
109
+ name: string;
110
+ };
111
+ Modal: {
112
+ ok: string;
113
+ };
114
+ PasscodeInput: {
115
+ name: string;
116
+ };
117
+ PullToRefresh: {
118
+ pulling: string;
119
+ canRelease: string;
120
+ complete: string;
121
+ };
122
+ SearchBar: {
123
+ name: string;
124
+ };
125
+ Slider: {
126
+ name: string;
127
+ };
128
+ Stepper: {
129
+ decrease: string;
130
+ increase: string;
131
+ };
132
+ Switch: {
133
+ name: string;
134
+ };
135
+ Selector: {
136
+ name: string;
137
+ };
138
+ };
139
+ export default inID;