@orca-fe/pocket/lib/common-store/demo/Demo1.js

UI components by orca-team

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
require("antd/lib/space/style");
var _space = _interopRequireDefault(require("antd/lib/space"));
require("antd/lib/button/style");
var _button = _interopRequireDefault(require("antd/lib/button"));
var _react = _interopRequireDefault(require("react"));
var _Counter = _interopRequireDefault(require("./Counter"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Demo1 = function Demo1() {
  // 在需要交互的父组件中，调用 useStore
  var counter = _Counter.default.useStore();
  var _counter$useState = counter.useState(),
    count = _counter$useState.count;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    children: ["\u8BA1\u6570\u56681\uFF08\u72B6\u6001\u5185\u90E8\u7EF4\u62A4\uFF09\uFF1A", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Counter.default, {}), "\u8BA1\u6570\u56682\uFF08\u5916\u90E8\u53EF\u4EA4\u4E92\uFF09\uFF1A", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Counter.default, {
      counter: counter
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
      children: ["\u8BA1\u6570\u56682\u7684\u503C\u662F\uFF1A", count]
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
        onClick: function onClick() {
          counter.minus();
        },
        children: "\u51CF1"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
        onClick: function onClick() {
          counter.add();
        },
        children: "\u52A01"
      })]
    })]
  });
};
var _default = exports.default = Demo1;