taro-react-uilib 1.0.4 → 1.0.24

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/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/src/hooks/index.js +2 -0
  110. package/dist/components/src/hooks/index.js.map +1 -0
  111. package/dist/components/src/index.js +2 -0
  112. package/dist/components/src/index.js.map +1 -0
  113. package/dist/components/src/utils/index.js +2 -0
  114. package/dist/components/src/utils/index.js.map +1 -0
  115. package/dist/index.js +2 -3010
  116. package/dist/index.js.map +1 -1
  117. package/dist/index.umd.js +9 -3018
  118. package/dist/index.umd.js.map +1 -1
  119. package/dist/styles/components/alert.scss +9 -4
  120. package/dist/styles/components/animated.scss +152 -0
  121. package/dist/styles/components/bankicon.scss +3 -1
  122. package/dist/styles/components/button.scss +23 -12
  123. package/dist/styles/components/captcha.scss +14 -2
  124. package/dist/styles/components/confirm.scss +16 -7
  125. package/dist/styles/components/dialog.scss +224 -0
  126. package/dist/styles/components/dialogref.scss +45 -168
  127. package/dist/styles/components/fade.scss +22 -0
  128. package/dist/styles/components/font/iconfont.ttf +0 -0
  129. package/dist/styles/components/font/iconfont.woff +0 -0
  130. package/dist/styles/components/font/iconfont.woff2 +0 -0
  131. package/dist/styles/components/forminput.scss +92 -57
  132. package/dist/styles/components/image.scss +1 -1
  133. package/dist/styles/components/images/backspace.png +0 -0
  134. package/dist/styles/components/images/loading.png +0 -0
  135. package/dist/styles/components/index.scss +9 -2
  136. package/dist/styles/components/list.scss +21 -18
  137. package/dist/styles/components/loading.scss +50 -9
  138. package/dist/styles/components/mask.scss +3 -2
  139. package/dist/styles/components/numberkeyboard.scss +48 -20
  140. package/dist/styles/components/page.scss +5 -4
  141. package/dist/styles/components/passwordinput.scss +2 -0
  142. package/dist/styles/components/picker.scss +147 -0
  143. package/dist/styles/components/popup.scss +77 -0
  144. package/dist/styles/components/scale.scss +27 -0
  145. package/dist/styles/components/scrollview.scss +4 -0
  146. package/dist/styles/components/slide.scss +105 -0
  147. package/dist/styles/components/tabbar.scss +42 -0
  148. package/dist/styles/components/toast.scss +2 -2
  149. package/dist/styles/index.scss +5 -5
  150. package/dist/styles/{components/dialogcomponent.scss → themes/animation.scss} +33 -74
  151. package/dist/styles/themes/default.scss +2 -2
  152. package/dist/styles/themes/variable.scss +3 -4
  153. package/lib/components/Animated/Animated.js +20 -0
  154. package/lib/components/Animated/Animated.js.map +1 -0
  155. package/lib/components/Animated/Fade/index.js +19 -0
  156. package/lib/components/Animated/Fade/index.js.map +1 -0
  157. package/lib/components/Animated/Scale/index.js +19 -0
  158. package/lib/components/Animated/Scale/index.js.map +1 -0
  159. package/lib/components/Animated/Slide/index.js +19 -0
  160. package/lib/components/Animated/Slide/index.js.map +1 -0
  161. package/lib/components/Animated/index.js +5 -0
  162. package/lib/components/Animated/index.js.map +1 -0
  163. package/lib/components/Button/index.js +27 -5
  164. package/lib/components/Button/index.js.map +1 -1
  165. package/lib/components/Captcha/index.js +17 -5
  166. package/lib/components/Captcha/index.js.map +1 -1
  167. package/lib/components/Dialog/Alert/index.js +3 -3
  168. package/lib/components/Dialog/Alert/index.js.map +1 -1
  169. package/lib/components/Dialog/Confirm/index.js +4 -4
  170. package/lib/components/Dialog/Confirm/index.js.map +1 -1
  171. package/lib/components/Dialog/index.js +1 -1
  172. package/lib/components/Dialog/index.js.map +1 -1
  173. package/lib/components/{Dialog/DialogComponent → DialogComponent}/index.js +1 -1
  174. package/lib/components/DialogComponent/index.js.map +1 -0
  175. package/lib/components/DialogRef/index.js +8 -7
  176. package/lib/components/DialogRef/index.js.map +1 -1
  177. package/lib/components/FormInput/index.js +44 -24
  178. package/lib/components/FormInput/index.js.map +1 -1
  179. package/lib/components/List/index.js +18 -15
  180. package/lib/components/List/index.js.map +1 -1
  181. package/lib/components/Loading/index.js +12 -10
  182. package/lib/components/Loading/index.js.map +1 -1
  183. package/lib/components/Mask/index.js +8 -8
  184. package/lib/components/Mask/index.js.map +1 -1
  185. package/lib/components/NumberKeyboard/index.js +12 -7
  186. package/lib/components/NumberKeyboard/index.js.map +1 -1
  187. package/lib/components/Page/index.js +7 -7
  188. package/lib/components/Page/index.js.map +1 -1
  189. package/lib/components/Picker/Picker.js +109 -0
  190. package/lib/components/Picker/Picker.js.map +1 -0
  191. package/lib/components/Picker/index.js +35 -0
  192. package/lib/components/Picker/index.js.map +1 -0
  193. package/lib/components/Popup/index.js +61 -0
  194. package/lib/components/Popup/index.js.map +1 -0
  195. package/lib/components/ScrollView/index.js +34 -0
  196. package/lib/components/ScrollView/index.js.map +1 -0
  197. package/lib/components/Tabbar/index.js +6 -0
  198. package/lib/components/Tabbar/index.js.map +1 -0
  199. package/lib/components/Tabbar/tabbar/TabItem.js +10 -0
  200. package/lib/components/Tabbar/tabbar/TabItem.js.map +1 -0
  201. package/lib/components/Tabbar/tabbar/Tabbar.js +74 -0
  202. package/lib/components/Tabbar/tabbar/Tabbar.js.map +1 -0
  203. package/lib/components/Toast/index.js +11 -3
  204. package/lib/components/Toast/index.js.map +1 -1
  205. package/lib/hooks/index.js +42 -1
  206. package/lib/hooks/index.js.map +1 -1
  207. package/lib/index.js +3 -0
  208. package/lib/index.js.map +1 -1
  209. package/lib/utils/index.js +18 -2
  210. package/lib/utils/index.js.map +1 -1
  211. package/package.json +134 -131
  212. package/types/components/Animated/Animated.d.ts +12 -0
  213. package/types/components/Animated/Fade/index.d.ts +9 -0
  214. package/types/components/Animated/Scale/index.d.ts +9 -0
  215. package/types/components/Animated/Slide/index.d.ts +11 -0
  216. package/types/components/Animated/index.d.ts +3 -0
  217. package/types/components/Button/index.d.ts +3 -2
  218. package/types/components/Captcha/index.d.ts +5 -3
  219. package/types/components/Dialog/index.d.ts +1 -1
  220. package/types/components/DialogComponent/index.d.ts +19 -0
  221. package/types/components/DialogRef/index.d.ts +4 -2
  222. package/types/components/FormInput/index.d.ts +9 -23
  223. package/types/components/List/index.d.ts +14 -6
  224. package/types/components/Loading/index.d.ts +6 -4
  225. package/types/components/Mask/index.d.ts +4 -4
  226. package/types/components/Page/index.d.ts +7 -5
  227. package/types/components/Picker/Picker.d.ts +23 -0
  228. package/types/components/Picker/index.d.ts +15 -0
  229. package/types/components/Popup/index.d.ts +10 -0
  230. package/types/components/ScrollView/index.d.ts +11 -0
  231. package/types/components/Tabbar/components/TabItem.d.ts +9 -0
  232. package/types/components/Tabbar/components/Tabbar.d.ts +30 -0
  233. package/types/components/Tabbar/index.d.ts +8 -0
  234. package/types/components/Tabbar/tabbar/TabItem.d.ts +9 -0
  235. package/types/components/Tabbar/tabbar/Tabbar.d.ts +30 -0
  236. package/types/hooks/index.d.ts +23 -0
  237. package/types/index.d.ts +3 -0
  238. package/types/utils/index.d.ts +1 -0
  239. package/dist/index.esm.js +0 -2995
  240. package/dist/index.esm.js.map +0 -1
  241. package/dist/styles/components/key.scss +0 -27
  242. package/lib/components/Dialog/DialogComponent/index.js.map +0 -1
  243. package/lib/components/NumberKeyboard/Key/index.js +0 -9
  244. package/lib/components/NumberKeyboard/Key/index.js.map +0 -1
