amis 1.5.7 → 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  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  }) => 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      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              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

@@ -20,6 +20,7 @@ export interface PopUpPorps {
     container?: any;
     hideClose?: boolean;
     placement?: 'left' | 'center' | 'right';
+    header?: JSX.Element;
 }
 export declare class PopUp extends React.PureComponent<PopUpPorps> {
     static defaultProps: {

package/lib/components/PopUp.js

@@ -24,14 +24,13 @@ var PopUp = /** @class */ (function (_super) {
     function PopUp() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    PopUp.prototype.componentDidMount = function () {
-    };
+    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, _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", "placement"]);
+        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 },
@@ -39,7 +38,8 @@ 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", 'text-right') },
+                        !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))));
             })));
@@ -49,7 +49,7 @@ var PopUp = /** @class */ (function (_super) {
         overlay: true,
         isShow: false,
         container: document.body,
-        hideClose: false,
+        hideClose: false
     };
     return PopUp;
 }(react_1.default.PureComponent));

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,iCAA+B;AAmB/B,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;;IAwFA,CAAC;IA/EC,iCAAiB,GAAjB;IAEA,CAAC;IACD,2BAAW,GAAX,UAAY,CAAmB;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC;IAED,sBAAM,GAAN;QAAA,iBAuEC;QAtEC,IAAM,KAaF,IAAI,CAAC,KAAK,EAZZ,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,iBAAkB,EAAlB,SAAS,mBAAC,QAAQ,KAAA,EACf,IAAI,2BAZH,qIAaL,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,IACT,YAAY,QACZ,aAAa,QACb,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,GAAG,EACZ,MAAM,UAEL,UAAC,MAAc;gBACZ,OAAO,CACL,6DACE,SAAS,EAAE,EAAE,CACR,EAAE,UAAO,EACZ,SAAS,EACT,UAAU,CAAC,MAAM,CAAC,CACnB,EACD,KAAK,EAAE,UAAU,IACb,IAAI,IACR,OAAO,EAAE,KAAI,CAAC,WAAW;oBAExB,OAAO,IAAI,CACV,uCAAK,SAAS,EAAK,EAAE,kBAAe,EAAE,OAAO,EAAE,MAAM,GAAG,CACzD;oBACD,uCAAK,SAAS,EAAE,EAAE,CACb,EAAE,gBAAa,CACnB;wBAGG,CAAC,SAAS,IAAI,CACZ,uCAAK,SAAS,EAAE,EAAE,CAAI,EAAE,oBAAiB,EAAE,YAAY,CAAC;4BACtD,8BAAC,YAAI,IACH,IAAI,EAAC,OAAO,EACd,SAAS,EAAE,EAAE,CAAC,MAAM,EAAK,EAAE,gBAAa,CAAC,EACvC,OAAO,EAAE,MAAM,GACf,CACE,CACP;wBAEH,uCACE,SAAS,EAAE,EAAE,CAAI,EAAE,kBAAe,EAAE,aAAW,SAAW,CAAC,IAE1D,QAAQ,CACL,CACF,CACF,CACP,CAAA;YACL,CAAC,CACU,CACN,CACV,CAAA;IACH,CAAC;IAtFM,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;IAiFJ,YAAC;CAAA,AAxFD,CAA2B,eAAK,CAAC,aAAa,GAwF7C;AAxFY,sBAAK;AA0FlB,kBAAe,IAAA,iBAAS,EAAC,KAAK,CAAC,CAAC",
+    "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\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}\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\n  }\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      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\n          mountOnEnter\n          unmountOnExit\n          in={isShow}\n          timeout={500}\n          appear\n        >\n          {(status: string) => {\n              return (\n                <div\n                  className={cx(\n                    `${ns}PopUp`,\n                    className,\n                    fadeStyles[status]\n                  )}\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(\n                    `${ns}PopUp-inner`\n                  )}\n                  >\n                    {\n                      !hideClose && (\n                        <div className={cx(`${ns}PopUp-closeWrap`, 'text-right')}>\n                          <Icon\n                            icon=\"close\"\n                          className={cx('icon', `${ns}PopUp-close`)}\n                            onClick={onHide}\n                          />\n                        </div>\n                      )\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 {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"
     ]
 }

