amis 1.5.6-beta.5 → 1.6.0

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() {
@@ -62,20 +63,22 @@ var ResultBox = /** @class */ (function (_super) {
     ResultBox.prototype.render = function () {
         var _a;
         var _this = this;
-        var _b = this.props, className = _b.className, cx = _b.classnames, classPrefix = _b.classPrefix, clearable = _b.clearable, disabled = _b.disabled, hasError = _b.hasError, result = _b.result, value = _b.value, placeholder = _b.placeholder, children = _b.children, itemRender = _b.itemRender, allowInput = _b.allowInput, inputPlaceholder = _b.inputPlaceholder, onResultChange = _b.onResultChange, onChange = _b.onChange, onResultClick = _b.onResultClick, __ = _b.translate, locale = _b.locale, onKeyPress = _b.onKeyPress, onFocus = _b.onFocus, onBlur = _b.onBlur, borderMode = _b.borderMode, rest = (0, tslib_1.__rest)(_b, ["className", "classnames", "classPrefix", "clearable", "disabled", "hasError", "result", "value", "placeholder", "children", "itemRender", "allowInput", "inputPlaceholder", "onResultChange", "onChange", "onResultClick", "translate", "locale", "onKeyPress", "onFocus", "onBlur", "borderMode"]);
+        var _b = this.props, className = _b.className, cx = _b.classnames, classPrefix = _b.classPrefix, clearable = _b.clearable, disabled = _b.disabled, hasError = _b.hasError, result = _b.result, value = _b.value, placeholder = _b.placeholder, children = _b.children, itemRender = _b.itemRender, allowInput = _b.allowInput, inputPlaceholder = _b.inputPlaceholder, onResultChange = _b.onResultChange, onChange = _b.onChange, onResultClick = _b.onResultClick, __ = _b.translate, locale = _b.locale, onKeyPress = _b.onKeyPress, onFocus = _b.onFocus, onBlur = _b.onBlur, borderMode = _b.borderMode, useMobileUI = _b.useMobileUI, rest = (0, tslib_1.__rest)(_b, ["className", "classnames", "classPrefix", "clearable", "disabled", "hasError", "result", "value", "placeholder", "children", "itemRender", "allowInput", "inputPlaceholder", "onResultChange", "onChange", "onResultClick", "translate", "locale", "onKeyPress", "onFocus", "onBlur", "borderMode", "useMobileUI"]);
         var isFocused = this.state.isFocused;
+        var mobileUI = useMobileUI && (0, helper_1.isMobile)();
         return (react_1.default.createElement("div", { className: cx('ResultBox', className, (_a = {
                     'is-focused': isFocused,
                     'is-disabled': disabled,
                     'is-error': hasError,
-                    'is-clickable': onResultClick
+                    'is-clickable': onResultClick,
+                    'is-mobile': mobileUI
                 },
                 _a["ResultBox--border" + (0, helper_1.ucFirst)(borderMode)] = borderMode,
                 _a)), onClick: onResultClick, tabIndex: !allowInput && !disabled && onFocus ? 0 : -1, onKeyPress: allowInput ? undefined : onKeyPress, onFocus: allowInput ? undefined : onFocus, onBlur: allowInput ? undefined : onBlur },
             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,
@@ -83,7 +86,9 @@ var ResultBox = /** @class */ (function (_super) {
             clearable &&
                 !disabled &&
                 (Array.isArray(result) ? result.length : result) ? (react_1.default.createElement("a", { onClick: this.clearValue, className: cx('ResultBox-clear') },
-                react_1.default.createElement(icons_1.Icon, { icon: "close", className: "icon" }))) : null));
+                react_1.default.createElement(icons_1.Icon, { icon: "close", className: "icon" }))) : null,
+            !allowInput && mobileUI ? (react_1.default.createElement("span", { className: cx('ResultBox-arrow') },
+                react_1.default.createElement(icons_1.Icon, { icon: "caret", className: "icon" }))) : null));
     };
     var _a, _b, _c;
     ResultBox.defaultProps = {

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, isMobile, 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  useMobileUI?: boolean;\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      useMobileUI,\n      ...rest\n    } = this.props;\n    const isFocused = this.state.isFocused;\n    const mobileUI = useMobileUI && isMobile();\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          'is-mobile': mobileUI,\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        {!allowInput && mobileUI ? (\n          <span className={cx('ResultBox-arrow')}>\n            <Icon icon=\"caret\" className=\"icon\" />\n          </span>\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"
     ]
 }