common.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304
  1. "use strict";
  2. (wx["webpackJsonp"] = wx["webpackJsonp"] || []).push([["common"],{
  3. /***/ "./src/components/Buttons.tsx":
  4. /*!************************************!*\
  5. !*** ./src/components/Buttons.tsx ***!
  6. \************************************/
  7. /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
  8. /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  9. /* harmony export */ "default": function() { return /* binding */ Buttons; }
  10. /* harmony export */ });
  11. /* harmony import */ var _Users_Work_hola2_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
  12. /* harmony import */ var _tarojs_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @tarojs/components */ "./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js");
  13. /* harmony import */ var _utils_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/types */ "./src/utils/types.ts");
  14. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "webpack/container/remote/react/jsx-runtime");
  15. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
  16. function Buttons(props) {
  17. var myStyle = props.status == _utils_types__WEBPACK_IMPORTED_MODULE_0__.ComponentStatus.disable ? {
  18. opacity: 0.4
  19. } : {};
  20. return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_2__.View, {
  21. style: (0,_Users_Work_hola2_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__["default"])({}, myStyle),
  22. children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_2__.Button, {
  23. className: props.type == _utils_types__WEBPACK_IMPORTED_MODULE_0__.ButtonType.outline ? 'outline_btn' : 'btn',
  24. style: (0,_Users_Work_hola2_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__["default"])({}, props.style),
  25. onClick: props.onClick,
  26. children: props.title
  27. })
  28. });
  29. }
  30. /***/ }),
  31. /***/ "./src/components/Rings.weapp.tsx":
  32. /*!****************************************!*\
  33. !*** ./src/components/Rings.weapp.tsx ***!
  34. \****************************************/
  35. /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
  36. /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  37. /* harmony export */ "default": function() { return /* binding */ Rings; }
  38. /* harmony export */ });
  39. /* harmony import */ var _tarojs_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @tarojs/components */ "./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js");
  40. /* harmony import */ var _tarojs_taro__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tarojs/taro */ "webpack/container/remote/@tarojs/taro");
  41. /* harmony import */ var _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tarojs_taro__WEBPACK_IMPORTED_MODULE_0__);
  42. /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "webpack/container/remote/react");
  43. /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
  44. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ "webpack/container/remote/react/jsx-runtime");
  45. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
  46. function Rings(props) {
  47. var progress = 0.85;
  48. var r = props.radius || 80;
  49. var strokeWidth = props.strokeWidth || 10;
  50. var color = props.color || 'orange';
  51. var canvasRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
  52. var canvasId = props.canvasId ? 'canvas_' + props.canvasId : 'progress-canvas';
  53. var dpr = _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().getSystemInfoSync().pixelRatio; // 获取设备的像素比
  54. var radius = r; // 圆形进度条的半径
  55. var lineWidth = strokeWidth; // 圆形进度条的线宽
  56. (0,_tarojs_taro__WEBPACK_IMPORTED_MODULE_0__.useDidShow)(function () {
  57. // drawCircle()
  58. });
  59. (0,_tarojs_taro__WEBPACK_IMPORTED_MODULE_0__.useReady)(function () {
  60. drawCircle();
  61. });
  62. function drawCircle() {
  63. var query = _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().createSelectorQuery();
  64. query.select(".".concat(canvasId)).fields({
  65. node: true,
  66. size: true
  67. });
  68. query.exec(function (res) {
  69. var _canvas = res[0].node;
  70. _canvas.width = res[0].width * dpr;
  71. _canvas.height = res[0].height * dpr;
  72. var ctx = _canvas.getContext('2d');
  73. // const ctx = Taro.createCanvasContext(canvasId);
  74. var center = radius + lineWidth / 2; // 圆心坐标
  75. // 设置画布尺寸
  76. ctx.scale(dpr, dpr);
  77. // 绘制背景圆
  78. ctx.beginPath();
  79. ctx.arc(center, center, radius, 0, 2 * Math.PI);
  80. ctx.lineWidth = lineWidth;
  81. ctx.strokeStyle = 'lightgray';
  82. ctx.lineCap = 'round'; // 设置为圆角
  83. ctx.stroke();
  84. // 绘制进度圆
  85. ctx.beginPath();
  86. ctx.arc(center, center, radius, -Math.PI / 2 + 1, 2 * Math.PI * progress - Math.PI / 2);
  87. ctx.lineWidth = lineWidth;
  88. ctx.strokeStyle = color;
  89. ctx.lineCap = 'round'; // 设置为圆角
  90. ctx.stroke();
  91. // ctx.draw();
  92. });
  93. }
  94. (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
  95. // const ctx = Taro.createCanvasContext(canvasId);
  96. // const center = radius + lineWidth / 2; // 圆心坐标
  97. // // 设置画布尺寸
  98. // ctx.scale(1 / dpr, 1 / dpr);
  99. // // 绘制背景圆
  100. // ctx.beginPath();
  101. // ctx.arc(center, center, radius, 0, 2 * Math.PI);
  102. // ctx.setLineWidth(lineWidth);
  103. // ctx.setStrokeStyle('lightgray');
  104. // ctx.setLineCap('round'); // 设置为圆角
  105. // ctx.stroke();
  106. // // 绘制进度圆
  107. // ctx.beginPath();
  108. // ctx.arc(center, center, radius, -Math.PI / 2 + 1, (2 * Math.PI * progress) - Math.PI / 2);
  109. // ctx.setLineWidth(lineWidth);
  110. // ctx.setStrokeStyle(color);
  111. // ctx.setLineCap('round'); // 设置为圆角
  112. // ctx.stroke();
  113. // ctx.draw();
  114. }, [progress]);
  115. return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_3__.Canvas, {
  116. canvasId: canvasId,
  117. id: canvasId,
  118. className: canvasId,
  119. type: "2d",
  120. style: {
  121. width: radius * 2 + lineWidth,
  122. height: radius * 2 + lineWidth,
  123. zIndex: 0
  124. },
  125. ref: canvasRef
  126. });
  127. }
  128. /***/ }),
  129. /***/ "./src/components/SingleSelect.tsx":
  130. /*!*****************************************!*\
  131. !*** ./src/components/SingleSelect.tsx ***!
  132. \*****************************************/
  133. /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
  134. /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  135. /* harmony export */ "default": function() { return /* binding */ Component; }
  136. /* harmony export */ });
  137. /* harmony import */ var _Users_Work_hola2_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
  138. /* harmony import */ var _tarojs_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @tarojs/components */ "./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js");
  139. /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "webpack/container/remote/react");
  140. /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
  141. /* harmony import */ var _assets_svg_check_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../assets/svg/check.svg */ "./src/assets/svg/check.svg");
  142. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ "webpack/container/remote/react/jsx-runtime");
  143. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
  144. function Component(props) {
  145. var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),
  146. _useState2 = (0,_Users_Work_hola2_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_3__["default"])(_useState, 2),
  147. selIndex = _useState2[0],
  148. setSelIndex = _useState2[1];
  149. function isString(variable) {
  150. return typeof variable === 'string';
  151. }
  152. function itemClick(index) {
  153. setSelIndex(index);
  154. if (props.itemSelect) {
  155. props.itemSelect(index);
  156. }
  157. }
  158. return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_4__.View, {
  159. children: props.items.map(function (item, index) {
  160. return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_4__.View, {
  161. className: selIndex == index ? 'item item_select' : 'item',
  162. onClick: function onClick() {
  163. return itemClick(index);
  164. },
  165. children: [isString(item) ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_4__.Text, {
  166. style: {
  167. color: '#fff'
  168. },
  169. children: item
  170. }) : item, selIndex == index ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_4__.Image, {
  171. style: "width:12px;height:12px;",
  172. src: _assets_svg_check_svg__WEBPACK_IMPORTED_MODULE_1__
  173. }) : null]
  174. }, index);
  175. })
  176. });
  177. }
  178. /***/ }),
  179. /***/ "./src/components/Texts.tsx":
  180. /*!**********************************!*\
  181. !*** ./src/components/Texts.tsx ***!
  182. \**********************************/
  183. /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
  184. /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  185. /* harmony export */ "default": function() { return /* binding */ Component; }
  186. /* harmony export */ });
  187. /* harmony import */ var _tarojs_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @tarojs/components */ "./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js");
  188. /* harmony import */ var _utils_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/types */ "./src/utils/types.ts");
  189. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "webpack/container/remote/react/jsx-runtime");
  190. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
  191. function Component(props) {
  192. function render() {
  193. switch (props.type) {
  194. case _utils_types__WEBPACK_IMPORTED_MODULE_0__.TextType.primary:
  195. return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_2__.Text, {
  196. className: "primary",
  197. children: props.text
  198. });
  199. case _utils_types__WEBPACK_IMPORTED_MODULE_0__.TextType.secondary:
  200. return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_2__.Text, {
  201. className: "secondary",
  202. children: props.text
  203. });
  204. case _utils_types__WEBPACK_IMPORTED_MODULE_0__.TextType.big:
  205. return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_2__.Text, {
  206. className: "big",
  207. children: props.text
  208. });
  209. default:
  210. return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_2__.Text, {
  211. children: props.text
  212. });
  213. }
  214. }
  215. return render();
  216. }
  217. /***/ }),
  218. /***/ "./src/utils/types.ts":
  219. /*!****************************!*\
  220. !*** ./src/utils/types.ts ***!
  221. \****************************/
  222. /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
  223. /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  224. /* harmony export */ ButtonType: function() { return /* binding */ ButtonType; },
  225. /* harmony export */ ComponentStatus: function() { return /* binding */ ComponentStatus; },
  226. /* harmony export */ TextType: function() { return /* binding */ TextType; }
  227. /* harmony export */ });
  228. var ButtonType = /*#__PURE__*/function (ButtonType) {
  229. ButtonType["primary"] = "primary";
  230. ButtonType["outline"] = "outline";
  231. return ButtonType;
  232. }({});
  233. var TextType = /*#__PURE__*/function (TextType) {
  234. TextType["primary"] = "primary";
  235. TextType["secondary"] = "secondary";
  236. TextType["big"] = "big";
  237. return TextType;
  238. }({});
  239. var ComponentStatus = /*#__PURE__*/function (ComponentStatus) {
  240. ComponentStatus["enable"] = "enable";
  241. ComponentStatus["disable"] = "disable";
  242. return ComponentStatus;
  243. }({});
  244. /***/ }),
  245. /***/ "./src/assets/svg/check.svg":
  246. /*!**********************************!*\
  247. !*** ./src/assets/svg/check.svg ***!
  248. \**********************************/
  249. /***/ (function(module) {
  250. module.exports = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE4IDEzIj48Zz48cGF0aCBkPSJNMTcuNzA3MSwwLjI5Mjg5M0MxOC4wOTc2LDAuNjgzNDE3LDE4LjA5NzYsMS4zMTY1OCwxNy43MDcxLDEuNzA3MTFDMTcuNzA3MSwxLjcwNzExLDYuNzA3MTEsMTIuNzA3MSw2LjcwNzExLDEyLjcwNzFDNi4zMTY1OCwxMy4wOTc2LDUuNjgzNDIsMTMuMDk3Niw1LjI5Mjg5LDEyLjcwNzFDNS4yOTI4OSwxMi43MDcxLDAuMjkyODkzLDcuNzA3MTEsMC4yOTI4OTMsNy43MDcxMUMtMC4wOTc2MzExLDcuMzE2NTgsLTAuMDk3NjMxMSw2LjY4MzQyLDAuMjkyODkzLDYuMjkyODlDMC42ODM0MTcsNS45MDIzNywxLjMxNjU4LDUuOTAyMzcsMS43MDcxMSw2LjI5Mjg5QzEuNzA3MTEsNi4yOTI4OSw2LDEwLjU4NTgsNiwxMC41ODU4QzYsMTAuNTg1OCwxNi4yOTI5LDAuMjkyODkzLDE2LjI5MjksMC4yOTI4OTNDMTYuNjgzNCwtMC4wOTc2MzExLDE3LjMxNjYsLTAuMDk3NjMxMSwxNy43MDcxLDAuMjkyODkzQzE3LjcwNzEsMC4yOTI4OTMsMTcuNzA3MSwwLjI5Mjg5MywxNy43MDcxLDAuMjkyODkzWiIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjQUFGRjAwIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9zdmc+";
  251. /***/ })
  252. }]);
  253. //# sourceMappingURL=common.js.map