package/lib/components/ResultBox.js

@@ -9,6 +9,7 @@ var icons_1 = require("./icons");
 var Input_1 = (0, tslib_1.__importDefault)(require("./Input"));
 var helper_1 = require("../utils/helper");
 var locale_1 = require("../locale");
+var isPlainObject = require("lodash/isPlainObject");
 var ResultBox = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(ResultBox, _super);
     function ResultBox() {
@@ -75,7 +76,7 @@ var ResultBox = /** @class */ (function (_super) {
             Array.isArray(result) && result.length ? (result.map(function (item, index) { return (react_1.default.createElement("div", { className: cx('ResultBox-value'), key: index },
                 react_1.default.createElement("span", { className: cx('ResultBox-valueLabel') }, itemRender(item)),
                 !disabled ? (react_1.default.createElement("a", { "data-index": index, onClick: _this.removeItem },
-                    react_1.default.createElement(icons_1.Icon, { icon: "close", className: "icon" }))) : null)); })) : result && !Array.isArray(result) ? (react_1.default.createElement("span", { className: cx('ResultBox-singleValue') }, result)) : allowInput && !disabled ? null : (react_1.default.createElement("span", { className: cx('ResultBox-placeholder') }, __(placeholder || 'placeholder.noData'))),
+                    react_1.default.createElement(icons_1.Icon, { icon: "close", className: "icon" }))) : null)); })) : result && !Array.isArray(result) ? (react_1.default.createElement("span", { className: cx('ResultBox-singleValue') }, isPlainObject(result) ? itemRender(result) : result)) : allowInput && !disabled ? null : (react_1.default.createElement("span", { className: cx('ResultBox-placeholder') }, __(placeholder || 'placeholder.noData'))),
             allowInput && !disabled ? (react_1.default.createElement(Input_1.default, (0, tslib_1.__assign)({}, rest, { onKeyPress: onKeyPress, ref: this.inputRef, value: value || '', onChange: this.handleChange, placeholder: __(Array.isArray(result) && result.length
                     ? inputPlaceholder
                     : placeholder), onFocus: this.handleFocus, onBlur: this.handleBlur }))) : null,

package/lib/components/ResultBox.js.map

