vantui-edit/lib/notify/index.js

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

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _typeof = require("@babel/runtime/helpers/typeof");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Notify = Notify;
exports.default = void 0;

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));

var _taro = require("@tarojs/taro");

var _react = require("react");

var _components = require("@tarojs/components");

var utils = _interopRequireWildcard(require("../wxs/utils"));

var _index = _interopRequireDefault(require("../transition/index"));

var _utils2 = require("../common/utils");

var computed = _interopRequireWildcard(require("./wxs"));

var _events = require("./events");

var _notify = _interopRequireDefault(require("./notify"));

var _jsxRuntime = require("react/jsx-runtime");

var _excluded = ["style", "className", "zIndex"];

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

var defaultId = 'van-notify';
var defaultOptions = {
  selector: '#van-notify',
  message: '',
  background: '',
  type: 'danger',
  color: '#fff',
  duration: 3000,
  safeAreaInsetTop: false,
  top: 0,
  id: defaultId
};
var timer = null;

function parseOptions(message) {
  if (message == null) {
    return {};
  }

  return typeof message === 'string' ? {
    message: message
  } : message;
}

function Notify(props) {
  var _useState = (0, _react.useState)({
    selector: '#van-notify',
    show: false,
    statusBarHeight: undefined,
    message: '',
    background: '',
    type: 'danger',
    color: '#fff',
    duration: 3000,
    safeAreaInsetTop: false,
    top: 0,
    id: defaultId,
    onClick: function onClick(_data) {},
    onOpened: function onOpened() {},
    onClose: function onClose() {}
  }),
      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
      state = _useState2[0],
      setState = _useState2[1];

  var style = props.style,
      className = props.className,
      zIndex = props.zIndex,
      others = (0, _objectWithoutProperties2.default)(props, _excluded);
  (0, _react.useEffect)(function () {
    setState(function (state) {
      return _objectSpread(_objectSpread({}, state), {}, {
        id: props.id || defaultId
      });
    });
  }, [props]);
  (0, _react.useEffect)(function () {
    var _getSystemInfoSync = (0, _utils2.getSystemInfoSync)(),
        statusBarHeight = _getSystemInfoSync.statusBarHeight;

    setState(function (state) {
      return _objectSpread(_objectSpread({}, state), {}, {
        statusBarHeight: statusBarHeight
      });
    });
  }, []);
  (0, _react.useEffect)(function () {
    (0, _events.on)('notify_show', function (notifyOptions) {
      var options = Object.assign(Object.assign({}, defaultOptions), parseOptions(notifyOptions));

      if (options.id === state.id || !options.id && state.id === defaultId) {
        setState(function (state) {
          return _objectSpread(_objectSpread({}, state), options);
        });
        show(notifyOptions);
      }

      (0, _events.on)('notify_clear', function () {
        hide(notifyOptions);
      });
    });
    return function () {
      (0, _events.off)('notify_show');
      (0, _events.off)('notify_clear');
    };
    /* eslint-disable-next-line */
  }, []);
  var hide = (0, _react.useCallback)(function (notifyOptions) {
    clearTimeout(timer);
    setState(function (state) {
      return _objectSpread(_objectSpread({}, state), {}, {
        show: false
      });
    });
    (0, _taro.nextTick)(function () {
      var _notifyOptions$onClos;

      notifyOptions === null || notifyOptions === void 0 ? void 0 : (_notifyOptions$onClos = notifyOptions.onClose) === null || _notifyOptions$onClos === void 0 ? void 0 : _notifyOptions$onClos.call(notifyOptions);
    });
  }, []);
  var show = (0, _react.useCallback)(function (notifyOptions) {
    clearTimeout(timer);
    setState(function (state) {
      return _objectSpread(_objectSpread({}, state), {}, {
        show: true
      });
    });
    (0, _taro.nextTick)(function () {
      var _notifyOptions$onOpen;

      notifyOptions === null || notifyOptions === void 0 ? void 0 : (_notifyOptions$onOpen = notifyOptions.onOpened) === null || _notifyOptions$onOpen === void 0 ? void 0 : _notifyOptions$onOpen.call(notifyOptions);
    });
    var delay = notifyOptions.duration || state.duration;

    if (delay > 0 && delay !== Infinity) {
      timer = setTimeout(function () {
        // hide(notifyOptions)
        (0, _events.trigger)('notify_clear', notifyOptions);
      }, delay);
    }
  }, [state.duration]);
  var onTap = (0, _react.useCallback)(function (event) {
    var _state$onClick;

    (_state$onClick = state.onClick) === null || _state$onClick === void 0 ? void 0 : _state$onClick.call(state, event);
  }, [state]);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, _objectSpread(_objectSpread({
    name: "slide-down",
    show: state.show,
    className: "van-notify__container ".concat(className),
    style: utils.style([computed.rootStyle(zIndex ? {
      zIndex: zIndex,
      top: state.top
    } : {
      top: state.top
    }), style]),
    onClick: onTap
  }, others), {}, {
    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.View, {
      className: 'van-notify van-notify--' + state.type,
      style: computed.notifyStyle({
        background: state.background,
        color: state.color
      }),
      children: [state.safeAreaInsetTop && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
        style: 'height: ' + state.statusBarHeight + 'px'
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Text, {
        children: state.message
      })]
    })
  }));
}

Notify.show = _notify.default;
Notify.clear = _notify.default.clear;
var _default = Notify;
exports.default = _default;