common.js 14 KB

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