mh-rn-component/commonjs/Toast/useToast.js

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useToast = exports._Toast = exports.ToastRef = exports.ToastProvider = void 0;

var _react = _interopRequireWildcard(require("react"));

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

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

// 创建一个createContext
const ToastContext = /*#__PURE__*/(0, _react.createContext)({
  toastList: {},
  visibleToasts: {},
  setToast: () => {},
  hideToast: () => {},
  hideAll: () => {},
  loading: () => {}
}); // 组件调用Context

const CustomToast = () => {
  const {
    toastList,
    visibleToasts,
    hideToast
  } = (0, _react.useContext)(ToastContext);

  const toastListIds = () => {
    return Object.keys(visibleToasts);
  };

  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, toastListIds().map(id => {
    return /*#__PURE__*/_react.default.createElement(_index.default, _extends({
      key: id,
      onChange: () => hideToast(id),
      show: visibleToasts[id]
    }, toastList[id]));
  }));
}; // 组件调用Context


const ToastProvider = _ref => {
  let {
    children
  } = _ref;
  const [toastList, setToastList] = (0, _react.useState)({});
  const [visibleToasts, setVisibleToasts] = (0, _react.useState)({});

  const toastIndex = _react.default.useRef(7000);

  const hideToast = (0, _react.useCallback)(id => {
    setVisibleToasts(prev => {
      return { ...prev,
        [id]: false
      };
    });
  }, [setVisibleToasts]);
  const hideAll = (0, _react.useCallback)(() => {
    setVisibleToasts({});
  }, [setVisibleToasts]);
  const setToast = (0, _react.useCallback)(props => {
    const {
      id = toastIndex.current++,
      ...rest
    } = props;
    setToastList(prev => {
      return { ...prev,
        [id]: {
          id,
          ...rest
        }
      };
    });
    setVisibleToasts(prev => {
      return { ...prev,
        [id]: true
      };
    });
    return id;
  }, [toastList, visibleToasts, hideToast]);
  const loading = (0, _react.useCallback)(props => {
    const {
      id = toastIndex.current++,
      ...rest
    } = props;
    setToastList(prev => {
      return { ...prev,
        [id]: {
          id,
          icon: "loading1",
          duration: 0,
          loading: true,
          ...rest
        }
      };
    });
    setVisibleToasts(prev => {
      return { ...prev,
        [id]: true
      };
    });
    return id;
  }, [toastList, visibleToasts, hideToast]);
  const contextValue = (0, _react.useMemo)(() => {
    return {
      toastList,
      visibleToasts,
      setToast,
      hideToast,
      hideAll,
      loading
    };
  }, [toastList, visibleToasts, setToast, hideToast, hideAll, loading]);
  return /*#__PURE__*/_react.default.createElement(ToastContext.Provider, {
    value: contextValue
  }, children, /*#__PURE__*/_react.default.createElement(CustomToast, null));
};

exports.ToastProvider = ToastProvider;

const useToast = () => {
  const {
    setToast,
    hideToast,
    hideAll,
    loading
  } = _react.default.useContext(ToastContext);

  const toast = (0, _react.useMemo)(() => ({
    show: setToast,
    close: hideToast,
    closeAll: hideAll,
    loading: loading
  }), [setToast, hideToast, hideAll, loading]);
  return toast;
}; //!这部分和ref相关的


exports.useToast = useToast;

const ToastRef = /*#__PURE__*/_react.default.createRef();

exports.ToastRef = ToastRef;
const _Toast = {
  show: props => {
    var _ToastRef$current;

    return (_ToastRef$current = ToastRef.current) === null || _ToastRef$current === void 0 ? void 0 : _ToastRef$current.show(props);
  },
  close: id => {
    var _ToastRef$current2;

    return (_ToastRef$current2 = ToastRef.current) === null || _ToastRef$current2 === void 0 ? void 0 : _ToastRef$current2.close(id);
  },
  closeAll: () => {
    var _ToastRef$current3;

    return (_ToastRef$current3 = ToastRef.current) === null || _ToastRef$current3 === void 0 ? void 0 : _ToastRef$current3.closeAll();
  },
  loading: props => {
    var _ToastRef$current4;

    return (_ToastRef$current4 = ToastRef.current) === null || _ToastRef$current4 === void 0 ? void 0 : _ToastRef$current4.show(props);
  } // isActive: (id: any) => ToastRef.current?.isActive(id),

};
exports._Toast = _Toast;
//# sourceMappingURL=useToast.js.map