taro-react-uilib 1.0.5 → 1.0.26

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 (287) hide show
  1. package/dist/components/Animated/Animated.js +2 -0
  2. package/dist/components/Animated/Animated.js.map +1 -0
  3. package/dist/components/Animated/Fade/index.js +2 -0
  4. package/dist/components/Animated/Fade/index.js.map +1 -0
  5. package/dist/components/Animated/Slide/index.js +2 -0
  6. package/dist/components/Animated/Slide/index.js.map +1 -0
  7. package/dist/components/BankIcon/bank.js +2 -0
  8. package/dist/components/BankIcon/bank.js.map +1 -0
  9. package/dist/components/BankIcon/images/102.png.js +2 -0
  10. package/dist/components/BankIcon/images/102.png.js.map +1 -0
  11. package/dist/components/BankIcon/images/103.png.js +2 -0
  12. package/dist/components/BankIcon/images/103.png.js.map +1 -0
  13. package/dist/components/BankIcon/images/104.png.js +2 -0
  14. package/dist/components/BankIcon/images/104.png.js.map +1 -0
  15. package/dist/components/BankIcon/images/105.png.js +2 -0
  16. package/dist/components/BankIcon/images/105.png.js.map +1 -0
  17. package/dist/components/BankIcon/images/301.png.js +2 -0
  18. package/dist/components/BankIcon/images/301.png.js.map +1 -0
  19. package/dist/components/BankIcon/images/302.png.js +2 -0
  20. package/dist/components/BankIcon/images/302.png.js.map +1 -0
  21. package/dist/components/BankIcon/images/303.png.js +2 -0
  22. package/dist/components/BankIcon/images/303.png.js.map +1 -0
  23. package/dist/components/BankIcon/images/304.png.js +2 -0
  24. package/dist/components/BankIcon/images/304.png.js.map +1 -0
  25. package/dist/components/BankIcon/images/305.png.js +2 -0
  26. package/dist/components/BankIcon/images/305.png.js.map +1 -0
  27. package/dist/components/BankIcon/images/306.png.js +2 -0
  28. package/dist/components/BankIcon/images/306.png.js.map +1 -0
  29. package/dist/components/BankIcon/images/307.png.js +2 -0
  30. package/dist/components/BankIcon/images/307.png.js.map +1 -0
  31. package/dist/components/BankIcon/images/308.png.js +2 -0
  32. package/dist/components/BankIcon/images/308.png.js.map +1 -0
  33. package/dist/components/BankIcon/images/309.png.js +2 -0
  34. package/dist/components/BankIcon/images/309.png.js.map +1 -0
  35. package/dist/components/BankIcon/images/310.png.js +2 -0
  36. package/dist/components/BankIcon/images/310.png.js.map +1 -0
  37. package/dist/components/BankIcon/images/403.png.js +2 -0
  38. package/dist/components/BankIcon/images/403.png.js.map +1 -0
  39. package/dist/components/BankIcon/index.js +2 -0
  40. package/dist/components/BankIcon/index.js.map +1 -0
  41. package/dist/components/Button/index.js +2 -0
  42. package/dist/components/Button/index.js.map +1 -0
  43. package/dist/components/Captcha/index.js +2 -0
  44. package/dist/components/Captcha/index.js.map +1 -0
  45. package/dist/components/Dialog/Alert/index.js +2 -0
  46. package/dist/components/Dialog/Alert/index.js.map +1 -0
  47. package/dist/components/Dialog/Confirm/index.js +2 -0
  48. package/dist/components/Dialog/Confirm/index.js.map +1 -0
  49. package/dist/components/Dialog/index.js +2 -0
  50. package/dist/components/Dialog/index.js.map +1 -0
  51. package/dist/components/DialogComponent/index.js +2 -0
  52. package/dist/components/DialogComponent/index.js.map +1 -0
  53. package/dist/components/DialogRef/index.js +2 -0
  54. package/dist/components/DialogRef/index.js.map +1 -0
  55. package/dist/components/FormInput/index.js +2 -0
  56. package/dist/components/FormInput/index.js.map +1 -0
  57. package/dist/components/Image/index.js +2 -0
  58. package/dist/components/Image/index.js.map +1 -0
  59. package/dist/components/List/index.js +2 -0
  60. package/dist/components/List/index.js.map +1 -0
  61. package/dist/components/Loading/index.js +2 -0
  62. package/dist/components/Loading/index.js.map +1 -0
  63. package/dist/components/Mask/index.js +2 -0
  64. package/dist/components/Mask/index.js.map +1 -0
  65. package/dist/components/NumberKeyboard/index.js +2 -0
  66. package/dist/components/NumberKeyboard/index.js.map +1 -0
  67. package/dist/components/Page/index.js +2 -0
  68. package/dist/components/Page/index.js.map +1 -0
  69. package/dist/components/PasswordInput/index.js +2 -0
  70. package/dist/components/PasswordInput/index.js.map +1 -0
  71. package/dist/components/Picker/Picker.js +2 -0
  72. package/dist/components/Picker/Picker.js.map +1 -0
  73. package/dist/components/Picker/index.js +2 -0
  74. package/dist/components/Picker/index.js.map +1 -0
  75. package/dist/components/Popup/index.js +2 -0
  76. package/dist/components/Popup/index.js.map +1 -0
  77. package/dist/components/Progress/index.js +2 -0
  78. package/dist/components/Progress/index.js.map +1 -0
  79. package/dist/components/Tabbar/index.js +2 -0
  80. package/dist/components/Tabbar/index.js.map +1 -0
  81. package/dist/components/Tabbar/tabbar/TabItem.js +2 -0
  82. package/dist/components/Tabbar/tabbar/TabItem.js.map +1 -0
  83. package/dist/components/Tabbar/tabbar/Tabbar.js +2 -0
  84. package/dist/components/Tabbar/tabbar/Tabbar.js.map +1 -0
  85. package/dist/components/Toast/Toast.js +2 -0
  86. package/dist/components/Toast/Toast.js.map +1 -0
  87. package/dist/components/Toast/index.js +2 -0
  88. package/dist/components/Toast/index.js.map +1 -0
  89. package/dist/components/_virtual/ReactPropTypesSecret.js +2 -0
  90. package/dist/components/_virtual/ReactPropTypesSecret.js.map +1 -0
  91. package/dist/components/_virtual/_commonjsHelpers.js +2 -0
  92. package/dist/components/_virtual/_commonjsHelpers.js.map +1 -0
  93. package/dist/components/_virtual/checkPropTypes.js +2 -0
  94. package/dist/components/_virtual/checkPropTypes.js.map +1 -0
  95. package/dist/components/_virtual/factoryWithThrowingShims.js +2 -0
  96. package/dist/components/_virtual/factoryWithThrowingShims.js.map +1 -0
  97. package/dist/components/_virtual/factoryWithTypeCheckers.js +2 -0
  98. package/dist/components/_virtual/factoryWithTypeCheckers.js.map +1 -0
  99. package/dist/components/_virtual/has.js +2 -0
  100. package/dist/components/_virtual/has.js.map +1 -0
  101. package/dist/components/_virtual/index.js +2 -0
  102. package/dist/components/_virtual/index.js.map +1 -0
  103. package/dist/components/_virtual/index2.js +2 -0
  104. package/dist/components/_virtual/index2.js.map +1 -0
  105. package/dist/components/_virtual/react-is.development.js +2 -0
  106. package/dist/components/_virtual/react-is.development.js.map +1 -0
  107. package/dist/components/_virtual/react-is.production.min.js +2 -0
  108. package/dist/components/_virtual/react-is.production.min.js.map +1 -0
  109. package/dist/components/node_modules/@babel/runtime/helpers/esm/extends.js +2 -0
  110. package/dist/components/node_modules/@babel/runtime/helpers/esm/extends.js.map +1 -0
  111. package/dist/components/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js +2 -0
  112. package/dist/components/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js.map +1 -0
  113. package/dist/components/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js +2 -0
  114. package/dist/components/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js.map +1 -0
  115. package/dist/components/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js +2 -0
  116. package/dist/components/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js.map +1 -0
  117. package/dist/components/node_modules/dom-helpers/esm/addClass.js +2 -0
  118. package/dist/components/node_modules/dom-helpers/esm/addClass.js.map +1 -0
  119. package/dist/components/node_modules/dom-helpers/esm/hasClass.js +2 -0
  120. package/dist/components/node_modules/dom-helpers/esm/hasClass.js.map +1 -0
  121. package/dist/components/node_modules/dom-helpers/esm/removeClass.js +2 -0
  122. package/dist/components/node_modules/dom-helpers/esm/removeClass.js.map +1 -0
  123. package/dist/components/node_modules/object-assign/index.js +7 -0
  124. package/dist/components/node_modules/object-assign/index.js.map +1 -0
  125. package/dist/components/node_modules/prop-types/checkPropTypes.js +2 -0
  126. package/dist/components/node_modules/prop-types/checkPropTypes.js.map +1 -0
  127. package/dist/components/node_modules/prop-types/factoryWithThrowingShims.js +2 -0
  128. package/dist/components/node_modules/prop-types/factoryWithThrowingShims.js.map +1 -0
  129. package/dist/components/node_modules/prop-types/factoryWithTypeCheckers.js +2 -0
  130. package/dist/components/node_modules/prop-types/factoryWithTypeCheckers.js.map +1 -0
  131. package/dist/components/node_modules/prop-types/index.js +2 -0
  132. package/dist/components/node_modules/prop-types/index.js.map +1 -0
  133. package/dist/components/node_modules/prop-types/lib/ReactPropTypesSecret.js +2 -0
  134. package/dist/components/node_modules/prop-types/lib/ReactPropTypesSecret.js.map +1 -0
  135. package/dist/components/node_modules/prop-types/lib/has.js +2 -0
  136. package/dist/components/node_modules/prop-types/lib/has.js.map +1 -0
  137. package/dist/components/node_modules/react-is/cjs/react-is.development.js +2 -0
  138. package/dist/components/node_modules/react-is/cjs/react-is.development.js.map +1 -0
  139. package/dist/components/node_modules/react-is/cjs/react-is.production.min.js +10 -0
  140. package/dist/components/node_modules/react-is/cjs/react-is.production.min.js.map +1 -0
  141. package/dist/components/node_modules/react-is/index.js +2 -0
  142. package/dist/components/node_modules/react-is/index.js.map +1 -0
  143. package/dist/components/node_modules/react-transition-group/esm/CSSTransition.js +2 -0
  144. package/dist/components/node_modules/react-transition-group/esm/CSSTransition.js.map +1 -0
  145. package/dist/components/node_modules/react-transition-group/esm/Transition.js +2 -0
  146. package/dist/components/node_modules/react-transition-group/esm/Transition.js.map +1 -0
  147. package/dist/components/node_modules/react-transition-group/esm/TransitionGroupContext.js +2 -0
  148. package/dist/components/node_modules/react-transition-group/esm/TransitionGroupContext.js.map +1 -0
  149. package/dist/components/node_modules/react-transition-group/esm/config.js +2 -0
  150. package/dist/components/node_modules/react-transition-group/esm/config.js.map +1 -0
  151. package/dist/components/node_modules/react-transition-group/esm/utils/PropTypes.js +2 -0
  152. package/dist/components/node_modules/react-transition-group/esm/utils/PropTypes.js.map +1 -0
  153. package/dist/components/node_modules/tslib/tslib.es6.js +2 -0
  154. package/dist/components/node_modules/tslib/tslib.es6.js.map +1 -0
  155. package/dist/components/src/hooks/index.js +2 -0
  156. package/dist/components/src/hooks/index.js.map +1 -0
  157. package/dist/components/src/index.js +2 -0
  158. package/dist/components/src/index.js.map +1 -0
  159. package/dist/components/src/utils/index.js +2 -0
  160. package/dist/components/src/utils/index.js.map +1 -0
  161. package/dist/index.js +2 -3010
  162. package/dist/index.js.map +1 -1
  163. package/dist/index.umd.js +9 -3018
  164. package/dist/index.umd.js.map +1 -1
  165. package/dist/styles/components/alert.scss +9 -4
  166. package/dist/styles/components/animated.scss +152 -0
  167. package/dist/styles/components/bankicon.scss +3 -1
  168. package/dist/styles/components/button.scss +23 -12
  169. package/dist/styles/components/captcha.scss +14 -2
  170. package/dist/styles/components/confirm.scss +16 -7
  171. package/dist/styles/components/dialog.scss +224 -0
  172. package/dist/styles/components/dialogref.scss +45 -168
  173. package/dist/styles/components/fade.scss +22 -0
  174. package/dist/styles/components/forminput.scss +93 -57
  175. package/dist/styles/components/image.scss +1 -1
  176. package/dist/styles/components/index.scss +9 -2
  177. package/dist/styles/components/list.scss +21 -18
  178. package/dist/styles/components/loading.scss +50 -9
  179. package/dist/styles/components/mask.scss +3 -2
  180. package/dist/styles/components/numberkeyboard.scss +48 -20
  181. package/dist/styles/components/page.scss +5 -4
  182. package/dist/styles/components/passwordinput.scss +2 -0
  183. package/dist/styles/components/picker.scss +147 -0
  184. package/dist/styles/components/popup.scss +77 -0
  185. package/dist/styles/components/scale.scss +27 -0
  186. package/dist/styles/components/scrollview.scss +4 -0
  187. package/dist/styles/components/slide.scss +105 -0
  188. package/dist/styles/components/tabbar.scss +42 -0
  189. package/dist/styles/index.scss +5 -5
  190. package/dist/styles/{components/dialogcomponent.scss → themes/animation.scss} +33 -74
  191. package/dist/styles/themes/default.scss +2 -2
  192. package/dist/styles/themes/variable.scss +3 -4
  193. package/lib/components/Animated/Animated.js +20 -0
  194. package/lib/components/Animated/Animated.js.map +1 -0
  195. package/lib/components/Animated/Fade/index.js +19 -0
  196. package/lib/components/Animated/Fade/index.js.map +1 -0
  197. package/lib/components/Animated/Scale/index.js +19 -0
  198. package/lib/components/Animated/Scale/index.js.map +1 -0
  199. package/lib/components/Animated/Slide/index.js +19 -0
  200. package/lib/components/Animated/Slide/index.js.map +1 -0
  201. package/lib/components/Animated/index.js +5 -0
  202. package/lib/components/Animated/index.js.map +1 -0
  203. package/lib/components/Button/index.js +27 -5
  204. package/lib/components/Button/index.js.map +1 -1
  205. package/lib/components/Captcha/index.js +17 -5
  206. package/lib/components/Captcha/index.js.map +1 -1
  207. package/lib/components/Dialog/Alert/index.js +3 -3
  208. package/lib/components/Dialog/Alert/index.js.map +1 -1
  209. package/lib/components/Dialog/Confirm/index.js +4 -4
  210. package/lib/components/Dialog/Confirm/index.js.map +1 -1
  211. package/lib/components/Dialog/index.js +1 -1
  212. package/lib/components/Dialog/index.js.map +1 -1
  213. package/lib/components/{Dialog/DialogComponent → DialogComponent}/index.js +1 -1
  214. package/lib/components/DialogComponent/index.js.map +1 -0
  215. package/lib/components/DialogRef/index.js +8 -7
  216. package/lib/components/DialogRef/index.js.map +1 -1
  217. package/lib/components/FormInput/index.js +46 -28
  218. package/lib/components/FormInput/index.js.map +1 -1
  219. package/lib/components/Image/index.js +7 -9
  220. package/lib/components/Image/index.js.map +1 -1
  221. package/lib/components/List/index.js +18 -15
  222. package/lib/components/List/index.js.map +1 -1
  223. package/lib/components/Loading/index.js +12 -10
  224. package/lib/components/Loading/index.js.map +1 -1
  225. package/lib/components/Mask/index.js +8 -8
  226. package/lib/components/Mask/index.js.map +1 -1
  227. package/lib/components/NumberKeyboard/index.js +12 -7
  228. package/lib/components/NumberKeyboard/index.js.map +1 -1
  229. package/lib/components/Page/index.js +7 -7
  230. package/lib/components/Page/index.js.map +1 -1
  231. package/lib/components/Picker/Picker.js +109 -0
  232. package/lib/components/Picker/Picker.js.map +1 -0
  233. package/lib/components/Picker/index.js +35 -0
  234. package/lib/components/Picker/index.js.map +1 -0
  235. package/lib/components/Popup/index.js +61 -0
  236. package/lib/components/Popup/index.js.map +1 -0
  237. package/lib/components/ScrollView/index.js +34 -0
  238. package/lib/components/ScrollView/index.js.map +1 -0
  239. package/lib/components/Tabbar/index.js +6 -0
  240. package/lib/components/Tabbar/index.js.map +1 -0
  241. package/lib/components/Tabbar/tabbar/TabItem.js +10 -0
  242. package/lib/components/Tabbar/tabbar/TabItem.js.map +1 -0
  243. package/lib/components/Tabbar/tabbar/Tabbar.js +74 -0
  244. package/lib/components/Tabbar/tabbar/Tabbar.js.map +1 -0
  245. package/lib/components/Toast/index.js +11 -3
  246. package/lib/components/Toast/index.js.map +1 -1
  247. package/lib/hooks/index.js +42 -1
  248. package/lib/hooks/index.js.map +1 -1
  249. package/lib/index.js +3 -0
  250. package/lib/index.js.map +1 -1
  251. package/lib/utils/index.js +18 -2
  252. package/lib/utils/index.js.map +1 -1
  253. package/package.json +134 -131
  254. package/readme.md +44 -5
  255. package/types/components/Animated/Animated.d.ts +12 -0
  256. package/types/components/Animated/Fade/index.d.ts +9 -0
  257. package/types/components/Animated/Scale/index.d.ts +9 -0
  258. package/types/components/Animated/Slide/index.d.ts +11 -0
  259. package/types/components/Animated/index.d.ts +3 -0
  260. package/types/components/Button/index.d.ts +3 -2
  261. package/types/components/Captcha/index.d.ts +5 -3
  262. package/types/components/Dialog/index.d.ts +1 -1
  263. package/types/components/DialogComponent/index.d.ts +19 -0
  264. package/types/components/DialogRef/index.d.ts +4 -2
  265. package/types/components/FormInput/index.d.ts +37 -27
  266. package/types/components/List/index.d.ts +14 -6
  267. package/types/components/Loading/index.d.ts +6 -4
  268. package/types/components/Mask/index.d.ts +4 -4
  269. package/types/components/Page/index.d.ts +7 -5
  270. package/types/components/Picker/Picker.d.ts +23 -0
  271. package/types/components/Picker/index.d.ts +15 -0
  272. package/types/components/Popup/index.d.ts +10 -0
  273. package/types/components/ScrollView/index.d.ts +11 -0
  274. package/types/components/Tabbar/components/TabItem.d.ts +9 -0
  275. package/types/components/Tabbar/components/Tabbar.d.ts +30 -0
  276. package/types/components/Tabbar/index.d.ts +8 -0
  277. package/types/components/Tabbar/tabbar/TabItem.d.ts +9 -0
  278. package/types/components/Tabbar/tabbar/Tabbar.d.ts +30 -0
  279. package/types/hooks/index.d.ts +23 -0
  280. package/types/index.d.ts +3 -0
  281. package/types/utils/index.d.ts +1 -0
  282. package/dist/index.esm.js +0 -2995
  283. package/dist/index.esm.js.map +0 -1
  284. package/dist/styles/components/key.scss +0 -27
  285. package/lib/components/Dialog/DialogComponent/index.js.map +0 -1
  286. package/lib/components/NumberKeyboard/Key/index.js +0 -9
  287. package/lib/components/NumberKeyboard/Key/index.js.map +0 -1
