@chaoswise/ui 3.0.5 → 3.0.6

package/lib/Modal/index.js

@@ -1,274 +0,0 @@
-var _excluded = ["draggable", "dragSelect", "visible", "open", "size", "className", "bodyStyle", "compact", "style", "styles"];
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { useRef } from "react";
-import { InfoCircleFilled, ExclamationCircleFilled, CheckCircleFilled } from "@ant-design/icons";
-import PropTypes from "prop-types";
-import classnames from "classnames";
-import CustomModal from "./Modal";
-import { Modal } from "../Antd5";
-import { cloneComProps } from "../utils";
-import { merge } from "lodash-es";
-import useConfigContext from "../useConfigContext";
-import useStyle from "./index.style";
-var ENUM_ICON = {
-  info: /*#__PURE__*/React.createElement(InfoCircleFilled, {
-    style: {
-      color: "#1890ff"
-    }
-  }),
-  error: /*#__PURE__*/React.createElement(ExclamationCircleFilled, {
-    style: {
-      color: "#F5222D"
-    }
-  }),
-  success: /*#__PURE__*/React.createElement(CheckCircleFilled, {
-    style: {
-      color: "#52c41a"
-    }
-  }),
-  warning: /*#__PURE__*/React.createElement(ExclamationCircleFilled, null)
-};
-var defaultParmas = {
-  width: 480,
-  // 默认宽度480px 符合UIUE规范
-  mask: false,
-  // 遮罩默认关闭 符合UIUE规范
-  autoFocusButton: null // 默认由ok调整为null 符合UIUE规范
-};
-var confirm = Modal.confirm,
-  info = Modal.info,
-  error = Modal.error,
-  success = Modal.success,
-  warning = Modal.warning;
-var Confirm = function Confirm() {
-  var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _params = _objectSpread(_objectSpread({}, defaultParmas), params);
-  return confirm(_params);
-};
-var Info = function Info() {
-  var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _params = _objectSpread(_objectSpread({
-    icon: ENUM_ICON.info
-  }, defaultParmas), params);
-  return info(_params);
-};
-var Error = function Error() {
-  var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _params = _objectSpread(_objectSpread({
-    icon: ENUM_ICON.error
-  }, defaultParmas), params);
-  return error(_params);
-};
-var Success = function Success() {
-  var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _params = _objectSpread(_objectSpread({
-    icon: ENUM_ICON.success
-  }, defaultParmas), params);
-  return success(_params);
-};
-var Warning = function Warning() {
-  var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _params = _objectSpread(_objectSpread({
-    icon: ENUM_ICON.warning
-  }, defaultParmas), params);
-  return warning(_params);
-};
-/**
- * 可拖拽的Modal弹窗，基于antd的Modal二次封装
- *
- */
-
-function CWModal(_ref) {
-  var _ref$draggable = _ref.draggable,
-    draggable = _ref$draggable === void 0 ? false : _ref$draggable,
-    _ref$dragSelect = _ref.dragSelect,
-    dragSelect = _ref$dragSelect === void 0 ? "head" : _ref$dragSelect,
-    visible = _ref.visible,
-    open = _ref.open,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "middle" : _ref$size,
-    className = _ref.className,
-    bodyStyle = _ref.bodyStyle,
-    _ref$compact = _ref.compact,
-    compact = _ref$compact === void 0 ? false : _ref$compact,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? {} : _ref$style,
-    _ref$styles = _ref.styles,
-    styles = _ref$styles === void 0 ? {} : _ref$styles,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useConfigContext = useConfigContext(),
-    getPrefixCls = _useConfigContext.getPrefixCls;
-  var prefixCls = getPrefixCls("modal");
-  var _useStyle = useStyle(prefixCls),
-    _useStyle2 = _slicedToArray(_useStyle, 3),
-    wrapCSSVar = _useStyle2[0],
-    hashId = _useStyle2[1],
-    cssVarCls = _useStyle2[2];
-  var FOOTER_HEIGHT = useRef(52);
-  var HEADER_HEIGHT = useRef(52);
-  var footer = rest.footer,
-    title = rest.title;
-  var modalWidth = 200;
-  var fullScreenStyle = {};
-  var compuHeight = function compuHeight(arr) {
-    var height = arr.map(function (item) {
-      if (item.bool) {
-        return item.height;
-      }
-      return 0;
-    }).reduce(function (prev, next) {
-      return prev + next;
-    });
-    return height;
-  };
-  var getBodyHeight = function getBodyHeight() {
-    var bodyHeight = [{
-      bool: footer === null ? false : true,
-      height: FOOTER_HEIGHT.current
-    }, {
-      bool: title ? true : false,
-      height: HEADER_HEIGHT.current
-    }];
-    return compuHeight(bodyHeight);
-  };
-  bodyStyle = merge({
-    height: "calc(100% - ".concat(getBodyHeight(), "px)"),
-    overflow: "auto"
-  }, bodyStyle);
-  if (size === "large") {
-    modalWidth = 920;
-  } else if (size === "middle") {
-    modalWidth = 660;
-  } else if (size === "small") {
-    modalWidth = 480;
-  } else if (size === "fullScreen") {
-    modalWidth = "100%";
-    fullScreenStyle = {
-      top: "16px",
-      paddingBottom: 0,
-      padding: "0 16px 16px 16px",
-      height: "calc(100% - 16px)"
-    };
-    bodyStyle = merge({
-      height: "calc(100% - ".concat(getBodyHeight(), "px)"),
-      overflow: "auto"
-    }, bodyStyle);
-  }
-  return wrapCSSVar( /*#__PURE__*/React.createElement(CustomModal, _extends({
-    draggable: draggable,
-    visible: visible !== null && visible !== void 0 ? visible : open,
-    style: merge(fullScreenStyle, style),
-    width: modalWidth,
-    styles: merge({
-      body: bodyStyle
-    }, styles),
-    className: classnames("".concat(prefixCls, "-wrapper"), _defineProperty({}, "".concat(prefixCls, "-wrapper-compact"), compact), className)
-  }, rest)));
-}
-cloneComProps(Modal, CWModal);
-CWModal.confirm = Confirm;
-CWModal.info = Info;
-CWModal.error = Error;
-CWModal.success = Success;
-CWModal.warning = Warning;
-CWModal.propTypes = {
-  /**
-   * 是否开启拖拽弹窗
-   */
-  draggable: PropTypes.bool,
-  /**
-   * 标题
-   */
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  /**
-   * 对话框是否可见(兼容旧版本)
-   */
-  visible: PropTypes.bool,
-  /**
-   * 对话框是否可见
-   */
-  open: PropTypes.bool,
-  /**
-   * 确认按钮文字
-   */
-  okText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  /**
-   * 取消按钮文字
-   */
-  cancelText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  /**
-   * 确认按钮类型
-   */
-  okType: PropTypes.string,
-  /**
-   * 是否显示右上角的关闭按钮
-   */
-  closable: PropTypes.bool,
-  /**
-   * 确定按钮 loading
-   */
-  confirmLoading: PropTypes.bool,
-  /**
-   * 底部内容，当不需要默认底部按钮时，可以设为 footer={null}
-   */
-  footer: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.array]),
-  /**
-   * 是否支持键盘 esc 关闭
-   */
-  keyboard: PropTypes.bool,
-  /**
-   * ok 按钮 props,详情请查看antd的Button
-   */
-  okButtonProps: PropTypes.object,
-  /**
-   * cancel 按钮 props,详情请查看antd的Button
-   */
-  cancelButtonProps: PropTypes.object,
-  /**
-   * 点击蒙层是否允许关闭
-   */
-  maskClosable: PropTypes.bool,
-  /**
-   * 点击确定回调
-   */
-  onOk: PropTypes.func,
-  /**
-   * 点击遮罩层或右上角叉或取消按钮的回调
-   */
-  onCancel: PropTypes.func,
-  /**
-   * 是否展示遮罩
-   */
-  mask: PropTypes.bool,
-  /**
-   * 宽度
-   */
-  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /**
-   * 设置 Modal 的 z-index
-   */
-  zIndex: PropTypes.number,
-  /**
-   * 弹窗大小，默认为middle
-   */
-  size: PropTypes.oneOf(["small", "middle", "large", "fullScreen"]),
-  /**
-   * 是否将内容区域设置为紧凑模式，上间距由24px调整到16px
-   */
-  compact: PropTypes.bool
-};
-export default CWModal;

