@antmjs/vantui/lib/icon/demo/index.js

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

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _vantui = require("@antmjs/vantui");
var _react = require("react");
var _index = _interopRequireDefault(require("../../../../vantui-demo/src/components/demo-page/index"));
var _demo = _interopRequireDefault(require("./demo1"));
var _demo2 = _interopRequireDefault(require("./demo2"));
var _demo3 = _interopRequireDefault(require("./demo3"));
var _demo4 = _interopRequireDefault(require("./demo4"));
var _jsxRuntime = require("react/jsx-runtime");
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable */
var Index = /*#__PURE__*/function (_Component) {
  (0, _inherits2.default)(Index, _Component);
  var _super = _createSuper(Index);
  function Index(props) {
    var _this;
    (0, _classCallCheck2.default)(this, Index);
    _this = _super.call(this, props);
    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
      active: 0
    });
    return _this;
  }
  (0, _createClass2.default)(Index, [{
    key: "render",
    value: function render() {
      var _this2 = this;
      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
        title: "Icon \u56FE\u6807",
        className: "pages-icon-index",
        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_vantui.Tabs, {
          active: this.state.active,
          onChange: function onChange(e) {
            return _this2.setState({
              active: e.detail.index
            });
          },
          sticky: true,
          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Tab, {
            title: "\u57FA\u7840\u7528\u6CD5"
          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Tab, {
            title: "\u57FA\u7840\u56FE\u6807"
          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Tab, {
            title: "\u7EBF\u6846\u56FE\u6807"
          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Tab, {
            title: "\u5B9E\u5FC3\u56FE\u6807"
          })]
        }), this.state.active === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_demo.default, {}) : '', this.state.active === 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_demo2.default, {}) : '', this.state.active === 2 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_demo3.default, {}) : '', this.state.active === 3 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_demo4.default, {}) : '']
      });
    }
  }]);
  return Index;
}(_react.Component);
exports.default = Index;