@@ -6,8 +6,8 @@
         "/src/components/ResultBox.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import {ThemeProps, themeable} from '../theme';\nimport React from 'react';\nimport {InputBoxProps} from './InputBox';\nimport {uncontrollable} from 'uncontrollable';\nimport {Icon} from './icons';\nimport Input from './Input';\nimport {autobind, ucFirst} from '../utils/helper';\nimport {LocaleProps, localeable} from '../locale';\n\nexport interface ResultBoxProps\n  extends ThemeProps,\n    LocaleProps,\n    Omit<InputBoxProps, 'result' | 'prefix' | 'onChange' | 'translate'> {\n  onChange?: (value: string) => void;\n  onResultClick?: (e: React.MouseEvent<HTMLElement>) => void;\n  result?: Array<any> | any;\n  itemRender: (value: any) => JSX.Element | string;\n  onResultChange?: (value: Array<any>) => void;\n  allowInput?: boolean;\n  inputPlaceholder: string;\n}\n\nexport class ResultBox extends React.Component<ResultBoxProps> {\n  static defaultProps: Pick<\n    ResultBoxProps,\n    'clearable' | 'placeholder' | 'itemRender' | 'inputPlaceholder'\n  > = {\n    clearable: false,\n    placeholder: 'placeholder.noData',\n    inputPlaceholder: 'placeholder.enter',\n    itemRender: (option: any) => (\n      <span>{`${option.scopeLabel || ''}${option.label}`}</span>\n    )\n  };\n\n  state = {\n    isFocused: false\n  };\n\n  inputRef: React.RefObject<any> = React.createRef();\n\n  focus() {\n    this.inputRef.current?.focus();\n  }\n\n  blur() {\n    this.inputRef.current?.blur();\n  }\n\n  @autobind\n  clearValue(e: React.MouseEvent<any>) {\n    e.preventDefault();\n    const onResultChange = this.props.onResultChange;\n    onResultChange && onResultChange([]);\n  }\n\n  @autobind\n  handleFocus(e: any) {\n    const onFocus = this.props.onFocus;\n    onFocus && onFocus(e);\n    this.setState({\n      isFocused: true\n    });\n  }\n\n  @autobind\n  handleBlur(e: any) {\n    const onBlur = this.props.onBlur;\n    onBlur && onBlur(e);\n    this.setState({\n      isFocused: false\n    });\n  }\n\n  @autobind\n  removeItem(e: React.MouseEvent<HTMLElement>) {\n    e.stopPropagation();\n    e.preventDefault();\n\n    const {result, onResultChange} = this.props;\n    const index = parseInt(e.currentTarget.getAttribute('data-index')!, 10);\n    const newResult = Array.isArray(result) ? result.concat() : [];\n    newResult.splice(index, 1);\n    onResultChange && onResultChange(newResult);\n  }\n\n  @autobind\n  handleChange(e: React.ChangeEvent<HTMLInputElement>) {\n    const {onChange} = this.props;\n    onChange?.(e.currentTarget.value);\n  }\n\n  render() {\n    const {\n      className,\n      classnames: cx,\n      classPrefix,\n      clearable,\n      disabled,\n      hasError,\n      result,\n      value,\n      placeholder,\n      children,\n      itemRender,\n      allowInput,\n      inputPlaceholder,\n      onResultChange,\n      onChange,\n      onResultClick,\n      translate: __,\n      locale,\n      onKeyPress,\n      onFocus,\n      onBlur,\n      borderMode,\n      ...rest\n    } = this.props;\n    const isFocused = this.state.isFocused;\n\n    return (\n      <div\n        className={cx('ResultBox', className, {\n          'is-focused': isFocused,\n          'is-disabled': disabled,\n          'is-error': hasError,\n          'is-clickable': onResultClick,\n          [`ResultBox--border${ucFirst(borderMode)}`]: borderMode\n        })}\n        onClick={onResultClick}\n        tabIndex={!allowInput && !disabled && onFocus ? 0 : -1}\n        onKeyPress={allowInput ? undefined : onKeyPress}\n        onFocus={allowInput ? undefined : onFocus}\n        onBlur={allowInput ? undefined : onBlur}\n      >\n        {Array.isArray(result) && result.length ? (\n          result.map((item, index) => (\n            <div className={cx('ResultBox-value')} key={index}>\n              <span className={cx('ResultBox-valueLabel')}>\n                {itemRender(item)}\n              </span>\n              {!disabled ? (\n                <a data-index={index} onClick={this.removeItem}>\n                  <Icon icon=\"close\" className=\"icon\" />\n                </a>\n              ) : null}\n            </div>\n          ))\n        ) : result && !Array.isArray(result) ? (\n          <span className={cx('ResultBox-singleValue')}>{result}</span>\n        ) : allowInput && !disabled ? null : (\n          <span className={cx('ResultBox-placeholder')}>\n            {__(placeholder || 'placeholder.noData')}\n          </span>\n        )}\n\n        {allowInput && !disabled ? (\n          <Input\n            {...rest}\n            onKeyPress={onKeyPress}\n            ref={this.inputRef}\n            value={value || ''}\n            onChange={this.handleChange}\n            placeholder={__(\n              Array.isArray(result) && result.length\n                ? inputPlaceholder\n                : placeholder\n            )}\n            onFocus={this.handleFocus}\n            onBlur={this.handleBlur}\n          />\n        ) : null}\n\n        {children}\n\n        {clearable &&\n        !disabled &&\n        (Array.isArray(result) ? result.length : result) ? (\n          <a onClick={this.clearValue} className={cx('ResultBox-clear')}>\n            <Icon icon=\"close\" className=\"icon\" />\n          </a>\n        ) : null}\n      </div>\n    );\n  }\n}\n\nexport default themeable(\n  localeable(\n    uncontrollable(ResultBox, {\n      value: 'onChange',\n      result: 'onResultChange'\n    })\n  )\n);\n"
