sunmao-sdk/es/component/ModalFactory/index.js

榫卯-开箱即用赋能-sdk

"use strict";

import "antd/es/spin/style";
import _Spin from "antd/es/spin";
import "antd/es/modal/style";
import _Modal from "antd/es/modal";
var _excluded = ["request"],
    _excluded2 = ["formSchema", "request", "widgets"];

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

import React from "react";
import ContentForm from "./ContentForm";
import "./index.css";

var closeModal = function closeModal() {
  _Modal.destroyAll();
};

var loading = function loading() {
  var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "请求中...";
  return _Modal.info({
    icon: null,
    bodyStyle: {
      alignItems: "center",
      justifyContent: "center",
      display: "flex"
    },
    content: /*#__PURE__*/React.createElement(_Spin, {
      tip: text
    }),
    className: "null-footer",
    cancelText: true,
    // 神奇的传送门
    okText: true // 神奇的传送门

  });
};

var showModal = function showModal(antdProps) {
  return _Modal.confirm(_objectSpread({
    destroyOnClose: true
  }, antdProps));
};

var showModalNullFooter = function showModalNullFooter(antdProps) {
  return showModal(_objectSpread({
    icon: null,
    className: "null-footer",
    cancelText: true,
    // 神奇的传送门
    okText: true,
    // 神奇的传送门
    closable: true
  }, antdProps));
};
/**
 * 确认请求弹框
 * @param {object} request 请求参数、处理数据、回调等等：参考ContentForm内说明
 * @param {object} antdProps antd其他配置参数
 */


var showModalRequest = function showModalRequest(_ref) {
  var request = _ref.request,
      antdProps = _objectWithoutProperties(_ref, _excluded);

  if (!request) {
    console.error("showModalRequest--注意看函数使用说明，专项专用！---request :", request);
    return;
  }

  var modal = _Modal.confirm({
    className: "null-footer",
    cancelText: true,
    // 神奇的传送门
    okText: true // 神奇的传送门

  });

  modal.update(_objectSpread(_objectSpread({
    icon: null
  }, antdProps), {}, {
    content: /*#__PURE__*/React.createElement(ContentForm, {
      request: request,
      antdProps: antdProps,
      onCancel: function onCancel() {
        return modal.destroy();
      }
    }),
    className: "null-footer",
    cancelText: true,
    // 神奇的传送门
    okText: true // 神奇的传送门

  }));
};
/**
 * 表单编辑弹框
 * @param {object} formSchema 表单schema
 * @param {object} request 请求参数、处理数据、回调等等：参考ContentForm内说明
 * @param {object} antdProps antd其他配置参数
 */


var showModalForm = function showModalForm(_ref2) {
  var formSchema = _ref2.formSchema,
      request = _ref2.request,
      widgets = _ref2.widgets,
      antdProps = _objectWithoutProperties(_ref2, _excluded2);

  if (!request || !formSchema) {
    console.error("showModalForm--注意看函数使用说明，专项专用---request、formSchema:", request, formSchema);
    return;
  }

  var modal = _Modal.info({
    className: "null-footer",
    cancelText: true,
    // 神奇的传送门
    okText: true // 神奇的传送门

  });

  modal.update(_objectSpread(_objectSpread({
    width: 600,
    icon: null
  }, antdProps), {}, {
    content: /*#__PURE__*/React.createElement(ContentForm, {
      formSchema: formSchema,
      widgets: widgets,
      request: request,
      antdProps: antdProps,
      onCancel: function onCancel() {
        return modal.destroy();
      }
    }),
    className: "null-footer",
    cancelText: true,
    // 神奇的传送门
    okText: true // 神奇的传送门

  }));
};

export default {
  loading: loading,
  showModal: showModal,
  closeModal: closeModal,
  showModalNullFooter: showModalNullFooter,
  showModalRequest: showModalRequest,
  showModalForm: showModalForm
};