acud 0.0.64 → 0.0.65

package/dist/acud.js

@@ -1,4 +1,4 @@
-/*! acud v0.0.64 */
+/*! acud v0.0.65 */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory(require("react"), require("react-dom"));
@@ -15257,8 +15257,7 @@ var DropdownButton = function DropdownButton(props) {
       trigger = props.trigger,
       visible = props.visible,
       onVisibleChange = props.onVisibleChange,
-      onClick = props.onClick,
-      restProps = __rest(props, ["children", "overlay", "disabled", "trigger", "visible", "onVisibleChange", "onClick"]); // 菜单可见，需要将ICON旋转
+      restProps = __rest(props, ["children", "overlay", "disabled", "trigger", "visible", "onVisibleChange"]); // 菜单可见，需要将ICON旋转
 
 
   var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__["useState"])(!!visible),
@@ -15275,8 +15274,7 @@ var DropdownButton = function DropdownButton(props) {
   }, []);
   var arrowCls = classnames__WEBPACK_IMPORTED_MODULE_4___default()((_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames, 'acud-btn-group-expand', popupVisible), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames, 'acud-btn-group-border-left', restProps.type === 'primary'), _classNames));
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ButtonGroup, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_button__WEBPACK_IMPORTED_MODULE_6__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
-    disabled: disabled,
-    onClick: onClick
+    disabled: disabled
   }, restProps), children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_dropdown__WEBPACK_IMPORTED_MODULE_7__["default"], {
     disabled: disabled,
     placement: "bottomRight",
@@ -24255,6 +24253,184 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./components/modal/DialogBox.tsx":
+/*!****************************************!*\
+  !*** ./components/modal/DialogBox.tsx ***!
+  \****************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var acud_icon_es_icons_FilledError__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! acud-icon/es/icons/FilledError */ "./node_modules/acud-icon/es/icons/FilledError.js");
+/* harmony import */ var acud_icon_es_icons_OutlinedClose__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! acud-icon/es/icons/OutlinedClose */ "./node_modules/acud-icon/es/icons/OutlinedClose.js");
+/* harmony import */ var acud_icon_es_icons_FilledSuccess__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! acud-icon/es/icons/FilledSuccess */ "./node_modules/acud-icon/es/icons/FilledSuccess.js");
+/* harmony import */ var acud_icon_es_icons_FilledWarn__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! acud-icon/es/icons/FilledWarn */ "./node_modules/acud-icon/es/icons/FilledWarn.js");
+/* harmony import */ var acud_icon_es_icons_FilledInfo__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! acud-icon/es/icons/FilledInfo */ "./node_modules/acud-icon/es/icons/FilledInfo.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
+/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../button */ "./components/button/index.tsx");
+/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Modal */ "./components/modal/Modal.tsx");
+
+
+
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+
+
+
+
+
+
+
+var DialogType = {
+  success: {
+    className: 'sucess',
+    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](acud_icon_es_icons_FilledSuccess__WEBPACK_IMPORTED_MODULE_5__["default"], {
+      color: "@S6"
+    })
+  },
+  warning: {
+    className: 'warning',
+    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](acud_icon_es_icons_FilledWarn__WEBPACK_IMPORTED_MODULE_6__["default"], {
+      color: "@W6"
+    })
+  },
+  confirm: {
+    className: 'confirm',
+    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](acud_icon_es_icons_FilledWarn__WEBPACK_IMPORTED_MODULE_6__["default"], {
+      color: "@W6"
+    })
+  },
+  info: {
+    className: 'info',
+    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](acud_icon_es_icons_FilledInfo__WEBPACK_IMPORTED_MODULE_7__["default"], {
+      color: "@B6"
+    })
+  },
+  error: {
+    className: 'error',
+    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](acud_icon_es_icons_FilledError__WEBPACK_IMPORTED_MODULE_3__["default"], {
+      color: "@E6"
+    })
+  }
+};
+
+var DialogBox = function DialogBox(props) {
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_9__["ConfigContext"]),
+      getPopupContainer = _React$useContext.getPopupContainer,
+      getPrefixCls = _React$useContext.getPrefixCls;
+
+  var prefixCls = getPrefixCls('modal-dialogbox');
+  var closeIconToRender = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("span", {
+    className: "".concat(prefixCls, "-close-x")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](acud_icon_es_icons_OutlinedClose__WEBPACK_IMPORTED_MODULE_4__["default"], {
+    className: "".concat(prefixCls, "-close-icon")
+  }));
+
+  var visible = props.visible,
+      className = props.className,
+      title = props.title,
+      content = props.content,
+      type = props.type,
+      cancelBtn = props.cancelBtn,
+      okText = props.okText,
+      confirmLoading = props.confirmLoading,
+      onOk = props.onOk,
+      onClose = props.onClose,
+      restProps = __rest(props, ["visible", "className", "title", "content", "type", "cancelBtn", "okText", "confirmLoading", "onOk", "onClose"]);
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_2__["useState"](false),
+      _React$useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_React$useState, 2),
+      loading = _React$useState2[0],
+      toggleLoading = _React$useState2[1];
+
+  var okBtnLoading = react__WEBPACK_IMPORTED_MODULE_2__["useMemo"](function () {
+    if (typeof confirmLoading === 'boolean') {
+      return confirmLoading;
+    }
+
+    return loading;
+  }, [confirmLoading, loading]);
+  var handleOk = react__WEBPACK_IMPORTED_MODULE_2__["useCallback"](function (e) {
+    var okResult = onOk === null || onOk === void 0 ? void 0 : onOk(e);
+
+    if (okResult && typeof okResult.then === 'function') {
+      toggleLoading(true);
+      okResult.then(function () {
+        console.log('then: close');
+        toggleLoading(false);
+        onClose === null || onClose === void 0 ? void 0 : onClose.apply(void 0, arguments);
+      }, function (e) {
+        console.error(e);
+        toggleLoading(false);
+      });
+    } else {
+      onClose === null || onClose === void 0 ? void 0 : onClose(e);
+    }
+  }, [onOk, onClose]);
+  var handleCancel = react__WEBPACK_IMPORTED_MODULE_2__["useCallback"](function () {
+    onClose === null || onClose === void 0 ? void 0 : onClose({
+      triggerCancel: true
+    });
+  }, [onClose]);
+  var titleNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](react__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
+    className: "".concat(prefixCls, "-icon")
+  }, DialogType[type].icon), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
+    className: "".concat(prefixCls, "-title")
+  }, title));
+  var footer = react__WEBPACK_IMPORTED_MODULE_2__["useMemo"](function () {
+    if (!cancelBtn) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_button__WEBPACK_IMPORTED_MODULE_10__["default"], {
+        type: "primary",
+        loading: okBtnLoading,
+        onClick: handleOk
+      }, okText);
+    }
+  }, [okText, cancelBtn, okBtnLoading, handleOk]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_Modal__WEBPACK_IMPORTED_MODULE_11__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restProps, {
+    confirmLoading: okBtnLoading,
+    footer: footer,
+    title: titleNode,
+    className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(className, "".concat(prefixCls), "".concat(prefixCls, "-").concat(type)),
+    getContainer: getPopupContainer,
+    visible: visible,
+    closeIcon: closeIconToRender,
+    onCancel: handleCancel,
+    onOk: handleOk,
+    okText: okText
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
+    className: "".concat(prefixCls, "-content")
+  }, content));
+};
+
+DialogBox.defaultProps = {
+  visible: true,
+  type: 'info'
+};
+/* harmony default export */ __webpack_exports__["default"] = (DialogBox);
+
 /***/ }),
 
 /***/ "./components/modal/Modal.tsx":
