amis 1.5.6-beta.4 → 1.5.8-beta.2

package/lib/components/PickerContainer.js.map

@@ -6,8 +6,8 @@
         "/src/components/PickerContainer.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {autobind} from '../utils/helper';\nimport Overlay from './Overlay';\nimport PopOver from './PopOver';\nimport {findDOMNode} from 'react-dom';\nimport Modal from './Modal';\nimport {themeable, ThemeProps} from '../theme';\nimport {localeable, LocaleProps} from '../locale';\nimport Button from './Button';\n\nexport interface PickerContainerProps extends ThemeProps, LocaleProps {\n  title?: string;\n  children: (props: {\n    onClick: (e: React.MouseEvent) => void;\n    isOpened: boolean;\n  }) => JSX.Element;\n  popOverRender: (props: {\n    onClose: () => void;\n    value: any;\n    onChange: (value: any) => void;\n  }) => JSX.Element;\n  value?: any;\n  onConfirm?: (value?: any) => void;\n  onCancel?: () => void;\n  popOverContainer?: any;\n  popOverClassName?: string;\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';\n}\n\nexport interface PickerContainerState {\n  isOpened: boolean;\n  value?: any;\n}\n\nexport class PickerContainer extends React.Component<\n  PickerContainerProps,\n  PickerContainerState\n> {\n  state: PickerContainerState = {\n    isOpened: false,\n    value: this.props.value\n  };\n\n  componentDidUpdate(prevProps: PickerContainerProps) {\n    const props = this.props;\n\n    if (props.value !== prevProps.value) {\n      this.setState({\n        value: props.value\n      });\n    }\n  }\n\n  @autobind\n  handleClick() {\n    this.setState({\n      isOpened: true\n    });\n  }\n\n  @autobind\n  close(e?: any, callback?: () => void) {\n    this.setState(\n      {\n        isOpened: false\n      },\n      callback || (() => this.props.onCancel?.())\n    );\n  }\n\n  @autobind\n  handleChange(value: any) {\n    this.setState({\n      value\n    });\n  }\n\n  @autobind\n  confirm() {\n    const {onConfirm} = this.props;\n\n    this.close(undefined, () => onConfirm?.(this.state.value));\n  }\n\n  render() {\n    const {\n      children,\n      popOverRender: dropdownRender,\n      title,\n      translate: __,\n      size\n    } = this.props;\n    return (\n      <>\n        {children({\n          isOpened: this.state.isOpened,\n          onClick: this.handleClick\n        })}\n\n        <Modal\n          size={size}\n          closeOnEsc\n          show={this.state.isOpened}\n          onHide={this.close}\n        >\n          <Modal.Header onClose={this.close}>\n            {__(title || 'Select.placeholder')}\n          </Modal.Header>\n          <Modal.Body>\n            {dropdownRender({\n              onClose: this.close,\n              value: this.state.value,\n              onChange: this.handleChange\n            })}\n          </Modal.Body>\n          <Modal.Footer>\n            <Button onClick={this.close}>{__('cancel')}</Button>\n            <Button onClick={this.confirm} level=\"primary\">\n              {__('confirm')}\n            </Button>\n          </Modal.Footer>\n        </Modal>\n      </>\n    );\n  }\n}\n\nexport default themeable(localeable(PickerContainer));\n"
