amis 1.5.8-beta.2 → 1.6.0

package/lib/components/PopUp.js

@@ -10,9 +10,11 @@ exports.PopUp = void 0;
 var tslib_1 = require("tslib");
 var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var theme_1 = require("../theme");
+var locale_1 = require("../locale");
 var Transition_1 = tslib_1.__importStar(require("react-transition-group/Transition"));
 var Portal_1 = (0, tslib_1.__importDefault)(require("react-overlays/Portal"));
 var icons_1 = require("./icons");
+var Button_1 = (0, tslib_1.__importDefault)(require("./Button"));
 var fadeStyles = (_a = {},
     _a[Transition_1.ENTERED] = '',
     _a[Transition_1.EXITING] = 'out',
@@ -22,15 +24,31 @@ var fadeStyles = (_a = {},
 var PopUp = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(PopUp, _super);
     function PopUp() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.scrollTop = 0;
+        return _this;
     }
-    PopUp.prototype.componentDidMount = function () { };
+    PopUp.prototype.componentDidUpdate = function () {
+        if (this.props.isShow) {
+            this.scrollTop =
+                document.body.scrollTop || document.documentElement.scrollTop;
+            document.body.style.overflow = 'hidden';
+        }
+        else {
+            document.body.style.overflow = 'auto';
+            document.body.scrollTop = this.scrollTop;
+        }
+    };
+    PopUp.prototype.componentWillUnmount = function () {
+        document.body.style.overflow = 'auto';
+        document.body.scrollTop = this.scrollTop;
+    };
     PopUp.prototype.handleClick = function (e) {
         e.stopPropagation();
     };
     PopUp.prototype.render = function () {
         var _this = this;
-        var _a = this.props, style = _a.style, children = _a.children, overlay = _a.overlay, onHide = _a.onHide, ns = _a.classPrefix, cx = _a.classnames, className = _a.className, isShow = _a.isShow, container = _a.container, hideClose = _a.hideClose, header = _a.header, _b = _a.placement, placement = _b === void 0 ? 'center' : _b, rest = (0, tslib_1.__rest)(_a, ["style", "children", "overlay", "onHide", "classPrefix", "classnames", "className", "isShow", "container", "hideClose", "header", "placement"]);
+        var _a = this.props, style = _a.style, title = _a.title, children = _a.children, overlay = _a.overlay, onHide = _a.onHide, onConfirm = _a.onConfirm, ns = _a.classPrefix, cx = _a.classnames, className = _a.className, isShow = _a.isShow, container = _a.container, showConfirm = _a.showConfirm, __ = _a.translate, showClose = _a.showClose, header = _a.header, _b = _a.placement, placement = _b === void 0 ? 'center' : _b, rest = (0, tslib_1.__rest)(_a, ["style", "title", "children", "overlay", "onHide", "onConfirm", "classPrefix", "classnames", "className", "isShow", "container", "showConfirm", "translate", "showClose", "header", "placement"]);
         var outerStyle = (0, tslib_1.__assign)({}, style);
         delete outerStyle.top;
         return (react_1.default.createElement(Portal_1.default, { container: container },
@@ -38,10 +56,15 @@ var PopUp = /** @class */ (function (_super) {
                 return (react_1.default.createElement("div", (0, tslib_1.__assign)({ className: cx(ns + "PopUp", className, fadeStyles[status]), style: outerStyle }, rest, { onClick: _this.handleClick }),
                     overlay && (react_1.default.createElement("div", { className: ns + "PopUp-overlay", onClick: onHide })),
                     react_1.default.createElement("div", { className: cx(ns + "PopUp-inner") },
-                        !hideClose && (react_1.default.createElement("div", { className: cx(ns + "PopUp-closeWrap") },
+                        !showConfirm && showClose ? (react_1.default.createElement("div", { className: cx(ns + "PopUp-closeWrap") },
                             header,
-                            react_1.default.createElement(icons_1.Icon, { icon: "close", className: cx('icon', ns + "PopUp-close"), onClick: onHide }))),
-                        react_1.default.createElement("div", { className: cx(ns + "PopUp-content", "justify-" + placement) }, children))));
+                            react_1.default.createElement(icons_1.Icon, { icon: "close", className: cx('icon', ns + "PopUp-close"), onClick: onHide }))) : null,
+                        showConfirm && (react_1.default.createElement("div", { className: cx(ns + "PopUp-toolbar") },
+                            react_1.default.createElement(Button_1.default, { className: cx(ns + "PopUp-cancel"), level: "text", onClick: onHide }, __('cancel')),
+                            title && (react_1.default.createElement("span", { className: cx(ns + "PopUp-title") }, title)),
+                            react_1.default.createElement(Button_1.default, { className: cx(ns + "PopUp-confirm"), level: "text", onClick: onConfirm }, __('confirm')))),
+                        react_1.default.createElement("div", { className: cx(ns + "PopUp-content", "justify-" + placement) }, isShow ? children : null),
+                        react_1.default.createElement("div", { className: cx("PopUp-safearea") }))));
             })));
     };
     PopUp.defaultProps = {
@@ -49,10 +72,11 @@ var PopUp = /** @class */ (function (_super) {
         overlay: true,
         isShow: false,
         container: document.body,
-        hideClose: false
+        showClose: true,
+        onConfirm: function () { }
     };
     return PopUp;
 }(react_1.default.PureComponent));
 exports.PopUp = PopUp;