@@ -24381,6 +24557,153 @@ Modal.defaultProps = {
 
 /***/ }),
 
+/***/ "./components/modal/dialog.tsx":
+/*!*************************************!*\
+  !*** ./components/modal/dialog.tsx ***!
+  \*************************************/
+/*! exports provided: destroyAll, confirm, success, info, warning, error */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "destroyAll", function() { return destroyAll; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "confirm", function() { return confirm; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "success", function() { return success; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "info", function() { return info; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "warning", function() { return warning; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "error", function() { return error; });
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-dom */ "react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _DialogBox__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DialogBox */ "./components/modal/DialogBox.tsx");
+
+
+
+
+var destroyFns = [];
+
+function renderDialogBox(config) {
+  var currentConfig = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, config), {
+    visible: true,
+    onClose: close
+  });
+
+  var container = document.createDocumentFragment();
+
+  function render(dialogConfig) {
+    setTimeout(function () {
+      Object(react_dom__WEBPACK_IMPORTED_MODULE_2__["render"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_DialogBox__WEBPACK_IMPORTED_MODULE_3__["default"], dialogConfig), container);
+    });
+  }
+
+  function destroy() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    var triggerCancel = args.some(function (param) {
+      return param && param.triggerCancel;
+    });
+
+    if (config.onCancel && triggerCancel) {
+      // @ts-ignore
+      config.onCancel.apply(config, args);
+    }
+
+    for (var i = 0; i < destroyFns.length; i++) {
+      var fn = destroyFns[i];
+
+      if (fn === close) {
+        destroyFns.splice(i, 1);
+        break;
+      }
+    }
+
+    Object(react_dom__WEBPACK_IMPORTED_MODULE_2__["unmountComponentAtNode"])(container);
+  }
+
+  function close() {
+    var _this = this;
+
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    render(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, currentConfig), {
+      visible: false,
+      afterClose: function afterClose() {
+        if (typeof config.afterClose === 'function') {
+          config.afterClose();
+        }
+
+        destroy.apply(_this, args);
+      }
+    }));
+  }
+
+  render(currentConfig);
+  destroyFns.push(close);
+  return {
+    destroy: close
+  };
+}
+
+function destroyAll() {
+  while (destroyFns.length) {
+    var close = destroyFns.pop();
+
+    if (close) {
+      close();
+    }
+  }
+}
+function confirm(config) {
+  return renderDialogBox(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, config), {
+    type: 'confirm',
+    cancelBtn: true
+  }));
+}
+function success(config) {
+  var _a;
+
+  return renderDialogBox(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, config), {
+    type: 'success',
+    cancelBtn: false,
+    okText: (_a = config.okText) !== null && _a !== void 0 ? _a : '关闭'
+  }));
+}
+function info(config) {
+  var _a;
+
+  return renderDialogBox(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, config), {
+    type: 'info',
+    cancelBtn: false,
+    okText: (_a = config.okText) !== null && _a !== void 0 ? _a : '确定'
+  }));
+}
+function warning(config) {
+  var _a;
+
+  return renderDialogBox(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, config), {
+    type: 'warning',
+    cancelBtn: false,
+    okText: (_a = config.okText) !== null && _a !== void 0 ? _a : '关闭'
+  }));
+}
+function error(config) {
+  var _a;
+
+  return renderDialogBox(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, config), {
+    type: 'error',
+    cancelBtn: false,
+    okText: (_a = config.okText) !== null && _a !== void 0 ? _a : '重试'
+  }));
+}
+
+/***/ }),
+
 /***/ "./components/modal/index.tsx":
 /*!************************************!*\
   !*** ./components/modal/index.tsx ***!
@@ -24390,9 +24713,20 @@ Modal.defaultProps = {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Modal */ "./components/modal/Modal.tsx");
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Modal */ "./components/modal/Modal.tsx");
+/* harmony import */ var _dialog__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dialog */ "./components/modal/dialog.tsx");
 
-/* harmony default export */ __webpack_exports__["default"] = (_Modal__WEBPACK_IMPORTED_MODULE_0__["default"]);
+
+
+/* harmony default export */ __webpack_exports__["default"] = (Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(_Modal__WEBPACK_IMPORTED_MODULE_1__["default"], {
+  confirm: _dialog__WEBPACK_IMPORTED_MODULE_2__["confirm"],
+  success: _dialog__WEBPACK_IMPORTED_MODULE_2__["success"],
+  info: _dialog__WEBPACK_IMPORTED_MODULE_2__["info"],
+  error: _dialog__WEBPACK_IMPORTED_MODULE_2__["error"],
+  warning: _dialog__WEBPACK_IMPORTED_MODULE_2__["warning"],
+  destroyAll: _dialog__WEBPACK_IMPORTED_MODULE_2__["destroyAll"]
+}));
 
 /***/ }),