+        "import React from 'react';\nimport {autobind} from '../utils/helper';\nimport Overlay from './Overlay';\nimport PopOver from './PopOver';\nimport {findDOMNode} from 'react-dom';\nimport Modal from './Modal';\nimport {themeable, ThemeProps} from '../theme';\nimport {localeable, LocaleProps} from '../locale';\nimport Button from './Button';\n\nexport interface PickerContainerProps extends ThemeProps, LocaleProps {\n  title?: string;\n  showTitle?: boolean;\n  children: (props: {\n    onClick: (e: React.MouseEvent) => void;\n    isOpened: boolean;\n  }) => JSX.Element;\n  bodyRender: (props: {\n    onClose: () => void;\n    value: any;\n    onChange: (value: any) => void;\n    setState: (state: any) => void;\n    [propName: string]: any;\n  }) => JSX.Element;\n  value?: any;\n  onConfirm?: (value?: any) => void;\n  onCancel?: () => void;\n  popOverContainer?: any;\n  popOverClassName?: string;\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';\n}\n\nexport interface PickerContainerState {\n  isOpened: boolean;\n  value?: any;\n}\n\nexport class PickerContainer extends React.Component<\n  PickerContainerProps,\n  PickerContainerState\n> {\n  state: PickerContainerState = {\n    isOpened: false,\n    value: this.props.value\n  };\n\n  componentDidUpdate(prevProps: PickerContainerProps) {\n    const props = this.props;\n\n    if (props.value !== prevProps.value) {\n      this.setState({\n        value: props.value\n      });\n    }\n  }\n\n  @autobind\n  handleClick() {\n    this.setState({\n      isOpened: true\n    });\n  }\n\n  @autobind\n  close(e?: any, callback?: () => void) {\n    this.setState(\n      {\n        isOpened: false\n      },\n      callback || (() => this.props.onCancel?.())\n    );\n  }\n\n  @autobind\n  handleChange(value: any) {\n    this.setState({\n      value\n    });\n  }\n\n  @autobind\n  confirm() {\n    const {onConfirm} = this.props;\n\n    this.close(undefined, () => onConfirm?.(this.state.value));\n  }\n\n  @autobind\n  updateState(state: any = {}) {\n    const {isOpened, ...rest} = state;\n    this.setState({\n      ...this.state,\n      ...rest\n    });\n  }\n\n  render() {\n    const {\n      children,\n      bodyRender: popOverRender,\n      title,\n      showTitle,\n      translate: __,\n      size\n    } = this.props;\n    return (\n      <>\n        {children({\n          isOpened: this.state.isOpened,\n          onClick: this.handleClick\n        })}\n\n        <Modal\n          size={size}\n          closeOnEsc\n          show={this.state.isOpened}\n          onHide={this.close}\n        >\n          {showTitle !== false ? (\n            <Modal.Header onClose={this.close}>\n              {__(title || 'Select.placeholder')}\n            </Modal.Header>\n          ) : null}\n          <Modal.Body>\n            {popOverRender({\n              ...(this.state as any),\n              setState: this.updateState,\n              onClose: this.close,\n              onChange: this.handleChange\n            })}\n          </Modal.Body>\n          <Modal.Footer>\n            <Button onClick={this.close}>{__('cancel')}</Button>\n            <Button onClick={this.confirm} level=\"primary\">\n              {__('confirm')}\n            </Button>\n          </Modal.Footer>\n        </Modal>\n      </>\n    );\n  }\n}\n\nexport default themeable(localeable(PickerContainer));\n"
     ]
 }

package/lib/components/PopUp.d.ts

@@ -0,0 +1,94 @@
+/**
+ * @file PopUp
+ * @description
+ * @author fex
+ */
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { ClassNamesFn } from '../theme';
+export interface PopUpPorps {
+    className?: string;
+    style?: {
+        [styleName: string]: string;
+    };
+    overlay?: boolean;
+    onHide?: () => void;
+    classPrefix: string;
+    classnames: ClassNamesFn;
+    [propName: string]: any;
+    isShow?: boolean;
+    container?: any;
+    hideClose?: boolean;
+    placement?: 'left' | 'center' | 'right';
+    header?: JSX.Element;
+}
+export declare class PopUp extends React.PureComponent<PopUpPorps> {
+    static defaultProps: {
+        className: string;
+        overlay: boolean;
+        isShow: boolean;
+        container: HTMLElement;
+        hideClose: boolean;
+    };
+    componentDidMount(): void;
+    handleClick(e: React.MouseEvent): void;
+    render(): JSX.Element;
+}
+declare const _default: {
+    new (props: (Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps) | Readonly<Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps, context: any): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<PopUpPorps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof PopUp>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof PopUp, {}> & {
+    ComposedComponent: typeof PopUp;
+};
+export default _default;

package/lib/components/PopUp.js

@@ -0,0 +1,58 @@
+"use strict";
+/**
+ * @file PopUp
+ * @description
+ * @author fex
+ */
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopUp = void 0;
+var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var theme_1 = require("../theme");
+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 fadeStyles = (_a = {},
+    _a[Transition_1.ENTERED] = '',
+    _a[Transition_1.EXITING] = 'out',
+    _a[Transition_1.EXITED] = '',
+    _a[Transition_1.ENTERING] = 'in',
+    _a);
+var PopUp = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(PopUp, _super);
+    function PopUp() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PopUp.prototype.componentDidMount = function () { };
+    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 outerStyle = (0, tslib_1.__assign)({}, style);
+        delete outerStyle.top;
+        return (react_1.default.createElement(Portal_1.default, { container: container },
+            react_1.default.createElement(Transition_1.default, { mountOnEnter: true, unmountOnExit: true, in: isShow, timeout: 500, appear: true }, function (status) {
+                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") },
+                            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))));
+            })));
+    };
+    PopUp.defaultProps = {
+        className: '',
+        overlay: true,
+        isShow: false,
+        container: document.body,
+        hideClose: false
+    };
+    return PopUp;
+}(react_1.default.PureComponent));
+exports.PopUp = PopUp;
+exports.default = (0, theme_1.themeable)(PopUp);
+//# sourceMappingURL=./components/PopUp.js.map

package/lib/components/PopUp.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "PopUp.js",
+    "sourceRoot": "",
+    "sources": [
+        "/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",
+    "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"
+    ]
+}