-exports.default = (0, theme_1.themeable)(PopUp);
+exports.default = (0, theme_1.themeable)((0, locale_1.localeable)(PopUp));
 //# sourceMappingURL=./components/PopUp.js.map

package/lib/components/PopUp.js.map

@@ -6,8 +6,8 @@
         "/src/components/PopUp.tsx"
     ],
     "names": [],
-    "mappings": ";AAAA;;;;GAIG;;;;;AAEH,6DAA0B;AAC1B,kCAAiD;AACjD,2FAK2C;AAC3C,8EAA2C;AAC3C,iCAA6B;AAmB7B,IAAM,UAAU;IAGd,GAAC,oBAAO,IAAG,EAAE;IACb,GAAC,oBAAO,IAAG,KAAK;IAChB,GAAC,mBAAM,IAAG,EAAE;IACZ,GAAC,qBAAQ,IAAG,IAAI;OACjB,CAAC;AACF;IAA2B,sCAA+B;IAA1D;;IAyEA,CAAC;IAhEC,iCAAiB,GAAjB,cAAqB,CAAC;IACtB,2BAAW,GAAX,UAAY,CAAmB;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC;IAED,sBAAM,GAAN;QAAA,iBA0DC;QAzDC,IAAM,KAcF,IAAI,CAAC,KAAK,EAbZ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACO,EAAE,iBAAA,EACH,EAAE,gBAAA,EACd,SAAS,eAAA,EACT,MAAM,YAAA,EACN,SAAS,eAAA,EACT,SAAS,eAAA,EACT,MAAM,YAAA,EACN,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACjB,IAAI,2BAbH,+IAcL,CAAa,CAAC;QAEf,IAAM,UAAU,6BACX,KAAK,CACT,CAAC;QACF,OAAO,UAAU,CAAC,GAAG,CAAC;QACtB,OAAO,CACL,8BAAC,gBAAM,IAAC,SAAS,EAAE,SAAS;YAC1B,8BAAC,oBAAU,IAAC,YAAY,QAAC,aAAa,QAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,UACpE,UAAC,MAAc;gBACd,OAAO,CACL,6DACE,SAAS,EAAE,EAAE,CAAI,EAAE,UAAO,EAAE,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,EAC1D,KAAK,EAAE,UAAU,IACb,IAAI,IACR,OAAO,EAAE,KAAI,CAAC,WAAW;oBAExB,OAAO,IAAI,CACV,uCAAK,SAAS,EAAK,EAAE,kBAAe,EAAE,OAAO,EAAE,MAAM,GAAI,CAC1D;oBACD,uCAAK,SAAS,EAAE,EAAE,CAAI,EAAE,gBAAa,CAAC;wBACnC,CAAC,SAAS,IAAI,CACb,uCAAK,SAAS,EAAE,EAAE,CAAI,EAAE,oBAAiB,CAAC;4BACvC,MAAM;4BACP,8BAAC,YAAI,IACH,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,EAAK,EAAE,gBAAa,CAAC,EACzC,OAAO,EAAE,MAAM,GACf,CACE,CACP;wBACD,uCACE,SAAS,EAAE,EAAE,CAAI,EAAE,kBAAe,EAAE,aAAW,SAAW,CAAC,IAE1D,QAAQ,CACL,CACF,CACF,CACP,CAAC;YACJ,CAAC,CACU,CACN,CACV,CAAC;IACJ,CAAC;IAvEM,kBAAY,GAAG;QACpB,SAAS,EAAE,EAAE;QACb,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,QAAQ,CAAC,IAAI;QACxB,SAAS,EAAE,KAAK;KACjB,CAAC;IAkEJ,YAAC;CAAA,AAzED,CAA2B,eAAK,CAAC,aAAa,GAyE7C;AAzEY,sBAAK;AA2ElB,kBAAe,IAAA,iBAAS,EAAC,KAAK,CAAC,CAAC",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file PopUp\n * @description\n * @author fex\n */\n\nimport React from 'react';\nimport {ClassNamesFn, themeable} from '../theme';\nimport Transition, {\n  ENTERED,\n  EXITING,\n  EXITED,\n  ENTERING\n} from 'react-transition-group/Transition';\nimport Portal from 'react-overlays/Portal';\nimport {Icon} from './icons';\n\nexport interface PopUpPorps {\n  className?: string;\n  style?: {\n    [styleName: string]: string;\n  };\n  overlay?: boolean;\n  onHide?: () => void;\n  classPrefix: string;\n  classnames: ClassNamesFn;\n  [propName: string]: any;\n  isShow?: boolean;\n  container?: any;\n  hideClose?: boolean;\n  placement?: 'left' | 'center' | 'right';\n  header?: JSX.Element;\n}\n\nconst fadeStyles: {\n  [propName: string]: string;\n} = {\n  [ENTERED]: '',\n  [EXITING]: 'out',\n  [EXITED]: '',\n  [ENTERING]: 'in'\n};\nexport class PopUp extends React.PureComponent<PopUpPorps> {\n  static defaultProps = {\n    className: '',\n    overlay: true,\n    isShow: false,\n    container: document.body,\n    hideClose: false\n  };\n\n  componentDidMount() {}\n  handleClick(e: React.MouseEvent) {\n    e.stopPropagation();\n  }\n\n  render() {\n    const {\n      style,\n      children,\n      overlay,\n      onHide,\n      classPrefix: ns,\n      classnames: cx,\n      className,\n      isShow,\n      container,\n      hideClose,\n      header,\n      placement = 'center',\n      ...rest\n    } = this.props;\n\n    const outerStyle: any = {\n      ...style\n    };\n    delete outerStyle.top;\n    return (\n      <Portal container={container}>\n        <Transition mountOnEnter unmountOnExit in={isShow} timeout={500} appear>\n          {(status: string) => {\n            return (\n              <div\n                className={cx(`${ns}PopUp`, className, fadeStyles[status])}\n                style={outerStyle}\n                {...rest}\n                onClick={this.handleClick}\n              >\n                {overlay && (\n                  <div className={`${ns}PopUp-overlay`} onClick={onHide} />\n                )}\n                <div className={cx(`${ns}PopUp-inner`)}>\n                  {!hideClose && (\n                    <div className={cx(`${ns}PopUp-closeWrap`)}>\n                      {header}\n                      <Icon\n                        icon=\"close\"\n                        className={cx('icon', `${ns}PopUp-close`)}\n                        onClick={onHide}\n                      />\n                    </div>\n                  )}\n                  <div\n                    className={cx(`${ns}PopUp-content`, `justify-${placement}`)}\n                  >\n                    {children}\n                  </div>\n                </div>\n              </div>\n            );\n          }}\n        </Transition>\n      </Portal>\n    );\n  }\n}\n\nexport default themeable(PopUp);\n"
+        "/**\n * @file PopUp\n * @description\n * @author fex\n */\n\nimport React from 'react';\nimport {themeable, ThemeProps} from '../theme';\nimport {localeable, LocaleProps} from '../locale';\nimport Transition, {\n  ENTERED,\n  EXITING,\n  EXITED,\n  ENTERING\n} from 'react-transition-group/Transition';\nimport Portal from 'react-overlays/Portal';\nimport {Icon} from './icons';\nimport Button from './Button';\n\nexport interface PopUpPorps extends ThemeProps, LocaleProps {\n  title?: string;\n  className?: string;\n  style?: {\n    [styleName: string]: string;\n  };\n  overlay?: boolean;\n  onHide?: () => void;\n  isShow?: boolean;\n  container?: any;\n  showConfirm?: boolean;\n  onConfirm?: (value: any) => void;\n  showClose?: boolean;\n  placement?: 'left' | 'center' | 'right';\n  header?: JSX.Element;\n}\n\nconst fadeStyles: {\n  [propName: string]: string;\n} = {\n  [ENTERED]: '',\n  [EXITING]: 'out',\n  [EXITED]: '',\n  [ENTERING]: 'in'\n};\nexport class PopUp extends React.PureComponent<PopUpPorps> {\n  scrollTop: number = 0;\n  static defaultProps = {\n    className: '',\n    overlay: true,\n    isShow: false,\n    container: document.body,\n    showClose: true,\n    onConfirm: () => {}\n  };\n  componentDidUpdate() {\n    if (this.props.isShow) {\n      this.scrollTop =\n        document.body.scrollTop || document.documentElement.scrollTop;\n      document.body.style.overflow = 'hidden';\n    } else {\n      document.body.style.overflow = 'auto';\n      document.body.scrollTop = this.scrollTop;\n    }\n  }\n  componentWillUnmount() {\n    document.body.style.overflow = 'auto';\n    document.body.scrollTop = this.scrollTop;\n  }\n  handleClick(e: React.MouseEvent) {\n    e.stopPropagation();\n  }\n\n  render() {\n    const {\n      style,\n      title,\n      children,\n      overlay,\n      onHide,\n      onConfirm,\n      classPrefix: ns,\n      classnames: cx,\n      className,\n      isShow,\n      container,\n      showConfirm,\n      translate: __,\n      showClose,\n      header,\n      placement = 'center',\n      ...rest\n    } = this.props;\n\n    const outerStyle: any = {\n      ...style\n    };\n    delete outerStyle.top;\n    return (\n      <Portal container={container}>\n        <Transition mountOnEnter unmountOnExit in={isShow} timeout={500} appear>\n          {(status: string) => {\n            return (\n              <div\n                className={cx(`${ns}PopUp`, className, fadeStyles[status])}\n                style={outerStyle}\n                {...rest}\n                onClick={this.handleClick}\n              >\n                {overlay && (\n                  <div className={`${ns}PopUp-overlay`} onClick={onHide} />\n                )}\n                <div className={cx(`${ns}PopUp-inner`)}>\n                  {!showConfirm && showClose ? (\n                    <div className={cx(`${ns}PopUp-closeWrap`)}>\n                      {header}\n                      <Icon\n                        icon=\"close\"\n                        className={cx('icon', `${ns}PopUp-close`)}\n                        onClick={onHide}\n                      />\n                    </div>\n                  ) : null}\n                  {showConfirm && (\n                    <div className={cx(`${ns}PopUp-toolbar`)}>\n                      <Button\n                        className={cx(`${ns}PopUp-cancel`)}\n                        level=\"text\"\n                        onClick={onHide}\n                      >\n                        {__('cancel')}\n                      </Button>\n                      {title && (\n                        <span className={cx(`${ns}PopUp-title`)}>{title}</span>\n                      )}\n                      <Button\n                        className={cx(`${ns}PopUp-confirm`)}\n                        level=\"text\"\n                        onClick={onConfirm}\n                      >\n                        {__('confirm')}\n                      </Button>\n                    </div>\n                  )}\n                  <div\n                    className={cx(`${ns}PopUp-content`, `justify-${placement}`)}\n                  >\n                    {isShow ? children : null}\n                  </div>\n                  <div className={cx(`PopUp-safearea`)}></div>\n                </div>\n              </div>\n            );\n          }}\n        </Transition>\n      </Portal>\n    );\n  }\n}\n\nexport default themeable(localeable(PopUp));\n"
     ]
 }