yzsd/lib/notification/demo/hooks.js

a niubi UI component

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = _interopRequireDefault(require("react"));
var _yzsd = require("yzsd");
/**
 * title: 基本
 * description: 通过 `notification.useNotification` 创建支持读取 context 的 `contextHolder`。请注意，我们推荐通过顶层注册的方式代替 `message` 静态方法，因为静态方法无法消费上下文，因而 ConfigProvider 的数据也不会生效。
 */

var App = function App() {
  var _useNotification = (0, _yzsd.Notification)({
      closable: true
    }),
    _useNotification2 = (0, _slicedToArray2["default"])(_useNotification, 2),
    notice = _useNotification2[0],
    holder = _useNotification2[1];
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_yzsd.Button, {
    type: 'primary',
    onClick: function onClick() {
      notice.open({
        placement: 'topLeft',
        duration: null,
        content: "".concat(new Date(), "-").concat(new Date(), "-").concat(new Date())
      });
    }
  }, "topLeft"), /*#__PURE__*/_react["default"].createElement(_yzsd.Button, {
    onClick: function onClick() {
      notice.open({
        placement: 'topRight',
        duration: null,
        content: "".concat(new Date(), "-").concat(new Date(), "-").concat(new Date())
      });
    }
  }, "topRight"), holder);
};
var _default = App;
exports["default"] = _default;