package/lib/Modal/index.style.js

@@ -1,53 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { genStyleHooks } from "../Antd5/theme/internal";
-import { unit } from '@ant-design/cssinjs';
-var genCustomCWModalStyle = function genCustomCWModalStyle(token) {
-  var prefixCls = token.antCls;
-  var modalPrefix = "".concat(prefixCls, "-modal");
-  var btnPrefix = "".concat(prefixCls, "-btn");
-  return _defineProperty({}, modalPrefix, _defineProperty({}, "&".concat(modalPrefix, "-wrapper"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    "> div[tabindex='-1']": {
-      height: "100%" // 升级antd样式fixed
-    }
-  }, "".concat(modalPrefix, "-content"), {
-    height: "100%" // 全屏模式使用
-  }), "".concat(modalPrefix, "-close"), {
-    color: token.colorTextSecondary,
-    top: "0",
-    right: "0",
-    height: "52px !important",
-    // ui规范
-    width: "64px",
-    // ui规范
-    alignItems: "center",
-    backgroundColor: "transparent !important",
-    "&:focus, &:hover": {
-      color: token.colorPrimaryHover
-    }
-  }), "".concat(modalPrefix, "-body"), {
-    lineHeight: "20px"
-  }), "".concat(modalPrefix, "-footer"), _defineProperty({
-    padding: "11px 24px 12px"
-  }, btnPrefix, {
-    padding: "0 23px"
-  })), "".concat(modalPrefix, "-title"), {
-    lineHeight: "24px",
-    fontSize: "16px",
-    fontWeight: "500"
-  }), "".concat(modalPrefix, "-header"), {
-    padding: "14px 24px 13px",
-    borderBottom: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorderSecondary),
-    backgroundColor: token.colorBgContainer
-  }), "&".concat(modalPrefix, "-wrapper-compact"), _defineProperty({}, "".concat(modalPrefix, "-body"), {
-    paddingTop: "16px"
-  }))));
-};
-// ============================== Export ==============================
-export default genStyleHooks("CWModal", function (token) {
-  return [
-  //
-  genCustomCWModalStyle(token)];
-});

