@antmjs/vantui/lib/count-down/demo/demo5.js

一套适用于Taro3及React的vantui组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Demo;
var _react = _interopRequireDefault(require("react"));
var _components = require("@tarojs/components");
var _vantui = require("@antmjs/vantui");
var _jsxRuntime = require("react/jsx-runtime");
/* eslint-disable */

function Demo() {
  var it = _react.default.useRef();
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.View, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Toast, {
      id: "controlCountDown-mess"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.CountDown, {
      onChange: function onChange(e) {
        return console.info(e);
      },
      ref: it,
      className: "controlCountDown",
      millisecond: true,
      time: 4000,
      autoStart: false,
      format: "ss:SSS",
      onFinish: function onFinish() {
        return _vantui.Toast.show('end');
      }
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_vantui.Grid, {
      clickable: true,
      columnNum: 3,
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.GridItem, {
        text: "\u5F00\u59CB",
        icon: "play-circle-o",
        onClick: function onClick() {
          var _it$current;
          return (_it$current = it.current) === null || _it$current === void 0 ? void 0 : _it$current.start();
        }
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.GridItem, {
        text: "\u6682\u505C",
        icon: "pause-circle-o",
        onClick: function onClick() {
          var _it$current2;
          return (_it$current2 = it.current) === null || _it$current2 === void 0 ? void 0 : _it$current2.pause();
        }
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.GridItem, {
        text: "\u91CD\u7F6E",
        icon: "replay",
        onClick: function onClick() {
          var _it$current3;
          console.info(it);
          (_it$current3 = it.current) === null || _it$current3 === void 0 ? void 0 : _it$current3.reset();
        }
      })]
    })]
  });
}