@@ -6,21 +6,22 @@ import Button from "../Button";
6
6
  import Mask from "../Mask";
7
7
  import "./index.scss";
8
8
  const DialogCom = forwardRef((props, fromRef) => {
9
- const { header, content, className = "", visible, showCancel = true, onComfirm, onCancel, onClose, } = props;
9
+ const { header, content, className = "", visible, showCancel = true, confirmText = "确定", cancelText = "取消", footer = false, onConfirm, onCancel, onClose, } = props;
10
10
  const [selfVisible, setSelfVisible] = useState(false);
11
11
  useImperativeHandle(fromRef, () => ({
12
12
  close,
13
13
  open,
14
14
  }));
15
15
  const close = () => {
16
+ onClose && onClose();
16
17
  setSelfVisible(false);
17
18
  };
18
19
  const open = () => {
19
20
  setSelfVisible(true);
20
21
  };
21
22
  const handleConfirm = () => {
22
- onComfirm && onComfirm();
23
- close();
23
+ onConfirm && onConfirm();
24
+ // close();
24
25
  };
25
26
  const handleCancel = () => {
26
27
  onCancel && onCancel();
@@ -35,20 +36,20 @@ const DialogCom = forwardRef((props, fromRef) => {
35
36
  const dialogcls = classNames("xh-dialog-ref", className, {
36
37
  show: selfVisible,
37
38
  });
38
- const comfirmCls = classNames({ "one-button": !showCancel });
39
+ const comfirmCls = classNames("xh-dialog-ref-content-footer-button-button");
39
40
  const footercls = classNames("xh-dialog-ref-content-footer-button", {
40
41
  "xh-dialog-ref-content-footer-button-center": !showCancel,
41
42
  });
42
43
  const dialogFooter = (React.createElement(View, { className: footercls },
43
- showCancel && React.createElement(Button, { onClick: handleCancel }, "\u53D6\u6D88"),
44
- React.createElement(Button, { type: "primary", className: comfirmCls, onClick: handleConfirm }, "\u786E\u5B9A")));
44
+ showCancel && (React.createElement(Button, { type: "ghost", shape: "rectangle", preventTime: 0, onClick: handleCancel, className: "xh-dialog-ref-content-footer-button-button" }, cancelText)),
45
+ React.createElement(Button, { type: "ghost", shape: "rectangle", className: comfirmCls, onClick: handleConfirm, preventTime: 0 }, confirmText)));
45
46
  const DialogMain = (React.createElement(View, { className: dialogcls },
46
47
  React.createElement(Mask, null),
47
48
  React.createElement(CSSTransition, { in: selfVisible, timeout: 200, classNames: "scale" },
48
49
  React.createElement(View, { className: "xh-dialog-ref-content" },
49
50
  React.createElement(View, { className: "xh-dialog-ref-content-header" }, header),
50
51
  React.createElement(View, { className: "xh-dialog-ref-content-content" }, content),
51
- React.createElement(View, { className: "xh-dialog-ref-content-footer" }, dialogFooter)))));
52
+ footer || (React.createElement(View, { className: "xh-dialog-ref-content-footer" }, dialogFooter))))));
52
53
  return DialogMain;