package/lib/ModuleFederation/ErrorBoundary/index.js

@@ -1,52 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-import React from 'react';
-var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  function ErrorBoundary(props) {
-    var _this;
-    _classCallCheck(this, ErrorBoundary);
-    _this = _callSuper(this, ErrorBoundary, [props]);
-    _this.state = {
-      hasError: false
-    };
-    return _this;
-  }
-  _inherits(ErrorBoundary, _React$Component);
-  return _createClass(ErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error, errorInfo) {
-      console.log('%c [ error ]-15', 'font-size:13px; background:pink; color:#bf2c9f;', error);
-      // 你同样可以将错误日志上报给服务器
-      // logErrorToMyService(error, errorInfo);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      if (this.state.hasError) {
-        // 你可以自定义降级后的 UI 并渲染
-        return /*#__PURE__*/React.createElement("h1", null, "Something went wrong.");
-      }
-      return this.props.children;
-    }
-  }], [{
-    key: "getDerivedStateFromError",
-    value: function getDerivedStateFromError(error) {
-      // 更新 state 使下一次渲染能够显示降级后的 UI
-      return {
-        hasError: true
-      };
-    }
-  }]);
-}(React.Component);
-export default ErrorBoundary;

package/lib/ModuleFederation/index.js

@@ -1,10 +0,0 @@
-import _Spin from "@chaoswise/ui/lib/Spin";
-import React, { Suspense } from 'react';
-import ErrorBoundary from './ErrorBoundary';
-import { RemoteComponent } from './react-dynamic-remote-component';
-var Index = function Index(props) {
-  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Suspense, {
-    fallback: /*#__PURE__*/React.createElement(_Spin, null)
-  }, /*#__PURE__*/React.createElement(RemoteComponent, props)));
-};
-export default Index;

package/lib/ModuleFederation/react-dynamic-remote-component/RemoteComponent.js