+        "import {ThemeProps, themeable} from '../theme';\nimport React from 'react';\nimport {InputBoxProps} from './InputBox';\nimport {uncontrollable} from 'uncontrollable';\nimport {Icon} from './icons';\nimport Input from './Input';\nimport {autobind, ucFirst} from '../utils/helper';\nimport {LocaleProps, localeable} from '../locale';\nimport isPlainObject = require('lodash/isPlainObject');\n\nexport interface ResultBoxProps\n  extends ThemeProps,\n    LocaleProps,\n    Omit<InputBoxProps, 'result' | 'prefix' | 'onChange' | 'translate'> {\n  onChange?: (value: string) => void;\n  onResultClick?: (e: React.MouseEvent<HTMLElement>) => void;\n  result?: Array<any> | any;\n  itemRender: (value: any) => JSX.Element | string;\n  onResultChange?: (value: Array<any>) => void;\n  allowInput?: boolean;\n  inputPlaceholder: string;\n}\n\nexport class ResultBox extends React.Component<ResultBoxProps> {\n  static defaultProps: Pick<\n    ResultBoxProps,\n    'clearable' | 'placeholder' | 'itemRender' | 'inputPlaceholder'\n  > = {\n    clearable: false,\n    placeholder: 'placeholder.noData',\n    inputPlaceholder: 'placeholder.enter',\n    itemRender: (option: any) => (\n      <span>{`${option.scopeLabel || ''}${option.label}`}</span>\n    )\n  };\n\n  state = {\n    isFocused: false\n  };\n\n  inputRef: React.RefObject<any> = React.createRef();\n\n  focus() {\n    this.inputRef.current?.focus();\n  }\n\n  blur() {\n    this.inputRef.current?.blur();\n  }\n\n  @autobind\n  clearValue(e: React.MouseEvent<any>) {\n    e.preventDefault();\n    const onResultChange = this.props.onResultChange;\n    onResultChange && onResultChange([]);\n  }\n\n  @autobind\n  handleFocus(e: any) {\n    const onFocus = this.props.onFocus;\n    onFocus && onFocus(e);\n    this.setState({\n      isFocused: true\n    });\n  }\n\n  @autobind\n  handleBlur(e: any) {\n    const onBlur = this.props.onBlur;\n    onBlur && onBlur(e);\n    this.setState({\n      isFocused: false\n    });\n  }\n\n  @autobind\n  removeItem(e: React.MouseEvent<HTMLElement>) {\n    e.stopPropagation();\n    e.preventDefault();\n\n    const {result, onResultChange} = this.props;\n    const index = parseInt(e.currentTarget.getAttribute('data-index')!, 10);\n    const newResult = Array.isArray(result) ? result.concat() : [];\n    newResult.splice(index, 1);\n    onResultChange && onResultChange(newResult);\n  }\n\n  @autobind\n  handleChange(e: React.ChangeEvent<HTMLInputElement>) {\n    const {onChange} = this.props;\n    onChange?.(e.currentTarget.value);\n  }\n\n  render() {\n    const {\n      className,\n      classnames: cx,\n      classPrefix,\n      clearable,\n      disabled,\n      hasError,\n      result,\n      value,\n      placeholder,\n      children,\n      itemRender,\n      allowInput,\n      inputPlaceholder,\n      onResultChange,\n      onChange,\n      onResultClick,\n      translate: __,\n      locale,\n      onKeyPress,\n      onFocus,\n      onBlur,\n      borderMode,\n      ...rest\n    } = this.props;\n    const isFocused = this.state.isFocused;\n\n    return (\n      <div\n        className={cx('ResultBox', className, {\n          'is-focused': isFocused,\n          'is-disabled': disabled,\n          'is-error': hasError,\n          'is-clickable': onResultClick,\n          [`ResultBox--border${ucFirst(borderMode)}`]: borderMode\n        })}\n        onClick={onResultClick}\n        tabIndex={!allowInput && !disabled && onFocus ? 0 : -1}\n        onKeyPress={allowInput ? undefined : onKeyPress}\n        onFocus={allowInput ? undefined : onFocus}\n        onBlur={allowInput ? undefined : onBlur}\n      >\n        {Array.isArray(result) && result.length ? (\n          result.map((item, index) => (\n            <div className={cx('ResultBox-value')} key={index}>\n              <span className={cx('ResultBox-valueLabel')}>\n                {itemRender(item)}\n              </span>\n              {!disabled ? (\n                <a data-index={index} onClick={this.removeItem}>\n                  <Icon icon=\"close\" className=\"icon\" />\n                </a>\n              ) : null}\n            </div>\n          ))\n        ) : result && !Array.isArray(result) ? (\n          <span className={cx('ResultBox-singleValue')}>\n            {isPlainObject(result) ? itemRender(result) : result}\n          </span>\n        ) : allowInput && !disabled ? null : (\n          <span className={cx('ResultBox-placeholder')}>\n            {__(placeholder || 'placeholder.noData')}\n          </span>\n        )}\n\n        {allowInput && !disabled ? (\n          <Input\n            {...rest}\n            onKeyPress={onKeyPress}\n            ref={this.inputRef}\n            value={value || ''}\n            onChange={this.handleChange}\n            placeholder={__(\n              Array.isArray(result) && result.length\n                ? inputPlaceholder\n                : placeholder\n            )}\n            onFocus={this.handleFocus}\n            onBlur={this.handleBlur}\n          />\n        ) : null}\n\n        {children}\n\n        {clearable &&\n        !disabled &&\n        (Array.isArray(result) ? result.length : result) ? (\n          <a onClick={this.clearValue} className={cx('ResultBox-clear')}>\n            <Icon icon=\"close\" className=\"icon\" />\n          </a>\n        ) : null}\n      </div>\n    );\n  }\n}\n\nexport default themeable(\n  localeable(\n    uncontrollable(ResultBox, {\n      value: 'onChange',\n      result: 'onResultChange'\n    })\n  )\n);\n"
     ]
 }