53
54
  });
54
55
  export default DialogCom;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DialogRef/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,QAAQ,EACR,mBAAmB,EACnB,UAAU,EACV,SAAS,GACV,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,MAAM,MAAM,WAAW,CAAC;AAE/B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,cAAc,CAAC;AAkBtB,MAAM,SAAS,GAAG,UAAU,CAA0B,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;IACvE,MAAM,EACJ,MAAM,EACN,OAAO,EACP,SAAS,GAAG,EAAE,EACd,OAAO,EACP,UAAU,GAAG,IAAI,EACjB,SAAS,EACT,QAAQ,EACR,OAAO,GACR,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,mBAAmB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;QAClC,KAAK;QACL,IAAI;KACL,CAAC,CAAC,CAAC;IAEJ,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,SAAS,IAAI,SAAS,EAAE,CAAC;QACzB,KAAK,EAAE,CAAC;IACV,CAAC,CAAC;IACF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,QAAQ,IAAI,QAAQ,EAAE,CAAC;QACvB,KAAK,EAAE,CAAC;IACV,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,IAAI,OAAO,EAAE,CAAC;SACtB;QACD,cAAc,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,SAAS,GAAG,UAAU,CAAC,eAAe,EAAE,SAAS,EAAE;QACvD,IAAI,EAAE,WAAW;KAClB,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC;IAC7D,MAAM,SAAS,GAAG,UAAU,CAAC,qCAAqC,EAAE;QAClE,4CAA4C,EAAE,CAAC,UAAU;KAC1D,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,CACnB,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS;QACvB,UAAU,IAAI,oBAAC,MAAM,IAAC,OAAO,EAAE,YAAY,mBAAa;QACzD,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,mBAE3D,CACJ,CACR,CAAC;IAEF,MAAM,UAAU,GAAG,CACjB,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS;QACxB,oBAAC,IAAI,OAAG;QACR,oBAAC,aAAa,IAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAC,OAAO;YAC9D,oBAAC,IAAI,IAAC,SAAS,EAAC,uBAAuB;gBACrC,oBAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,IAAE,MAAM,CAAQ;gBAC9D,oBAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,IAAE,OAAO,CAAQ;gBAChE,oBAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,IAAE,YAAY,CAAQ,CAC/D,CACO,CACX,CACR,CAAC;IACF,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DialogRef/index.tsx"],"names":[],"mappings":"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"}