@@ -1,185 +0,0 @@
-import _Spin from "@chaoswise/ui/lib/Spin";
-var _excluded = ["exportName", "url", "scope", "module", "renderField"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-import React, { useEffect, useState, useMemo, useCallback } from 'react';
-import { attachScript } from './attach-script';
-import { loadModule } from './load-module';
-import { loadScript } from './loading-script';
-import { suspend } from './suspend';
-import { getRemoteModuleId } from './utils';
-import loadable from '@loadable/component';
-export var getModule = function getModule(remoteModule) {
-  // 存储组件请求的Promise对象
-  window.remoteModuleDictionary = window.remoteModuleDictionary || {};
-  var id = getRemoteModuleId(remoteModule);
-  var existingModule = window.remoteModuleDictionary[id];
-  if (existingModule) {
-    return existingModule;
-  } else {
-    window.remoteModuleDictionary[id] = new Promise(function (resolve, reject) {
-      var asyncFunc = /*#__PURE__*/function () {
-        var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-          var _module;
-          return _regeneratorRuntime().wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                _context.prev = 0;
-                _context.next = 3;
-                return attachScript(remoteModule);
-              case 3:
-                _context.next = 5;
-                return loadModule(remoteModule.url, remoteModule.scope, remoteModule.module)();
-              case 5:
-                _module = _context.sent;
-                resolve(_module);
-                _context.next = 12;
-                break;
-              case 9:
-                _context.prev = 9;
-                _context.t0 = _context["catch"](0);
-                reject(_context.t0);
-              case 12:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee, null, [[0, 9]]);
-        }));
-        return function asyncFunc() {
-          return _ref.apply(this, arguments);
-        };
-      }();
-      asyncFunc();
-    });
-    return window.remoteModuleDictionary[id];
-  }
-};
-var getModuleSuspended = function getModuleSuspended(remoteModule) {
-  // 存储已请求成功的组件
-  window.remoteObjectDictionary = window.remoteObjectDictionary || {};
-  var id = getRemoteModuleId(remoteModule);
-  // 如果存在直接使用，不存在则去加载
-  var existingCaller = window.remoteObjectDictionary[id];
-  if (existingCaller) {
-    return existingCaller();
-  } else {
-    var caller = suspend(getModule(remoteModule));
-    window.remoteObjectDictionary[id] = caller;
-    return caller();
-  }
-};
-export var useRemoteModule = function useRemoteModule(remoteModule) {
-  return getModuleSuspended(remoteModule);
-};
-export var RemoteComponent = function RemoteComponent(props) {
-  var _props$exportName = props.exportName,
-    exportName = _props$exportName === void 0 ? 'default' : _props$exportName,
-    url = props.url,
-    scope = props.scope,
-    module = props.module,
-    _props$renderField = props.renderField,
-    renderField = _props$renderField === void 0 ? 'render' : _props$renderField,
-    resProps = _objectWithoutProperties(props, _excluded);
-  var remoteModule = {
-    url: url,
-    scope: scope,
-    module: module
-  };
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    hasError = _useState4[0],
-    setHasError = _useState4[1];
-  var _useState5 = useState({}),
-    _useState6 = _slicedToArray(_useState5, 2),
-    childProps = _useState6[0],
-    setChildProps = _useState6[1];
-  var _getModuleSuspended = getModuleSuspended(remoteModule),
-    injectedCon = _getModuleSuspended[exportName];
-  var Component = useMemo(function () {
-    // 对象类型注册
-    if (_typeof(injectedCon) === 'object' && injectedCon[renderField]) {
-      var Com = loadable(injectedCon[renderField], {
-        fallback: /*#__PURE__*/React.createElement(_Spin, null)
-      });
-      if (injectedCon.preMount) {
-        Com.preMount = injectedCon.preMount;
-      }
-      return Com;
-    }
-    // 组件类型注册
-    console.log(_typeof(injectedCon));
-    return injectedCon;
-  }, [injectedCon, renderField]);
-
-  // 通过mount函数注入组件所需属性
-
-  var getMountedProps = useCallback( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(Component) {
-      var _props;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.prev = 0;
-            if (!(Component.preMount && typeof Component.preMount === 'function')) {
-              _context2.next = 6;
-              break;
-            }
-            _context2.next = 4;
-            return Component.preMount(_objectSpread(_objectSpread({}, props), {}, {
-              loadScript: loadScript
-            }));
-          case 4:
-            _props = _context2.sent;
-            if (props) {
-              setChildProps(_props);
-            }
-          case 6:
-            setLoading(false);
-            _context2.next = 13;
-            break;
-          case 9:
-            _context2.prev = 9;
-            _context2.t0 = _context2["catch"](0);
-            console.error(_context2.t0);
-            setHasError(true);
-          case 13:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2, null, [[0, 9]]);
-    }));
-    return function (_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), [props]);
-  useEffect(function () {
-    getMountedProps(Component);
-  }, [Component, getMountedProps]);
-  if (hasError) {
-    return 'mount error please check Component.mount!';
-  }
-  if (loading) {
-    return /*#__PURE__*/React.createElement(_Spin, null);
-  }
-  return /*#__PURE__*/React.createElement(Component, _extends({}, childProps, resProps));
-};

package/lib/ModuleFederation/react-dynamic-remote-component/attach-script.js

@@ -1,42 +0,0 @@
-import { getRemoteModuleId } from './utils';
-
-// 创建引入remoteEntry的script标签
-export var attachScript = function attachScript(remoteModule) {
-  var id = getRemoteModuleId(remoteModule);
-  var existingElement = document.getElementById(id);
-
-  // remoteEntry.js是否已经存在
-  if (existingElement) {
-    // 确定remoteEntry.js加载进来后webpack模块联邦是否已经初始化完成当前模块
-    if (window[remoteModule.scope]) {
-      return Promise.resolve(true);
-    } else return new Promise(function (resolve) {
-      existingElement.onload = function (e) {
-        resolve(true);
-      };
-    });
-  }
-  var element = document.createElement('script');
-  element.src = remoteModule.url;
-  element.type = 'text/javascript';
-  element.async = true;
-  element.id = id;
-  var scriptLoadPromise = new Promise(function (resolve, reject) {
-    element.onload = function () {
-      resolve(element);
-    };
-    element.onerror = function (e) {
-      reject(e);
-    };
-  });
-  document.head.appendChild(element);
-  return scriptLoadPromise;
-};
-
-// 移除js
-export var detachScript = function detachScript(id) {
-  var element = document.getElementById(id);
-  if (element) {
-    document.head.removeChild(element);
-  }
-};

package/lib/ModuleFederation/react-dynamic-remote-component/index.js

@@ -1 +0,0 @@
-export * from './RemoteComponent';