package/lib/components/ResultList.d.ts

@@ -10,15 +10,21 @@ import { LocaleProps } from '../locale';
 export interface ResultListProps extends ThemeProps, LocaleProps {
     className?: string;
     value?: Array<Option>;
-    onChange?: (value: Array<Option>) => void;
+    onChange?: (value: Array<Option>, optionModified?: boolean) => void;
     sortable?: boolean;
     disabled?: boolean;
     title?: string;
     placeholder: string;
-    itemRender: (option: Option) => JSX.Element;
+    itemRender: (option: Option, states: ItemRenderStates) => JSX.Element;
     itemClassName?: string;
 }
+export interface ItemRenderStates {
+    index: number;
+    disabled?: boolean;
+    onChange: (value: any, name: string) => void;
+}
 export declare class ResultList extends React.Component<ResultListProps> {
+    static itemRender(option: any): JSX.Element;
     static defaultProps: Pick<ResultListProps, 'placeholder' | 'itemRender'>;
     id: string;
     sortable?: Sortable;
@@ -28,6 +34,7 @@ export declare class ResultList extends React.Component<ResultListProps> {
     handleRemove(e: React.MouseEvent<HTMLElement>): void;
     initSortable(): void;
     desposeSortable(): void;
+    handleValueChange(index: number, value: any, name: string): void;
     render(): JSX.Element;
 }
 declare const _default: {

package/lib/components/ResultList.js

@@ -19,6 +19,9 @@ var ResultList = /** @class */ (function (_super) {
         _this.id = (0, helper_1.guid)();
         return _this;
     }
+    ResultList.itemRender = function (option) {
+        return react_1.default.createElement("span", null, "" + (option.scopeLabel || '') + option.label);
+    };
     ResultList.prototype.componentDidMount = function () {
         this.props.sortable && this.initSortable();
     };
@@ -89,6 +92,19 @@ var ResultList = /** @class */ (function (_super) {
         (_a = this.sortable) === null || _a === void 0 ? void 0 : _a.destroy();
         delete this.sortable;
     };
+    ResultList.prototype.handleValueChange = function (index, value, name) {
+        var _a;
+        if (typeof name !== 'string') {
+            return;
+        }
+        var _b = this.props, list = _b.value, onChange = _b.onChange;
+        var result = Array.isArray(list) ? list.concat() : [];
+        if (!result[index]) {
+            return;
+        }
+        result.splice(index, 1, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, result[index]), (_a = {}, _a[name] = value, _a)));
+        onChange === null || onChange === void 0 ? void 0 : onChange(result, true);
+    };
     ResultList.prototype.render = function () {
         var _this = this;
         var _a = this.props, cx = _a.classnames, className = _a.className, value = _a.value, placeholder = _a.placeholder, itemRender = _a.itemRender, disabled = _a.disabled, title = _a.title, itemClassName = _a.itemClassName, sortable = _a.sortable, __ = _a.translate;
@@ -96,14 +112,18 @@ var ResultList = /** @class */ (function (_super) {
             title ? react_1.default.createElement("div", { className: cx('Selections-title') }, title) : null,
             Array.isArray(value) && value.length ? (react_1.default.createElement("div", { className: cx('Selections-items') }, value.map(function (option, index) { return (react_1.default.createElement("div", { className: cx('Selections-item', itemClassName, option === null || option === void 0 ? void 0 : option.className), key: index },
                 sortable && !disabled && value.length > 1 ? (react_1.default.createElement(icons_1.Icon, { className: cx('Selections-dragbar icon'), icon: "drag-bar" })) : null,
-                react_1.default.createElement("label", null, itemRender(option)),
+                react_1.default.createElement("label", null, itemRender(option, {
+                    index: index,
+                    disabled: disabled,
+                    onChange: _this.handleValueChange.bind(_this, index)
+                })),
                 !disabled ? (react_1.default.createElement("a", { className: cx('Selections-delBtn'), "data-index": index, onClick: _this.handleRemove },
                     react_1.default.createElement(icons_1.Icon, { icon: "close", className: "icon" }))) : null)); }))) : (react_1.default.createElement("div", { className: cx('Selections-placeholder') }, __(placeholder)))));
     };
     var _a;
     ResultList.defaultProps = {
         placeholder: 'placeholder.selectData',
-        itemRender: function (option) { return (react_1.default.createElement("span", null, "" + (option.scopeLabel || '') + option.label)); }
+        itemRender: ResultList.itemRender
     };
     (0, tslib_1.__decorate)([
         helper_1.autobind,

package/lib/components/ResultList.js.map

@@ -6,8 +6,8 @@
         "/src/components/ResultList.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * 用来显示选择结果，垂直显示。支持移出、排序等操作。\n */\nimport React from 'react';\nimport {Option} from './Select';\nimport {ThemeProps, themeable} from '../theme';\nimport {Icon} from './icons';\nimport {autobind, guid} from '../utils/helper';\nimport Sortable from 'sortablejs';\nimport {findDOMNode} from 'react-dom';\nimport {LocaleProps, localeable} from '../locale';\n\nexport interface ResultListProps extends ThemeProps, LocaleProps {\n  className?: string;\n  value?: Array<Option>;\n  onChange?: (value: Array<Option>) => void;\n  sortable?: boolean;\n  disabled?: boolean;\n  title?: string;\n  placeholder: string;\n  itemRender: (option: Option) => JSX.Element;\n  itemClassName?: string;\n}\n\nexport class ResultList extends React.Component<ResultListProps> {\n  static defaultProps: Pick<ResultListProps, 'placeholder' | 'itemRender'> = {\n    placeholder: 'placeholder.selectData',\n    itemRender: (option: any) => (\n      <span>{`${option.scopeLabel || ''}${option.label}`}</span>\n    )\n  };\n\n  id = guid();\n  sortable?: Sortable;\n\n  componentDidMount() {\n    this.props.sortable && this.initSortable();\n  }\n\n  componentDidUpdate() {\n    if (this.props.sortable) {\n      this.sortable || this.initSortable();\n    } else {\n      this.desposeSortable();\n    }\n  }\n\n  componentWillUnmount() {\n    this.desposeSortable();\n  }\n\n  @autobind\n  handleRemove(e: React.MouseEvent<HTMLElement>) {\n    const index = parseInt(e.currentTarget.getAttribute('data-index')!, 10);\n    const {value, onChange} = this.props;\n\n    if (!Array.isArray(value)) {\n      return;\n    }\n\n    const newValue = value.concat();\n    newValue.splice(index, 1);\n    onChange?.(newValue);\n  }\n\n  initSortable() {\n    const ns = this.props.classPrefix;\n    const dom = findDOMNode(this) as HTMLElement;\n    const container = dom.querySelector(\n      `.${ns}Selections-items`\n    ) as HTMLElement;\n\n    if (!container) {\n      return;\n    }\n\n    this.sortable = new Sortable(container, {\n      group: `selections-${this.id}`,\n      animation: 150,\n      handle: `.${ns}Selections-dragbar`,\n      ghostClass: `${ns}Selections-item--dragging`,\n      onEnd: (e: any) => {\n        // 没有移动\n        if (e.newIndex === e.oldIndex) {\n          return;\n        }\n\n        // 换回来\n        const parent = e.to as HTMLElement;\n        if (\n          e.newIndex < e.oldIndex &&\n          e.oldIndex < parent.childNodes.length - 1\n        ) {\n          parent.insertBefore(e.item, parent.childNodes[e.oldIndex + 1]);\n        } else if (e.oldIndex < parent.childNodes.length - 1) {\n          parent.insertBefore(e.item, parent.childNodes[e.oldIndex]);\n        } else {\n          parent.appendChild(e.item);\n        }\n\n        const value = this.props.value;\n        if (!Array.isArray(value)) {\n          return;\n        }\n        const newValue = value.concat();\n        newValue.splice(e.newIndex, 0, newValue.splice(e.oldIndex, 1)[0]);\n        this.props.onChange?.(newValue);\n      }\n    });\n  }\n\n  desposeSortable() {\n    this.sortable?.destroy();\n    delete this.sortable;\n  }\n\n  render() {\n    const {\n      classnames: cx,\n      className,\n      value,\n      placeholder,\n      itemRender,\n      disabled,\n      title,\n      itemClassName,\n      sortable,\n      translate: __\n    } = this.props;\n\n    return (\n      <div className={cx('Selections', className)}>\n        {title ? <div className={cx('Selections-title')}>{title}</div> : null}\n\n        {Array.isArray(value) && value.length ? (\n          <div className={cx('Selections-items')}>\n            {value.map((option, index) => (\n              <div\n                className={cx(\n                  'Selections-item',\n                  itemClassName,\n                  option?.className\n                )}\n                key={index}\n              >\n                {sortable && !disabled && value.length > 1 ? (\n                  <Icon\n                    className={cx('Selections-dragbar icon')}\n                    icon=\"drag-bar\"\n                  />\n                ) : null}\n\n                <label>{itemRender(option)}</label>\n\n                {!disabled ? (\n                  <a\n                    className={cx('Selections-delBtn')}\n                    data-index={index}\n                    onClick={this.handleRemove}\n                  >\n                    <Icon icon=\"close\" className=\"icon\" />\n                  </a>\n                ) : null}\n              </div>\n            ))}\n          </div>\n        ) : (\n          <div className={cx('Selections-placeholder')}>{__(placeholder)}</div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default themeable(localeable(ResultList));\n"
+        "/**\n * 用来显示选择结果，垂直显示。支持移出、排序等操作。\n */\nimport React from 'react';\nimport {Option} from './Select';\nimport {ThemeProps, themeable} from '../theme';\nimport {Icon} from './icons';\nimport {autobind, guid} from '../utils/helper';\nimport Sortable from 'sortablejs';\nimport {findDOMNode} from 'react-dom';\nimport {LocaleProps, localeable} from '../locale';\n\nexport interface ResultListProps extends ThemeProps, LocaleProps {\n  className?: string;\n  value?: Array<Option>;\n  onChange?: (value: Array<Option>, optionModified?: boolean) => void;\n  sortable?: boolean;\n  disabled?: boolean;\n  title?: string;\n  placeholder: string;\n  itemRender: (option: Option, states: ItemRenderStates) => JSX.Element;\n  itemClassName?: string;\n}\n\nexport interface ItemRenderStates {\n  index: number;\n  disabled?: boolean;\n  onChange: (value: any, name: string) => void;\n}\n\nexport class ResultList extends React.Component<ResultListProps> {\n  static itemRender(option: any) {\n    return <span>{`${option.scopeLabel || ''}${option.label}`}</span>;\n  }\n  static defaultProps: Pick<ResultListProps, 'placeholder' | 'itemRender'> = {\n    placeholder: 'placeholder.selectData',\n    itemRender: ResultList.itemRender\n  };\n\n  id = guid();\n  sortable?: Sortable;\n\n  componentDidMount() {\n    this.props.sortable && this.initSortable();\n  }\n\n  componentDidUpdate() {\n    if (this.props.sortable) {\n      this.sortable || this.initSortable();\n    } else {\n      this.desposeSortable();\n    }\n  }\n\n  componentWillUnmount() {\n    this.desposeSortable();\n  }\n\n  @autobind\n  handleRemove(e: React.MouseEvent<HTMLElement>) {\n    const index = parseInt(e.currentTarget.getAttribute('data-index')!, 10);\n    const {value, onChange} = this.props;\n\n    if (!Array.isArray(value)) {\n      return;\n    }\n\n    const newValue = value.concat();\n    newValue.splice(index, 1);\n    onChange?.(newValue);\n  }\n\n  initSortable() {\n    const ns = this.props.classPrefix;\n    const dom = findDOMNode(this) as HTMLElement;\n    const container = dom.querySelector(\n      `.${ns}Selections-items`\n    ) as HTMLElement;\n\n    if (!container) {\n      return;\n    }\n\n    this.sortable = new Sortable(container, {\n      group: `selections-${this.id}`,\n      animation: 150,\n      handle: `.${ns}Selections-dragbar`,\n      ghostClass: `${ns}Selections-item--dragging`,\n      onEnd: (e: any) => {\n        // 没有移动\n        if (e.newIndex === e.oldIndex) {\n          return;\n        }\n\n        // 换回来\n        const parent = e.to as HTMLElement;\n        if (\n          e.newIndex < e.oldIndex &&\n          e.oldIndex < parent.childNodes.length - 1\n        ) {\n          parent.insertBefore(e.item, parent.childNodes[e.oldIndex + 1]);\n        } else if (e.oldIndex < parent.childNodes.length - 1) {\n          parent.insertBefore(e.item, parent.childNodes[e.oldIndex]);\n        } else {\n          parent.appendChild(e.item);\n        }\n\n        const value = this.props.value;\n        if (!Array.isArray(value)) {\n          return;\n        }\n        const newValue = value.concat();\n        newValue.splice(e.newIndex, 0, newValue.splice(e.oldIndex, 1)[0]);\n        this.props.onChange?.(newValue);\n      }\n    });\n  }\n\n  desposeSortable() {\n    this.sortable?.destroy();\n    delete this.sortable;\n  }\n\n  handleValueChange(index: number, value: any, name: string) {\n    if (typeof name !== 'string') {\n      return;\n    }\n    const {value: list, onChange} = this.props;\n\n    const result = Array.isArray(list) ? list.concat() : [];\n    if (!result[index]) {\n      return;\n    }\n    result.splice(index, 1, {\n      ...result[index],\n      [name]: value\n    });\n    onChange?.(result, true);\n  }\n\n  render() {\n    const {\n      classnames: cx,\n      className,\n      value,\n      placeholder,\n      itemRender,\n      disabled,\n      title,\n      itemClassName,\n      sortable,\n      translate: __\n    } = this.props;\n\n    return (\n      <div className={cx('Selections', className)}>\n        {title ? <div className={cx('Selections-title')}>{title}</div> : null}\n\n        {Array.isArray(value) && value.length ? (\n          <div className={cx('Selections-items')}>\n            {value.map((option, index) => (\n              <div\n                className={cx(\n                  'Selections-item',\n                  itemClassName,\n                  option?.className\n                )}\n                key={index}\n              >\n                {sortable && !disabled && value.length > 1 ? (\n                  <Icon\n                    className={cx('Selections-dragbar icon')}\n                    icon=\"drag-bar\"\n                  />\n                ) : null}\n\n                <label>\n                  {itemRender(option, {\n                    index,\n                    disabled,\n                    onChange: this.handleValueChange.bind(this, index)\n                  })}\n                </label>\n\n                {!disabled ? (\n                  <a\n                    className={cx('Selections-delBtn')}\n                    data-index={index}\n                    onClick={this.handleRemove}\n                  >\n                    <Icon icon=\"close\" className=\"icon\" />\n                  </a>\n                ) : null}\n              </div>\n            ))}\n          </div>\n        ) : (\n          <div className={cx('Selections-placeholder')}>{__(placeholder)}</div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default themeable(localeable(ResultList));\n"
     ]
 }