@@ -1,12 +1,21 @@
1
- import React, { useRef, useImperativeHandle } from "react";
2
- import { Input, View, Text } from "@tarojs/components";
3
- import { getEnv } from "@tarojs/taro";
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import React, { useRef, useImperativeHandle, forwardRef, } from "react";
13
+ import { Input, View, Text, } from "@tarojs/components";
4
14
  import classNames from "classnames";
5
15
  import { inputRange } from "../../utils/index";
6
16
  import "./index.scss";
7
- const FormInput = React.forwardRef((props, formRef) => {
8
- const taroEnv = getEnv();
9
- const { onChange, maxlength, value, type, placeholder, label, labelHtml, RightComponent, onBlur, pattern, LeftComponent, LeftIcon, name, readonly = false, withArrow = false, password, } = props;
17
+ const FormInput = forwardRef((props, formRef) => {
18
+ const { onChange, maxlength, value, type, placeholder, label, labelHtml, RightComponent, onBlur, pattern, LeftComponent, LeftIcon, name, readonly = false, withArrow = false, direction = "row", border = true, mainExtra, padding = false } = props, rest = __rest(props, ["onChange", "maxlength", "value", "type", "placeholder", "label", "labelHtml", "RightComponent", "onBlur", "pattern", "LeftComponent", "LeftIcon", "name", "readonly", "withArrow", "direction", "border", "mainExtra", "padding"]);
10
19
  function handleChange(e) {
11
20
  let inputValue = inputRange(e.target.value);
12
21
  e.target.value = inputValue;
@@ -18,35 +27,44 @@ const FormInput = React.forwardRef((props, formRef) => {
18
27
  }
19
28
  const inputRef = useRef(null);
20
29
  useImperativeHandle(formRef, () => ({
21
- focus: () => {
30
+ focus() {
22
31
  inputRef.current.focus();
23
32
  },
24
33
  }));
25
- if (taroEnv !== "WEB") {
26
- return (React.createElement(View, { className: "xh-form-input" },
27
- React.createElement(View, { className: "xh-form-input-left" },
28
- label && (React.createElement(View, { className: "xh-form-input-left-label" },
29
- label,
30
- React.createElement(View, { className: "xh-form-input-left-label-icon" }, LeftIcon))),
31
- labelHtml && (React.createElement("label", { dangerouslySetInnerHTML: { __html: labelHtml }, className: "label" })),
32
- React.createElement(View, null, LeftComponent)),
33
- React.createElement(View, { className: "xh-form-input-center" }, readonly ? (React.createElement(Text, { className: classNames("xh-form-input-readonly", {
34
- "xh-form-input-placeholder": !value,
35
- }) }, value || placeholder)) : (React.createElement(Input, { ref: inputRef, className: "xh-form-input-center-native", maxlength: maxlength, name: name, placeholder: placeholder, type: type, value: value, onBlur: handleBlur, onInput: handleChange, password: password }))),
34
+ const wrapperCls = classNames("xh-form-input", {
35
+ column: direction === "column",
36
+ border,
37
+ padding,
38
+ });
39
+ if (process.env.TARO_ENV !== "h5") {
40
+ return (React.createElement(View, { className: wrapperCls },
41
+ React.createElement(View, { className: "xh-form-input-main" },
42
+ React.createElement(View, { className: "xh-form-input-main-left" },
43
+ label && (React.createElement(View, { className: "xh-form-input-main-left-label" },
44
+ label,
45
+ LeftIcon && (React.createElement(View, { className: "xh-form-input-main-left-label-icon" }, LeftIcon)))),
46
+ labelHtml && (React.createElement("label", { dangerouslySetInnerHTML: { __html: labelHtml }, className: "label" })),
47
+ React.createElement(View, null, LeftComponent)),
48
+ React.createElement(View, { className: "xh-form-input-main-center" }, readonly ? (React.createElement(Text, { className: classNames("xh-form-input-readonly", {
49
+ "xh-form-input-placeholder": !value,
50
+ }) }, value || placeholder)) : (React.createElement(Input, Object.assign({}, rest, { ref: inputRef, className: "xh-form-input-main-center-native", maxlength: maxlength, name: name, placeholder: placeholder, type: type, value: value, onBlur: handleBlur, onInput: handleChange })))),
51
+ mainExtra && (React.createElement(View, { className: "xh-form-input-main-extra" }, mainExtra))),
36
52
  React.createElement(View, { className: "xh-form-input-right" },
37
53
  RightComponent,
38
54
  withArrow && React.createElement(View, { className: "arrow" }))));
39
55
  }
40
- return (React.createElement("div", { className: "xh-form-input" },
41
- React.createElement("div", { className: "xh-form-input-left" },
42
- label && (React.createElement("label", { className: "xh-form-input-left-label" },
43
- label,
44
- React.createElement(View, { className: "xh-form-input-left-label-icon" }, LeftIcon))),
45
- labelHtml && (React.createElement("label", { dangerouslySetInnerHTML: { __html: labelHtml }, className: "label" })),
46
- React.createElement("div", null, LeftComponent)),
47
- React.createElement("div", { className: "xh-form-input-center" }, readonly ? (React.createElement("p", { className: classNames("xh-form-input-readonly", {
48
- "xh-form-input-placeholder": !value,
49
- }) }, value || placeholder)) : (React.createElement("input", { ref: inputRef, className: "xh-form-input-center-native", maxLength: maxlength, name: name, pattern: pattern, placeholder: placeholder, type: type, value: value, onBlur: handleBlur, onInput: handleChange }))),
56
+ return (React.createElement("div", { className: wrapperCls },
57
+ React.createElement("div", { className: "xh-form-input-main" },
58
+ React.createElement("div", { className: "xh-form-input-main-left" },
59
+ label && (React.createElement("label", { className: "xh-form-input-main-left-label" },
60
+ label,
61
+ LeftIcon && (React.createElement("div", { className: "xh-form-input-main-left-label-icon" }, LeftIcon)))),
62
+ labelHtml && (React.createElement("label", { dangerouslySetInnerHTML: { __html: labelHtml }, className: "label" })),
63
+ React.createElement("div", null, LeftComponent)),
64
+ React.createElement("div", { className: "xh-form-input-main-center" }, readonly ? (React.createElement("p", { className: classNames("xh-form-input-main-center-readonly", {
65
+ "xh-form-input-main-placeholder": !value,
66
+ }) }, value || placeholder)) : (React.createElement("input", { ref: inputRef, className: "xh-form-input-main-center-native", maxLength: maxlength, name: name, pattern: pattern, placeholder: placeholder, type: type, value: value, onBlur: handleBlur, onInput: handleChange }))),
67
+ mainExtra && (React.createElement("div", { className: "xh-form-input-main-extra" }, mainExtra))),
50
68
  React.createElement("div", { className: "xh-form-input-right" },
51
69
  RightComponent,
52
70
  withArrow && React.createElement("i", { className: "arrow" }))));
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormInput/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormInput/index.tsx"],"names":[],"mappings":"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"}
@@ -1,17 +1,15 @@
1
1
  import React, { useEffect, useMemo, useState } from "react";
2
2
  import { Image } from "@tarojs/components";
3
- import { getImageInfo, pxTransform } from "@tarojs/taro";
3
+ import { getImageInfo } from "@tarojs/taro";
4
4
  import "./index.scss";
5
- import { useTaroEnv } from "../../../src/hooks";
6
- const XHImage = (props) => {
5
+ const XHImage = props => {
7
6
  const { width = "", height = "", src, className } = props;
8
7
  const [defaultSize, setDefaultSize] = useState({});
9
- const state = useTaroEnv();
10
8
  useEffect(() => {
11
9
  if (process.env.TARO_ENV !== "h5" && !className) {
12
10
  getImageInfo({
13
11
  src,
14
- success: (res) => {
12
+ success: res => {
15
13
  if (res.errMsg === "getImageInfo:ok") {
16
14
  console.log(res);
17
15
  setDefaultSize({ width: res.width, height: res.height });
@@ -21,19 +19,19 @@ const XHImage = (props) => {
21
19
  }
22
20
  else {
23
21
  }
24
- }, [state]);
22
+ }, []);
25
23
  const size = useMemo(() => {
26
24
  let computedSize = defaultSize || {};
27
25
  if (width) {
28
- computedSize.width = `${pxTransform(width)}`;
26
+ computedSize.width = `${width}`;
29
27
  }
30
28
  if (height) {
31
- computedSize.height = `${pxTransform(height)}`;
29
+ computedSize.height = `${height}`;
32
30
  }
33
31
  console.log("size");
34
32
  return computedSize;
35
33
  }, [width, height, defaultSize]);
36
- return state !== "WEB" ? (React.createElement(Image, { src: src, style: size, className: className })) : (React.createElement("img", { src: src, alt: "", style: size, className: className }));
34
+ return process.env.TARO_ENV !== "h5" ? (React.createElement(Image, { src: src, style: size, className: className })) : (React.createElement("img", { src: src, alt: "", style: size, className: className }));
37
35
  };
38
36
  export default XHImage;
39
37
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Image/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAShD,MAAM,OAAO,GAAmB,CAAC,KAAK,EAAE,EAAE;IACxC,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAGpC,EAAE,CAAC,CAAC;IACd,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,IAAI,CAAC,SAAS,EAAE;YAC/C,YAAY,CAAC;gBACX,GAAG;gBACH,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE;oBACf,IAAI,GAAG,CAAC,MAAM,KAAK,iBAAiB,EAAE;wBACpC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;wBACjB,cAAc,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;qBAC1D;gBACH,CAAC;aACF,CAAC,CAAC;SACJ;aAAM;SACN;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,IAAI,YAAY,GAAG,WAAW,IAAI,EAAE,CAAC;QACrC,IAAI,KAAK,EAAE;YACR,YAAoB,CAAC,KAAK,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;SACvD;QACD,IAAI,MAAM,EAAE;YACT,YAAoB,CAAC,MAAM,GAAG,GAAG,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC;SACzD;QACD,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAEpB,OAAO,YAAY,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAEjC,OAAO,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,CACvB,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI,CACvD,CAAC,CAAC,CAAC,CACF,6BAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI,CAC5D,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Image/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,cAAc,CAAC;AAStB,MAAM,OAAO,GAAmB,KAAK,CAAC,EAAE;IACtC,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAGpC,EAAE,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,IAAI,CAAC,SAAS,EAAE;YAC/C,YAAY,CAAC;gBACX,GAAG;gBACH,OAAO,EAAE,GAAG,CAAC,EAAE;oBACb,IAAI,GAAG,CAAC,MAAM,KAAK,iBAAiB,EAAE;wBACpC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;wBACjB,cAAc,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;qBAC1D;gBACH,CAAC;aACF,CAAC,CAAC;SACJ;aAAM;SACN;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,IAAI,YAAY,GAAG,WAAW,IAAI,EAAE,CAAC;QACrC,IAAI,KAAK,EAAE;YACR,YAAoB,CAAC,KAAK,GAAG,GAAG,KAAK,EAAE,CAAC;SAC1C;QACD,IAAI,MAAM,EAAE;YACT,YAAoB,CAAC,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;SAC5C;QACD,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAEpB,OAAO,YAAY,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAEjC,OAAO,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CACrC,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI,CACvD,CAAC,CAAC,CAAC,CACF,6BAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI,CAC5D,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -1,21 +1,24 @@
1
- import React from 'react';
2
- import './index.scss';
3
- import { View, Text } from '@tarojs/components';
4
- import classNames from 'classnames';
5
- const XHList = (props) => {
6
- const { title = '', description = '', icon, extra = '', extraIcon = '', arrow, border = true, onClick } = props;
7
- const listcls = classNames('xh-list', { border });
8
- const handleClick = () => {
9
- onClick && onClick();
1
+ import React from "react";
2
+ import { View, Text } from "@tarojs/components";
3
+ import classNames from "classnames";
4
+ import "./index.scss";
5
+ const XHList = props => {
6
+ const { title = "", description = "", icon, extra = "", extraIcon = "", arrow, border = true, onClick, className, outline = true, condensed = false, descriptionColor = "", extraColor = "", ellipsis = true, padding = false, } = props;
7
+ const listcls = classNames("xh-list", { border }, { outline }, { condensed }, { padding }, className);
8
+ const mainCls = classNames("xh-list-main", {
9
+ ellipsis,
10
+ });
11
+ const handleClick = (e) => {
12
+ onClick && onClick(e);
10
13
  };
11
14
  return (React.createElement(View, { className: listcls, onClick: handleClick },
12
- icon && React.createElement(View, { className: 'xh-list-icon' }, icon),
13
- React.createElement(View, { className: 'xh-list-main' },
14
- React.createElement(Text, { className: 'xh-list-main-title' }, title),
15
- React.createElement(Text, { className: 'xh-list-main-description' }, description)),
15
+ icon && React.createElement(View, { className: "xh-list-icon" }, icon),
16
+ React.createElement(View, { className: mainCls },
17
+ title && React.createElement(Text, { className: "xh-list-main-title" }, title),
18
+ React.createElement(Text, { className: "xh-list-main-description", style: { color: descriptionColor } }, description)),
16
19
  React.createElement(View, { className: "xh-list-extra" },
17
- React.createElement(View, { className: "xh-list-extra-info" }, extra),
18
- React.createElement(View, { className: "xh-list-extra-icon" }, extraIcon ? extraIcon : (arrow && React.createElement(View, { className: "arrow" }))))));
20
+ React.createElement(View, { className: "xh-list-extra-info", style: { color: extraColor } }, extra),
21
+ React.createElement(View, { className: "xh-list-extra-icon" }, extraIcon ? extraIcon : arrow && React.createElement(View, { className: "arrow" })))));
19
22
  };
20
23
  export default XHList;
21
24
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC/C,OAAO,UAAU,MAAM,YAAY,CAAA;AAanC,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IAExC,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,WAAW,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAE/G,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,CAAA;IAEjD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,IAAI,OAAO,EAAE,CAAA;IACtB,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW;QAC3C,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,cAAc,IAAE,IAAI,CAAQ;QACrD,oBAAC,IAAI,IAAC,SAAS,EAAC,cAAc;YAC5B,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,IAAE,KAAK,CAAQ;YACnD,oBAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,IAAE,WAAW,CAAQ,CAC1D;QACP,oBAAC,IAAI,IAAC,SAAS,EAAC,eAAe;YAC7B,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,IAAE,KAAK,CAAQ;YACnD,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,IAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,OAAO,GAAG,CAAC,CAAQ,CACtG,CACF,CACR,CAAA;AACH,CAAC,CAAA;AACD,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAe,MAAM,oBAAoB,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,cAAc,CAAC;AAmBtB,MAAM,MAAM,GAAoB,KAAK,CAAC,EAAE;IACtC,MAAM,EACJ,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,EAAE,EAChB,IAAI,EACJ,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,EAAE,EACd,KAAK,EACL,MAAM,GAAG,IAAI,EACb,OAAO,EACP,SAAS,EACT,OAAO,GAAG,IAAI,EACd,SAAS,GAAG,KAAK,EACjB,gBAAgB,GAAG,EAAE,EACrB,UAAU,GAAG,EAAE,EACf,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,KAAK,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,EACT,EAAE,MAAM,EAAE,EACV,EAAE,OAAO,EAAE,EACX,EAAE,SAAS,EAAE,EACb,EAAE,OAAO,EAAE,EACX,SAAS,CACV,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,EAAE;QACzC,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,CAAC,CAAc,EAAE,EAAE;QACrC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW;QAC3C,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,cAAc,IAAE,IAAI,CAAQ;QACrD,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO;YACrB,KAAK,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,IAAE,KAAK,CAAQ;YAC7D,oBAAC,IAAI,IACH,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAEjC,WAAW,CACP,CACF;QACP,oBAAC,IAAI,IAAC,SAAS,EAAC,eAAe;YAC7B,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAC9D,KAAK,CACD;YACP,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,IACjC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,OAAO,GAAG,CACvD,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,MAAM,CAAC"}
@@ -1,14 +1,16 @@
1
- import React from 'react';
2
- import classNames from 'classnames';
3
- import { View } from '@tarojs/components';
4
- import Mask from '../Mask';
5
- import './index.scss';
6
- const Loading = ({ mask, className }) => {
7
- const cls = classNames({ className });
8
- return (React.createElement(View, { className: "xh-loading" },
9
- React.createElement(Mask, { className: cls, mask: mask }),
1
+ import React from "react";
2
+ import classNames from "classnames";
3
+ import { View } from "@tarojs/components";
4
+ import Mask from "../Mask";
5
+ import "./index.scss";
6
+ const Loading = ({ mask, className, tip = "", color = "", }) => {
7
+ const cls = classNames("xh-loading", className);
8
+ return (React.createElement(View, { className: cls },
9
+ React.createElement(Mask, { mask: mask }),
10
10
  React.createElement(View, { className: "xh-loading-main" },
11
- React.createElement(View, { className: "xh-loading-icon" }))));
11
+ React.createElement(View, { className: "xh-loading-main-spinner" }, [...Array(12).keys()].map((index) => (React.createElement(View, { className: classNames("xh-loading-main-spinner-circle", `is-circle${index + 1}`), key: `spinner${index}` },
12
+ React.createElement(View, { className: "dot-rotate", style: { backgroundColor: color } }))))),
13
+ tip && React.createElement(View, { className: "xh-loading-main-tip" }, tip))));
12
14
  };
13
15
  export default Loading;
14
16
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Loading/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AACzC,OAAO,IAAmB,MAAM,SAAS,CAAA;AAEzC,OAAO,cAAc,CAAA;AAMrB,MAAM,OAAO,GAAqB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE;IACxD,MAAM,GAAG,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC,CAAA;IAErC,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAC,YAAY;QAC1B,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,GAAG;QACnC,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB;YAC/B,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,GAAG,CAC/B,CACF,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Loading/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,IAAmB,MAAM,SAAS,CAAC;AAE1C,OAAO,cAAc,CAAC;AAQtB,MAAM,OAAO,GAAqB,CAAC,EACjC,IAAI,EACJ,SAAS,EACT,GAAG,GAAG,EAAE,EACR,KAAK,GAAG,EAAE,GACX,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAEhD,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG;QAClB,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI;QACpB,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB;YAC/B,oBAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,IACtC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACpC,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CACnB,gCAAgC,EAChC,YAAY,KAAK,GAAG,CAAC,EAAE,CACxB,EACD,GAAG,EAAE,UAAU,KAAK,EAAE;gBAEtB,oBAAC,IAAI,IACH,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,GAC3B,CACH,CACR,CAAC,CACG;YACN,GAAG,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,IAAE,GAAG,CAAQ,CACrD,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -1,12 +1,12 @@
1
- import React from 'react';
2
- import classNames from 'classnames';
3
- import { View } from '@tarojs/components';
4
- import './index.scss';
5
- const Mask = (props) => {
1
+ import React from "react";
2
+ import classNames from "classnames";
3
+ import { View } from "@tarojs/components";
4
+ import "./index.scss";
5
+ const Mask = props => {
6
6
  const { closeOnClickMask = true, onClick, mask } = props;
7
- const cls = classNames('xh-mask', {
8
- 'xh-mask-normal': mask === 'normal',
9
- 'xh-mask-transparent': mask === 'transparent',
7
+ const cls = classNames("xh-mask", {
8
+ "xh-mask-normal": mask === "normal",
9
+ "xh-mask-transparent": mask === "transparent",
10
10
  });
11
11
  function handleClick(e) {
12
12
  closeOnClickMask && onClick && onClick(e);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Mask/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAEzC,OAAO,cAAc,CAAA;AAQrB,MAAM,IAAI,GAAkB,CAAC,KAAK,EAAE,EAAE;IACpC,MAAM,EAAE,gBAAgB,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IAExD,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE;QAChC,gBAAgB,EAAE,IAAI,KAAK,QAAQ;QACnC,qBAAqB,EAAE,IAAI,KAAK,aAAa;KAC9C,CAAC,CAAA;IAEF,SAAS,WAAW,CAAC,CAAM;QACzB,gBAAgB,IAAI,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAA;IAC3C,CAAC;IAED,OAAO,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,GAAI,CAAA;AACvD,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Mask/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,OAAO,cAAc,CAAC;AAQtB,MAAM,IAAI,GAAkB,KAAK,CAAC,EAAE;IAClC,MAAM,EAAE,gBAAgB,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEzD,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE;QAChC,gBAAgB,EAAE,IAAI,KAAK,QAAQ;QACnC,qBAAqB,EAAE,IAAI,KAAK,aAAa;KAC9C,CAAC,CAAC;IAEH,SAAS,WAAW,CAAC,CAAM;QACzB,gBAAgB,IAAI,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IAC5C,CAAC;IAED,OAAO,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,GAAI,CAAC;AACxD,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -3,8 +3,7 @@ import classNames from "classnames";
3
3
  import { CSSTransition } from "react-transition-group";
4
4
  import { View } from "@tarojs/components";
5
5
  import "./index.scss";
6
- import Key from "./Key";
7
- const NumberKeyboard = (props) => {
6
+ const NumberKeyboard = props => {
8
7
  const { onBlur, show, maxLength = Number.MAX_SAFE_INTEGER, showClose = true, closeOnClickSpace = true, onClose, onChange, value, className, } = props;
9
8
  const [input, setInput] = useState(value);
10
9
  const keys = getKeys();
@@ -23,7 +22,10 @@ const NumberKeyboard = (props) => {
23
22
  onClose && onClose(e);
24
23
  onBlur && onBlur(e);
25
24
  }
26
- function handleKeyPress({ type, value }) {
25
+ function handleKeyPress(e, { type, value }) {
26
+ if (process.env.TARO_ENV === "h5") {
27
+ e.stopImmediatePropagation();
28
+ }
27
29
  if (type === "none")
28
30
  return;
29
31
  let newInput = input;
@@ -41,16 +43,19 @@ const NumberKeyboard = (props) => {
41
43
  for (let i = 1; i <= 9; i++) {
42
44
  keys.push({ text: i, value: i, type: "number" });
43
45
  }
44
- keys.push({ text: "", value: "", type: "none" }, { text: 0, value: 0, type: "number" }, { text: "delete", value: "", type: "delete" });
46
+ keys.push({ text: "", value: "", type: "none" }, { text: 0, value: 0, type: "number" }, { text: "", value: "", type: "delete" });
45
47
  return keys;
46
48
  }
47
49
  const keyboardcls = classNames("xh-number-keyboard", className);
48
50
  return (React.createElement(CSSTransition, { classNames: "slide-up", in: show, unmountOnExit: true, timeout: 200 },
49
51
  React.createElement(View, { className: keyboardcls },
50
52
  React.createElement(View, { className: "xh-number-keyboard-header" }, showClose && (React.createElement(View, { className: "xh-number-keyboard-close", onClick: handleClose }, "\u5B8C\u6210"))),
51
- React.createElement(View, { className: "xh-number-keyboard-body" }, keys.map((key, index) => (React.createElement(Key, { key: index, className: classNames({
52
- "xh-number-keyboard-key-gray": key.type !== "number",
53
- }), onClick: () => handleKeyPress(key) }, key.type === "delete" ? (React.createElement(View, { className: "xh-number-keyboard-delete" })) : (React.createElement(View, null, key.text)))))))));
53
+ React.createElement(View, { className: "xh-number-keyboard-body" }, keys.map((key, index) => (React.createElement(View, { key: index, className: classNames("xh-number-keyboard-body-key", {
54
+ none: key.type === "none",
55
+ delete: key.type === "delete",
56
+ }), onClick: e => {
57
+ handleKeyPress(e, key);
58
+ } }, key.text)))))));
54
59
  };
55
60
  export default NumberKeyboard;
56
61
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NumberKeyboard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AACnE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,OAAO,cAAc,CAAC;AACtB,OAAO,GAAG,MAAM,OAAO,CAAC;AAyBxB,MAAM,cAAc,GAA4B,CAAC,KAAK,EAAE,EAAE;IACxD,MAAM,EACJ,MAAM,EACN,IAAI,EACJ,SAAS,GAAG,MAAM,CAAC,gBAAgB,EACnC,SAAS,GAAG,IAAI,EAChB,iBAAiB,GAAG,IAAI,EACxB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,GACV,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,EAAE;YACrB,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;SACjD;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,SAAS,WAAW,CAAC,CAAC;QACpB,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;QACtB,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC;IAED,SAAS,cAAc,CAAC,EAAE,IAAI,EAAE,KAAK,EAAQ;QAC3C,IAAI,IAAI,KAAK,MAAM;YAAE,OAAO;QAE5B,IAAI,QAAQ,GAAG,KAAK,CAAC;QAErB,IAAI,IAAI,KAAK,QAAQ,EAAE;YACrB,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;SAC7C;aAAM,IAAI,QAAQ,CAAC,MAAM,GAAG,SAAS,EAAE;YACtC,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;SAC1B;QAED,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAEnB,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC;IAED,SAAS,OAAO;QACd,MAAM,IAAI,GAAW,EAAE,CAAC;QAExB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;YAC3B,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;SAClD;QAED,IAAI,CAAC,IAAI,CACP,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EACrC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EACrC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAC9C,CAAC;QAEF,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,WAAW,GAAG,UAAU,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;IAEhE,OAAO,CACL,oBAAC,aAAa,IAAC,UAAU,EAAC,UAAU,EAAC,EAAE,EAAE,IAAI,EAAE,aAAa,QAAC,OAAO,EAAE,GAAG;QACvE,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW;YAC1B,oBAAC,IAAI,IAAC,SAAS,EAAC,2BAA2B,IACxC,SAAS,IAAI,CACZ,oBAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,WAAW,mBAExD,CACR,CACI;YACP,oBAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,IACtC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,oBAAC,GAAG,IACF,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,UAAU,CAAC;oBACpB,6BAA6B,EAAE,GAAG,CAAC,IAAI,KAAK,QAAQ;iBACrD,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,IAEjC,GAAG,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACvB,oBAAC,IAAI,IAAC,SAAS,EAAC,2BAA2B,GAAG,CAC/C,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,QAAE,GAAG,CAAC,IAAI,CAAQ,CACxB,CACG,CACP,CAAC,CACG,CACF,CACO,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NumberKeyboard/index.tsx"],"names":[],"mappings":"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"}
@@ -1,14 +1,14 @@
1
- import React from 'react';
2
- import Loading from '../Loading';
3
- import { View } from '@tarojs/components';
1
+ import React from "react";
2
+ import { View } from "@tarojs/components";
4
3
  import classname from "classnames";
5
- import './index.scss';
6
- const Page = props => {
7
- const { children, loading = false, className = "", mask = "normal", } = props;
4
+ import "./index.scss";
5
+ import Loading from "../Loading";
6
+ const Page = (props) => {
7
+ const { children, loading = false, className = "", mask = "normal", tip, loadingColor, } = props;
8
8
  const classObj = classname("xh-page", className);
9
9
  return (React.createElement(View, { className: classObj },
10
10
  loading && (React.createElement(View, { className: "loading-wrapper" },
11
- React.createElement(Loading, { mask: mask }))),
11
+ React.createElement(Loading, { mask: mask, tip: tip, color: loadingColor }))),
12
12
  children));
13
13
  };
14
14
  export default Page;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAA;AACpD,OAAO,OAAyB,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AACzC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,cAAc,CAAA;AAOrB,MAAM,IAAI,GAAkB,KAAK,CAAC,EAAE;IAClC,MAAM,EACJ,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,QAAQ,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAEjD,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,QAAQ;QAElB,OAAO,IAAI,CACV,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB;YAC/B,oBAAC,OAAO,IAAC,IAAI,EAAE,IAAI,GAAG,CACjB,CACR;QACA,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,cAAc,CAAC;AACtB,OAAO,OAAyB,MAAM,YAAY,CAAC;AASnD,MAAM,IAAI,GAAkB,CAAC,KAAK,EAAE,EAAE;IACpC,MAAM,EACJ,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,QAAQ,EACf,GAAG,EACH,YAAY,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAEjD,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,QAAQ;QACtB,OAAO,IAAI,CACV,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB;YAC/B,oBAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,GAAI,CACjD,CACR;QACA,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -0,0 +1,109 @@
1
+ import React, { useRef, useState, } from "react";
2
+ import { View } from "@tarojs/components";
3
+ import classNames from "classnames";
4
+ import Popup from "../Popup";
5
+ import Button from "../Button";
6
+ import { useAsyncEffect, useTouch } from "../../hooks";
7
+ const Picker = (props) => {
8
+ const { visible, title, ItemComponent, Footer, data, onCancel, onConfirm, onClose, cancelText = "取消", confirmText = "确定", } = props;
9
+ const [selectIndex, setSelectIndex] = useState(0);
10
+ const rootRef = useRef(null);
11
+ const threshold = 30; // 可拉超出的最高距离
12
+ const [transformDistance, setTransformDistance] = useState(0); // 滚动区域translateY
13
+ const lastTranslateY = useRef(0);
14
+ const [perItemHeight, setPerItemHeight] = useState(0); // 每个item的高度
15
+ const touch = useTouch();
16
+ const renderItem = () => {
17
+ return data.map((item, index) => {
18
+ let text = typeof item === "string" ? item : item.text;
19
+ const itemClass = classNames("xh-picker-body-view-item", {
20
+ active: selectIndex === index,
21
+ });
22
+ return (React.createElement(View, { className: itemClass, onClick: e => handleSelect(index, e), key: index }, ItemComponent ? ItemComponent({ data: item }) : text));
23
+ });
24
+ };
25
+ const renderHeader = () => {
26
+ return (React.createElement(React.Fragment, null,
27
+ React.createElement(Button, { className: "xh-picker-header-button picker-cancel", shape: "square", size: "mini", type: "ghost", onClick: handleCancel }, cancelText),
28
+ title && React.createElement("div", { className: "xh-picker-header-title" }, title),
29
+ React.createElement(Button, { className: "xh-picker-header-button picker-confirm", shape: "square", size: "mini", type: "ghost", onClick: handleConfirm }, confirmText)));
30
+ };
31
+ useAsyncEffect(async () => {
32
+ if (visible) {
33
+ const { height } = await rootRef.current.getBoundingClientRect();
34
+ const perheight = height / data.length;
35
+ setPerItemHeight(perheight);
36
+ }
37
+ }, [visible, data.length]);
38
+ function handleSelect(index, e) {
39
+ setSelectIndex(index);
40
+ handleConfirm(e, index);
41
+ }
42
+ function getValue(index) {
43
+ return data[index];
44
+ }
45
+ function handleCancel(e) {
46
+ setSelectIndex(selectIndex);
47
+ onCancel && onCancel(e);
48
+ onClose && onClose(e);
49
+ }
50
+ function handleConfirm(e, index = selectIndex) {
51
+ const value = getValue(index);
52
+ onConfirm && onConfirm(value, index);
53
+ onClose && onClose(e);
54
+ }
55
+ const handleToucMove = (e) => {
56
+ e.preventDefault();
57
+ e.stopPropagation();
58
+ // 试验
59
+ touch.touchmove(e);
60
+ const distanceY = touch.touchMoveDistance.y;
61
+ if (distanceY === 0)
62
+ return; // 点击事件
63
+ console.log(distanceY);
64
+ console.log("distanceY");
65
+ let finaltrans = distanceY + lastTranslateY.current;
66
+ if (Math.abs(finaltrans) < perItemHeight / 3)
67
+ return;
68
+ if (finaltrans >= perItemHeight)
69
+ return;
70
+ if (finaltrans <= -perItemHeight * data.length - threshold)
71
+ return;
72
+ setTransformDistance(finaltrans);
73
+ };
74
+ const handleTouchStart = (e) => {
75
+ e.preventDefault();
76
+ lastTranslateY.current = transformDistance; // end的时候记录最后一次transiton
77
+ // shiyan
78
+ touch.touchstart(e);
79
+ };
80
+ const handleTouchEnd = (e) => {
81
+ touch.touchend(e);
82
+ e.preventDefault();
83
+ const total = perItemHeight * data.length;
84
+ let index = data.length -
85
+ Math.round((total - Math.abs(transformDistance)) / perItemHeight);
86
+ if (index < 0 ||
87
+ (transformDistance > 0 && transformDistance <= perItemHeight) // 如果往上滚动到顶
88
+ )
89
+ index = 0;
90
+ if (index > data.length - 1)
91
+ index = data.length - 1;
92
+ setTransformDistance(-(index * perItemHeight));
93
+ setSelectIndex(index);
94
+ };
95
+ return (React.createElement(Popup, { visible: visible },
96
+ React.createElement(View, { className: "xh-picker" },
97
+ React.createElement(View, { className: "xh-picker-header" }, renderHeader()),
98
+ React.createElement(View, { className: "xh-picker-body" },
99
+ React.createElement(View, { className: "xh-picker-body-view", ref: rootRef, onTouchStart: handleTouchStart, onTouchMove: handleToucMove, onTouchEnd: handleTouchEnd, style: {
100
+ transform: `translateY(${transformDistance}px)`,
101
+ }, "catch-move": true }, renderItem()),
102
+ React.createElement(View, { className: "xh-picker-body-mask" },
103
+ React.createElement(View, { className: "xh-picker-body-mask-top" }),
104
+ React.createElement(View, { className: "xh-picker-body-mask-middle" }),
105
+ React.createElement(View, { className: "xh-picker-body-mask-bottom" }))),
106
+ React.createElement(View, { className: "xh-picker-footer" }, Footer))));
107
+ };
108
+ export default Picker;
109
+ //# sourceMappingURL=Picker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Picker.js","sourceRoot":"","sources":["../../../src/components/Picker/Picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,MAAM,EAEN,QAAQ,GAET,MAAM,OAAO,CAAC;AACf,OAAO,EAAe,IAAI,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAwBvD,MAAM,MAAM,GAAG,CAAwB,KAAqB,EAAgB,EAAE;IAC5E,MAAM,EACJ,OAAO,EACP,KAAK,EACL,aAAa,EACb,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,IAAI,GACnB,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElD,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,EAAE,CAAC,CAAC,YAAY;IAClC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB;IAChF,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IACjC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY;IACnE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,UAAU,GAAG,GAAc,EAAE;QACjC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC9B,IAAI,IAAI,GACN,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,IAA0B,CAAC,IAAI,CAAC;YACrE,MAAM,SAAS,GAAG,UAAU,CAAC,0BAA0B,EAAE;gBACvD,MAAM,EAAE,WAAW,KAAK,KAAK;aAC9B,CAAC,CAAC;YACH,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,EACpC,GAAG,EAAE,KAAK,IAET,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAChD,CACR,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IACF,MAAM,YAAY,GAAG,GAAc,EAAE;QACnC,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;YACb,oBAAC,MAAM,IACL,SAAS,EAAC,uCAAuC,EACjD,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,YAAY,IAEpB,UAAU,CACJ;YACR,KAAK,IAAI,6BAAK,SAAS,EAAC,wBAAwB,IAAE,KAAK,CAAO;YAC/D,oBAAC,MAAM,IACL,SAAS,EAAC,wCAAwC,EAClD,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,aAAa,IAErB,WAAW,CACL,CACM,CAClB,CAAC;IACJ,CAAC,CAAC;IAEF,cAAc,CAAC,KAAK,IAAI,EAAE;QACxB,IAAI,OAAO,EAAE;YACX,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,OAAQ,CAAC,qBAAqB,EAAE,CAAC;YAClE,MAAM,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;YAEvC,gBAAgB,CAAC,SAAS,CAAC,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAE3B,SAAS,YAAY,CAAC,KAAa,EAAE,CAAc;QACjD,cAAc,CAAC,KAAK,CAAC,CAAC;QAEtB,aAAa,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IAC1B,CAAC;IAED,SAAS,QAAQ,CAAC,KAAa;QAC7B,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC;IAED,SAAS,YAAY,CAAC,CAAC;QACrB,cAAc,CAAC,WAAW,CAAC,CAAC;QAE5B,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;QACxB,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;IAED,SAAS,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,WAAW;QAC3C,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,SAAS,IAAI,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACrC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;IAED,MAAM,cAAc,GAAG,CAAC,CAAc,EAAE,EAAE;QACxC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,KAAK;QACL,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QACnB,MAAM,SAAS,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;QAC5C,IAAI,SAAS,KAAK,CAAC;YAAE,OAAO,CAAC,OAAO;QACpC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACvB,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACzB,IAAI,UAAU,GAAG,SAAS,GAAG,cAAc,CAAC,OAAO,CAAC;QACpD,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,aAAa,GAAG,CAAC;YAAE,OAAO;QACrD,IAAI,UAAU,IAAI,aAAa;YAAE,OAAO;QACxC,IAAI,UAAU,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,GAAG,SAAS;YAAE,OAAO;QACnE,oBAAoB,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,CAAc,EAAE,EAAE;QAC1C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,cAAc,CAAC,OAAO,GAAG,iBAAiB,CAAC,CAAC,wBAAwB;QACpE,SAAS;QACT,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAAc,EAAE,EAAE;QACxC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAClB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,KAAK,GAAG,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC;QAC1C,IAAI,KAAK,GACP,IAAI,CAAC,MAAM;YACX,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC;QAEpE,IACE,KAAK,GAAG,CAAC;YACT,CAAC,iBAAiB,GAAG,CAAC,IAAI,iBAAiB,IAAI,aAAa,CAAC,CAAC,WAAW;;YAEzE,KAAK,GAAG,CAAC,CAAC;QAEZ,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC;YAAE,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QACrD,oBAAoB,CAAC,CAAC,CAAC,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC;QAC/C,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,IAAC,OAAO,EAAE,OAAO;QACrB,oBAAC,IAAI,IAAC,SAAS,EAAC,WAAW;YACzB,oBAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,IAAE,YAAY,EAAE,CAAQ;YAC1D,oBAAC,IAAI,IAAC,SAAS,EAAC,gBAAgB;gBAC9B,oBAAC,IAAI,IACH,SAAS,EAAC,qBAAqB,EAC/B,GAAG,EAAE,OAAO,EACZ,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,cAAc,EAC3B,UAAU,EAAE,cAAc,EAC1B,KAAK,EAAE;wBACL,SAAS,EAAE,cAAc,iBAAiB,KAAK;qBAChD,wBAGA,UAAU,EAAE,CACR;gBACP,oBAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB;oBACnC,oBAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,GAAQ;oBACjD,oBAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B,GAAQ;oBACpD,oBAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B,GAAQ,CAC/C,CACF;YACP,oBAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,IAAE,MAAM,CAAQ,CAC7C,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}