@antmjs/vantui/lib/signature/demo/demo2.js

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

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Demo;
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
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 instance = _react.default.useRef();
  var _react$useState = _react.default.useState(''),
    _react$useState2 = (0, _slicedToArray2.default)(_react$useState, 2),
    img = _react$useState2[0],
    setImage = _react$useState2[1];
  var getImageAction = /*#__PURE__*/function () {
    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
      var _instance$current;
      var res;
      return _regenerator.default.wrap(function _callee$(_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            _context.next = 2;
            return (_instance$current = instance.current) === null || _instance$current === void 0 ? void 0 : _instance$current.getImage();
          case 2:
            res = _context.sent;
            if (res !== null && res !== void 0 && res.tempFilePath) {
              setImage(res.tempFilePath);
            }
          case 4:
          case "end":
            return _context.stop();
        }
      }, _callee);
    }));
    return function getImageAction() {
      return _ref.apply(this, arguments);
    };
  }();
  var clear = function clear() {
    var _instance$current2;
    (_instance$current2 = instance.current) === null || _instance$current2 === void 0 ? void 0 : _instance$current2.clear();
    setImage('');
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.View, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Signature, {
      ref: instance,
      lineWidth: 4,
      strokeStyle: "green"
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.View, {
      style: {
        marginTop: 20,
        display: 'flex'
      },
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Button, {
        onClick: getImageAction,
        type: "primary",
        children: "\u622A\u56FE"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Button, {
        onClick: clear,
        type: "danger",
        children: "\u91CD\u7ED8"
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Image, {
      src: img,
      style: {
        backgroundColor: '#fff',
        border: '1px solid #ddd',
        marginTop: '20px'
      },
      width: "100%",
      height: "150px",
      fit: "widthFix"
    })]
  });
}