@@ -0,0 +1,61 @@
1
+ import React, { useEffect } from "react";
2
+ import ReactDOM from "react-dom";
3
+ import classNames from "classnames";
4
+ import { View } from "@tarojs/components";
5
+ import { Fade, Slide } from "../Animated";
6
+ import Mask from "../Mask";
7
+ import "./index.scss";
8
+ const positionMap = {
9
+ top: "down",
10
+ bottom: "up",
11
+ left: "right",
12
+ right: "left",
13
+ };
14
+ const Popup = props => {
15
+ const { visible, position = "bottom", children, onClose } = props;
16
+ const direction = positionMap[position];
17
+ const cls = classNames("xh-popup-content", {
18
+ "xh-popup-content-left": position === "left",
19
+ "xh-popup-content-right": position === "right",
20
+ "xh-popup-content-top": position === "top",
21
+ "xh-popup-content-bottom": position === "bottom",
22
+ });
23
+ useEffect(() => {
24
+ if (visible) {
25
+ document.body.style.touchAction = "none";
26
+ document.body.addEventListener("touchmove", e => {
27
+ e.stopPropagation();
28
+ e.preventDefault();
29
+ });
30
+ document.body.style.overflowY = "hidden";
31
+ }
32
+ else {
33
+ document.body.style.touchAction = "";
34
+ document.body.removeEventListener("touchmove", e => {
35
+ e.stopPropagation();
36
+ e.preventDefault();
37
+ });
38
+ document.body.style.overflowY = "auto";
39
+ }
40
+ return () => {
41
+ document.body.style.touchAction = "";
42
+ document.body.style.overflowY = "auto";
43
+ };
44
+ }, [visible]);
45
+ function handleClickOnMask() {
46
+ onClose && onClose();
47
+ }
48
+ if (process.env.TARO_ENV !== "h5") {
49
+ const minicls = classNames("xh-popup", visible ? "visible" : "hidden");
50
+ return (React.createElement(View, { className: minicls },
51
+ React.createElement(Mask, { onClick: handleClickOnMask }),
52
+ React.createElement(View, { className: cls }, children)));
53
+ }
54
+ return ReactDOM.createPortal(React.createElement(Fade, { in: visible },
55
+ React.createElement("div", { className: "xh-popup" },
56
+ React.createElement(Mask, { onClick: handleClickOnMask }),
57
+ React.createElement(Slide, { direction: direction, in: visible },
58
+ React.createElement("div", { className: cls }, children)))), document.body);
59
+ };
60
+ export default Popup;
61
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popup/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,34 @@
1
+ import React from "react";
2
+ import classNames from "classnames";
3
+ const ScrolllView = props => {
4
+ const { children, direction = "y", onScroll, lowerThreshold = 50, onScrollToLower, className, } = props;
5
+ console.log(direction);
6
+ const handleScroll = evt => {
7
+ console.log(evt);
8
+ console.log("evt");
9
+ onScroll && onScroll(evt);
10
+ const scrollTop = evt.target.scrollTop;
11
+ const scrollHeight = evt.target.scrollHeight;
12
+ const offsetHeight = evt.target.offsetHeight;
13
+ if (scrollHeight - (scrollTop + offsetHeight) <= lowerThreshold) {
14
+ onScrollToLower && onScrollToLower();
15
+ }
16
+ };
17
+ const debounce = (fn, delay, ...args) => {
18
+ console.log(args);
19
+ let timer = 0;
20
+ return function (evt) {
21
+ if (timer) {
22
+ clearTimeout(timer);
23
+ timer = null;
24
+ }
25
+ timer = window.setTimeout(() => {
26
+ fn.call(window, evt);
27
+ }, delay);
28
+ };
29
+ };
30
+ const scrollView = classNames("xh-scroll-view", className);
31
+ return (React.createElement("div", { onScroll: debounce(handleScroll, 1000), className: scrollView }, children));
32
+ };
33
+ export default ScrolllView;
34
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ScrollView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AAYpC,MAAM,WAAW,GAA+B,KAAK,CAAC,EAAE;IACtD,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,GAAG,EACf,QAAQ,EACR,cAAc,GAAG,EAAE,EACnB,eAAe,EACf,SAAS,GACV,GAAG,KAAK,CAAC;IACV,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAEvB,MAAM,YAAY,GAAmC,GAAG,CAAC,EAAE;QACzD,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACjB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACnB,QAAQ,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC1B,MAAM,SAAS,GAAI,GAAG,CAAC,MAAsB,CAAC,SAAS,CAAC;QACxD,MAAM,YAAY,GAAI,GAAG,CAAC,MAAsB,CAAC,YAAY,CAAC;QAC9D,MAAM,YAAY,GAAI,GAAG,CAAC,MAAsB,CAAC,YAAY,CAAC;QAC9D,IAAI,YAAY,GAAG,CAAC,SAAS,GAAG,YAAY,CAAC,IAAI,cAAc,EAAE;YAC/D,eAAe,IAAI,eAAe,EAAE,CAAC;SACtC;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,EAAY,EAAE,KAAa,EAAE,GAAG,IAAI,EAAE,EAAE;QACxD,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAElB,IAAI,KAAK,GAAkB,CAAC,CAAC;QAC7B,OAAO,UAAU,GAAG;YAClB,IAAI,KAAK,EAAE;gBACT,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,KAAK,GAAG,IAAI,CAAC;aACd;YACD,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC7B,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;YACvB,CAAC,EAAE,KAAK,CAAC,CAAC;QACZ,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC;IAC3D,OAAO,CACL,6BAAK,QAAQ,EAAE,QAAQ,CAAC,YAAY,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,IAC/D,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -0,0 +1,6 @@
1
+ import TabBarComponent from "./tabbar/Tabbar";
2
+ import TabBarItem from "./tabbar/TabItem";
3
+ const TabBar = TabBarComponent;
4
+ TabBar.Item = TabBarItem;
5
+ export default TabBar;
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,eAA6B,MAAM,iBAAiB,CAAC;AAC5D,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAM1C,MAAM,MAAM,GAAG,eAA4C,CAAC;AAE5D,MAAM,CAAC,IAAI,GAAG,UAAU,CAAC;AAEzB,eAAe,MAAM,CAAC"}
@@ -0,0 +1,10 @@
1
+ import React from "react";
2
+ import "./index.scss";
3
+ const TabItem = (props) => {
4
+ const { children, title, TabItemComponent } = props;
5
+ return (React.createElement("div", { className: "xh-tabbar-item" },
6
+ TabItemComponent ? TabItemComponent : title,
7
+ children));
8
+ };
9
+ export default TabItem;
10
+ //# sourceMappingURL=TabItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../../src/components/Tabbar/tabbar/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,cAAc,CAAC;AAQtB,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACtC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAEpD,OAAO,CACL,6BAAK,SAAS,EAAC,gBAAgB;QAC5B,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK;QAC3C,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -0,0 +1,74 @@
1
+ import React, { useEffect, useState } from "react";
2
+ import { createSelectorQuery } from "@tarojs/taro";
3
+ import { View } from "@tarojs/components";
4
+ import classNames from "classnames";
5
+ import Item from "./TabItem";
6
+ import "./index.scss";
7
+ const XHTabs = props => {
8
+ const { children = [], animated = false, initIndex = 0, lineColor = "#F6AB00", titleActiveColor = "#333", titleInctiveColor = "#999", onChange, } = props;
9
+ const [selectIndex, setSelectIndex] = useState(initIndex);
10
+ const [tabWdith, setTabWdith] = useState(0);
11
+ const [tabContentHeight, setTabContentHeight] = useState(0);
12
+ useEffect(() => {
13
+ const timer = setTimeout(() => {
14
+ const query = createSelectorQuery();
15
+ query.selectAll(".xh-tabbar-nav-item").boundingClientRect();
16
+ query.selectAll(".xh-tabbar-content-item").boundingClientRect();
17
+ query.exec(res => {
18
+ if (!res[0][selectIndex])
19
+ return;
20
+ const width = res[0][selectIndex].width;
21
+ setTabWdith(width);
22
+ if (!res[1][selectIndex])
23
+ return;
24
+ const height = res[1][selectIndex].height;
25
+ setTabContentHeight(height);
26
+ clearTimeout(timer);
27
+ });
28
+ }, 300);
29
+ console.log(children.length);
30
+ }, [selectIndex, children]);
31
+ const handleClick = (index) => {
32
+ setSelectIndex(index);
33
+ const query = createSelectorQuery();
34
+ query.selectAll(".xh-tabbar-content-item").boundingClientRect();
35
+ query.exec(res => {
36
+ if (!res[0][index])
37
+ return;
38
+ const height = res[0][index].height;
39
+ setTabContentHeight(height);
40
+ });
41
+ onChange && onChange(index);
42
+ };
43
+ function renderLine() {
44
+ const left = tabWdith / 2 + selectIndex * tabWdith;
45
+ return (React.createElement("div", { className: classNames("xh-tabbar-nav-line", {
46
+ "xh-tabbar-nav-line-active": animated,
47
+ }), style: {
48
+ background: `${lineColor}`,
49
+ transform: `translateX(${left}px) translate(-50%, -50%)`,
50
+ WebkitTransform: `translateX(${left}px) translate(-50%, -50%)`,
51
+ } }));
52
+ }
53
+ return (React.createElement(View, { className: "xh-tabbar" },
54
+ React.createElement(View, { className: "xh-tabbar-nav" },
55
+ children.map((child, index) => (React.createElement(View, { key: index, className: "xh-tabbar-nav-item", style: {
56
+ color: selectIndex === index ? titleActiveColor : titleInctiveColor,
57
+ }, onClick: () => handleClick(index) }, child.props.TabItemComponent
58
+ ? child.props.TabItemComponent
59
+ : child.props.title))),
60
+ renderLine()),
61
+ React.createElement(View, { className: "xh-tabbar-content", style: {
62
+ width: `${children.length * 100}%`,
63
+ height: tabContentHeight ? `${tabContentHeight}px` : "auto",
64
+ } }, children.map((child, index) => (React.createElement(View, { key: index, className: classNames("xh-tabbar-content-item", {
65
+ "xh-tabbar-content-item-dispaly": selectIndex !== index && !animated,
66
+ "xh-tabbar-content-item-active": selectIndex === index,
67
+ }), style: {
68
+ transform: animated ? `translateX(-${selectIndex * 100}%)` : "",
69
+ } }, child.props.children))))));
70
+ };
71
+ XHTabs.Item = Item;
72
+ export default XHTabs;
73
+ export const TabItem = Item;
74
+ //# sourceMappingURL=Tabbar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tabbar.js","sourceRoot":"","sources":["../../../../src/components/Tabbar/tabbar/Tabbar.tsx"],"names":[],"mappings":"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"}
@@ -29,18 +29,26 @@ async function Toast(arg, ...rest) {
29
29
  else {
30
30
  defalutParam = Object.assign(Object.assign({}, defalutParam), arg);
31
31
  }
32
- return new Promise(() => {
32
+ return new Promise(resolve => {
33
33
  if (process.env.TARO_ENV === "h5") {
34
34
  const div = document.createElement("div");
35
35
  const timer = setTimeout(() => {
36
- // ReactDOM.unmountComponentAtNode(div);
36
+ ReactDOM.unmountComponentAtNode(div);
37
37
  clearTimeout(timer);
38
+ resolve();
38
39
  }, defalutParam.duration);
39
40
  const { title } = defalutParam, other = __rest(defalutParam, ["title"]);
40
41
  ReactDOM.render(React.createElement(ToastComponent, Object.assign({ title: title }, other)), div);
41
42
  }
42
43
  else {
43
- showToast(Object.assign({ icon: "none" }, defalutParam));
44
+ showToast(Object.assign({ icon: "none" }, defalutParam)).then(res => {
45
+ if (res.errMsg === "showToast:ok") {
46
+ const timer = setTimeout(() => {
47
+ clearTimeout(timer);
48
+ resolve();
49
+ }, defalutParam.duration);
50
+ }
51
+ });
44
52
  }
45
53
  });
46
54
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,cAA8B,MAAM,SAAS,CAAC;AACrD,OAAO,cAAc,CAAC;AAOtB,KAAK,UAAU,KAAK,CAClB,GAAiC,EACjC,GAAG,IAAI;IAEP,IAAI,YAAY,GAAG;QACjB,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,IAAI;KACX,CAAC;IACF,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QACtD,YAAY,CAAC,KAAK,GAAG,GAAG,GAAG,EAAE,CAAC;QAC9B,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;SACjC;KACF;SAAM;QACL,YAAY,mCACP,YAAY,GACZ,GAAG,CACP,CAAC;KACH;IACD,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE;QACtB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,EAAE;YACjC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAE1C,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,wCAAwC;gBACxC,YAAY,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;YAC1B,MAAM,EAAE,KAAK,KAAe,YAAY,EAAtB,KAAK,UAAK,YAAY,EAAlC,SAAmB,CAAe,CAAC;YACzC,QAAQ,CAAC,MAAM,CAAC,oBAAC,cAAc,kBAAC,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,EAAE,GAAG,CAAC,CAAC;SACnE;aAAM;YACL,SAAS,iBACP,IAAI,EAAE,MAAM,IACT,YAAY,EACf,CAAC;SACJ;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,cAA8B,MAAM,SAAS,CAAC;AACrD,OAAO,cAAc,CAAC;AAOtB,KAAK,UAAU,KAAK,CAClB,GAAiC,EACjC,GAAG,IAAI;IAEP,IAAI,YAAY,GAAG;QACjB,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,IAAI;KACX,CAAC;IACF,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QACtD,YAAY,CAAC,KAAK,GAAG,GAAG,GAAG,EAAE,CAAC;QAC9B,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;SACjC;KACF;SAAM;QACL,YAAY,mCACP,YAAY,GACZ,GAAG,CACP,CAAC;KACH;IACD,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QAC3B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,EAAE;YACjC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAE1C,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,QAAQ,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC;gBACrC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,OAAO,EAAE,CAAC;YACZ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;YAC1B,MAAM,EAAE,KAAK,KAAe,YAAY,EAAtB,KAAK,UAAK,YAAY,EAAlC,SAAmB,CAAe,CAAC;YACzC,QAAQ,CAAC,MAAM,CAAC,oBAAC,cAAc,kBAAC,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,EAAE,GAAG,CAAC,CAAC;SACnE;aAAM;YACL,SAAS,iBACP,IAAI,EAAE,MAAM,IACT,YAAY,EACf,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;gBACZ,IAAI,GAAG,CAAC,MAAM,KAAK,cAAc,EAAE;oBACjC,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;wBAC5B,YAAY,CAAC,KAAK,CAAC,CAAC;wBACpB,OAAO,EAAE,CAAC;oBACZ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;iBAC3B;YACH,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED,eAAe,KAAK,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { useEffect, useState } from "react";
2
- import { getEnv } from '@tarojs/taro';
2
+ import { getEnv } from "@tarojs/taro";
3
3
  export const useTaroEnv = () => {
4
4
  const [taroEnv, setTaroEnv] = useState("");
5
5
  useEffect(() => {
@@ -7,4 +7,45 @@ export const useTaroEnv = () => {
7
7
  }, []);
8
8
  return taroEnv;
9
9
  };
10
+ export const useTouch = () => {
11
+ const [startPoint, setStartPoint] = useState({ x: 0, y: 0 }); // touch start的point
12
+ const [touchMoveDistance, setTouchMoveDistance] = useState({ x: 0, y: 0 }); // touch的距离
13
+ // const touchMoveDistance = useRef({ x: 0, y: 0 });
14
+ const [touchEndPoint, setTouchEndPoint] = useState({ x: 0, y: 0 }); // touch end的point
15
+ const formatPos = (num) => {
16
+ return Math.floor(num);
17
+ };
18
+ const touchstart = (e) => {
19
+ e.preventDefault();
20
+ const { clientX, clientY } = e.touches[0];
21
+ setStartPoint({ x: formatPos(clientX), y: formatPos(clientY) });
22
+ };
23
+ const touchmove = (e) => {
24
+ e.preventDefault();
25
+ const { pageX, pageY } = e.touches[0];
26
+ let distanceX, distanceY;
27
+ distanceX = formatPos(pageX - startPoint.x);
28
+ distanceY = formatPos(pageY - startPoint.y);
29
+ setTouchMoveDistance({ x: distanceX, y: distanceY });
30
+ };
31
+ const touchend = (e) => {
32
+ const { pageX, pageY } = e.changedTouches[0];
33
+ setTouchEndPoint({ x: formatPos(pageX), y: formatPos(pageY) });
34
+ };
35
+ return {
36
+ touchstart,
37
+ touchend,
38
+ touchmove,
39
+ startPoint: startPoint,
40
+ touchMoveDistance: touchMoveDistance,
41
+ touchEndPoint,
42
+ };
43
+ };
44
+ export const useAsyncEffect = async (fn, deps) => {
45
+ useEffect(() => {
46
+ fn().catch(err => {
47
+ console.log(err);
48
+ });
49
+ }, [deps]);
50
+ };
10
51
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC1C,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,MAAM,EAAE,CAAC,CAAA;IACtB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.tsx"],"names":[],"mappings":"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"}
package/lib/index.js CHANGED
@@ -13,4 +13,7 @@ export { default as XHPasswordInput } from "./components/PasswordInput";
13
13
  export { default as XHProgress } from "./components/Progress";
14
14
  export { default as XHToast } from "./components/Toast";
15
15
  export { default as XHDialogRef } from "./components/DialogRef";
16
+ export { default as XHTabbar } from "./components/Tabbar";
17
+ export { default as XHPopup } from "./components/Popup";
18
+ export { default as XHPicker } from "./components/Picker";
16
19
  //# sourceMappingURL=index.js.map
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}
@@ -5,7 +5,7 @@
5
5
  */
6
6
  export const inputRange = (val) => {
7
7
  let iconRule1 = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/gi;
8
- return val.replace(iconRule1, '');
8
+ return val.replace(iconRule1, "");
9
9
  };
10
10
  // function Handler(fn) {
11
11
  // this.handler = fn;
@@ -38,7 +38,7 @@ export const inputRange = (val) => {
38
38
  // return callback
39
39
  // }
40
40
  // public checkPass(...arg) {
41
- // const result = this.hander.apply(this, arg)
41
+ // const result = this.hander.apply(this, arg)
42
42
  // if (!result) {
43
43
  // return result
44
44
  // }
@@ -48,4 +48,20 @@ export const inputRange = (val) => {
48
48
  // return result
49
49
  // }
50
50
  // }
51
+ export const throtte = (fn, delay = 1500) => {
52
+ let timer;
53
+ let canCall = true;
54
+ return function (arg) {
55
+ if (canCall) {
56
+ canCall = false;
57
+ console.log(arg);
58
+ console.log("arg");
59
+ fn(arg);
60
+ }
61
+ timer = setTimeout(() => {
62
+ canCall = true;
63
+ clearTimeout(timer);
64
+ }, delay);
65
+ };
66
+ };
51
67
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAW,EAAU,EAAE;IAChD,IAAI,SAAS,GACT,4OAA4O,CAAA;IAChP,OAAO,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC,CAAA;AAED,yBAAyB;AACzB,uBAAuB;AACvB,sBAAsB;AACtB,IAAI;AAEJ,oDAAoD;AACpD,mBAAmB;AACnB,cAAc;AACd,KAAK;AAEL,gDAAgD;AAChD,qDAAqD;AACrD,YAAY;AACZ,gBAAgB;AAChB,kBAAkB;AAClB,MAAM;AAEN,WAAW;AACX,qBAAqB;AACrB,gEAAgE;AAChE,MAAM;AACN,gBAAgB;AAChB,KAAK;AAEL,6BAA6B;AAC7B,0CAA0C;AAC1C,gBAAgB;AAChB,gDAAgD;AAChD,uBAAuB;AACvB,MAAM;AACN,8CAA8C;AAC9C,2BAA2B;AAC3B,sBAAsB;AACtB,MAAM;AACN,+BAA+B;AAC/B,sDAAsD;AACtD,qBAAqB;AACrB,sBAAsB;AACtB,QAAQ;AAER,+BAA+B;AAC/B,yDAAyD;AACzD,QAAQ;AAER,oBAAoB;AACpB,MAAM;AACN,IAAI"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAW,EAAU,EAAE;IAChD,IAAI,SAAS,GACX,4OAA4O,CAAC;IAC/O,OAAO,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF,yBAAyB;AACzB,uBAAuB;AACvB,sBAAsB;AACtB,IAAI;AAEJ,oDAAoD;AACpD,mBAAmB;AACnB,cAAc;AACd,KAAK;AAEL,gDAAgD;AAChD,qDAAqD;AACrD,YAAY;AACZ,gBAAgB;AAChB,kBAAkB;AAClB,MAAM;AAEN,WAAW;AACX,qBAAqB;AACrB,gEAAgE;AAChE,MAAM;AACN,gBAAgB;AAChB,KAAK;AAEL,6BAA6B;AAC7B,0CAA0C;AAC1C,gBAAgB;AAChB,gDAAgD;AAChD,uBAAuB;AACvB,MAAM;AACN,8CAA8C;AAC9C,2BAA2B;AAC3B,sBAAsB;AACtB,MAAM;AACN,+BAA+B;AAC/B,kDAAkD;AAClD,qBAAqB;AACrB,sBAAsB;AACtB,QAAQ;AAER,+BAA+B;AAC/B,yDAAyD;AACzD,QAAQ;AAER,oBAAoB;AACpB,MAAM;AACN,IAAI;AAEJ,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAY,EAAE,QAAgB,IAAI,EAAE,EAAE;IAC5D,IAAI,KAAmB,CAAC;IACxB,IAAI,OAAO,GAAG,IAAI,CAAC;IACnB,OAAO,UAAU,GAAG;QAClB,IAAI,OAAO,EAAE;YACX,OAAO,GAAG,KAAK,CAAC;YAChB,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YACjB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACnB,EAAE,CAAC,GAAG,CAAC,CAAC;SACT;QACD,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YACtB,OAAO,GAAG,IAAI,CAAC;YACf,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC,CAAC;AACJ,CAAC,CAAC"}