amis 1.5.6-beta.5 → 1.6.0

package/lib/components/TabsTransfer.js

@@ -20,14 +20,32 @@ var TabsTransfer = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     TabsTransfer.prototype.renderSearchResult = function (searchResult) {
-        var _a = this.props, searchResultMode = _a.searchResultMode, noResultsText = _a.noResultsText, searchResultColumns = _a.searchResultColumns, cx = _a.classnames, value = _a.value, disabled = _a.disabled, onChange = _a.onChange, option2value = _a.option2value, cellRender = _a.cellRender;
+        var _a = this.props, searchResultMode = _a.searchResultMode, noResultsText = _a.noResultsText, searchResultColumns = _a.searchResultColumns, cx = _a.classnames, value = _a.value, disabled = _a.disabled, onChange = _a.onChange, option2value = _a.option2value, cellRender = _a.cellRender, optionItemRender = _a.optionItemRender;
         var options = searchResult || [];
         var mode = searchResultMode;
-        return mode === 'table' ? (react_1.default.createElement(TableSelection_1.default, { placeholder: noResultsText, className: cx('Transfer-checkboxes'), columns: searchResultColumns, options: options, value: value, disabled: disabled, onChange: onChange, option2value: option2value, cellRender: cellRender })) : mode === 'tree' ? (react_1.default.createElement(TreeSelection_1.default, { placeholder: noResultsText, className: cx('Transfer-checkboxes'), options: options, value: value, disabled: disabled, onChange: onChange, option2value: option2value })) : mode === 'chained' ? (react_1.default.createElement(ChainedSelection_1.default, { placeholder: noResultsText, className: cx('Transfer-checkboxes'), options: options, value: value, disabled: disabled, onChange: onChange, option2value: option2value })) : (react_1.default.createElement(GroupedSelection_1.default, { placeholder: noResultsText, className: cx('Transfer-checkboxes'), options: options, value: value, disabled: disabled, onChange: onChange, option2value: option2value }));
+        return mode === 'table' ? (react_1.default.createElement(TableSelection_1.default, { placeholder: noResultsText, className: cx('Transfer-checkboxes'), columns: searchResultColumns, options: options, value: value, disabled: disabled, onChange: onChange, option2value: option2value, cellRender: cellRender })) : mode === 'tree' ? (react_1.default.createElement(TreeSelection_1.default, { placeholder: noResultsText, className: cx('Transfer-checkboxes'), options: options, value: value, disabled: disabled, onChange: onChange, option2value: option2value, itemRender: optionItemRender
+                ? function (item, states) {
+                    return optionItemRender(item, states, {
+                        panel: 'result'
+                    });
+                }
+                : undefined })) : mode === 'chained' ? (react_1.default.createElement(ChainedSelection_1.default, { placeholder: noResultsText, className: cx('Transfer-checkboxes'), options: options, value: value, disabled: disabled, onChange: onChange, option2value: option2value, itemRender: optionItemRender
+                ? function (item, states) {
+                    return optionItemRender(item, states, {
+                        panel: 'result'
+                    });
+                }
+                : undefined })) : (react_1.default.createElement(GroupedSelection_1.default, { placeholder: noResultsText, className: cx('Transfer-checkboxes'), options: options, value: value, disabled: disabled, onChange: onChange, option2value: option2value, itemRender: optionItemRender
+                ? function (item, states) {
+                    return optionItemRender(item, states, {
+                        panel: 'result'
+                    });
+                }
+                : undefined }));
     };
     TabsTransfer.prototype.renderSelect = function (_a) {
         var onSearch = _a.onSearch, onSearchCancel = _a.onSearchCancel, searchResult = _a.searchResult;
-        var _b = this.props, options = _b.options, placeholder = _b.placeholder, cx = _b.classnames, value = _b.value, disabled = _b.disabled, onChange = _b.onChange, searchable = _b.onSearch, option2value = _b.option2value, onDeferLoad = _b.onDeferLoad, cellRender = _b.cellRender, __ = _b.translate;
+        var _b = this.props, options = _b.options, placeholder = _b.placeholder, cx = _b.classnames, value = _b.value, disabled = _b.disabled, onChange = _b.onChange, searchable = _b.onSearch, option2value = _b.option2value, onDeferLoad = _b.onDeferLoad, cellRender = _b.cellRender, __ = _b.translate, optionItemRender = _b.optionItemRender;
         if (!Array.isArray(options) || !options.length) {
             return (react_1.default.createElement("div", { className: cx('TabsTransfer-placeholder') }, __(placeholder || 'placeholder.noOption')));
         }
@@ -37,14 +55,39 @@ var TabsTransfer = /** @class */ (function (_super) {
             ? [
                 react_1.default.createElement(Tabs_1.Tab, { className: "TabsTransfer-tab", title: __('searchResult'), key: 0, eventKey: 0 }, this.renderSearchResult(searchResult))
             ]
-            : options.map(function (option, index) { return (react_1.default.createElement(Tabs_1.Tab, { eventKey: index, key: index, title: option.label || option.title, className: "TabsTransfer-tab" }, option.selectMode === 'table' ? (react_1.default.createElement(TableSelection_1.default, { className: cx('Transfer-checkboxes'), columns: option.columns, options: option.children || [], value: value, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, cellRender: cellRender })) : option.selectMode === 'tree' ? (react_1.default.createElement(TreeSelection_1.default, { className: cx('Transfer-checkboxes'), options: option.children || [], value: value, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad })) : option.selectMode === 'chained' ? (react_1.default.createElement(ChainedSelection_1.default, { className: cx('Transfer-checkboxes'), options: option.children || [], value: value, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, defaultSelectedIndex: option.defaultSelectedIndex })) : option.selectMode === 'associated' ? (react_1.default.createElement(AssociatedSelection_1.default, { className: cx('Transfer-checkboxes'), options: option.children || [], value: value, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, leftMode: option.leftMode, leftOptions: option.leftOptions, leftDefaultValue: option.leftDefaultValue })) : (react_1.default.createElement(GroupedSelection_1.default, { className: cx('Transfer-checkboxes'), options: option.children || [], value: value, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad })))); })));
+            : options.map(function (option, index) { return (react_1.default.createElement(Tabs_1.Tab, { eventKey: index, key: index, title: option.label || option.title, className: "TabsTransfer-tab" }, option.selectMode === 'table' ? (react_1.default.createElement(TableSelection_1.default, { className: cx('Transfer-checkboxes'), columns: option.columns, options: option.children || [], value: value, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, cellRender: cellRender })) : option.selectMode === 'tree' ? (react_1.default.createElement(TreeSelection_1.default, { className: cx('Transfer-checkboxes'), options: option.children || [], value: value, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, itemRender: optionItemRender
+                    ? function (item, states) {
+                        return optionItemRender(item, states, {
+                            panel: 'tab',
+                            tag: option
+                        });
+                    }
+                    : undefined })) : option.selectMode === 'chained' ? (react_1.default.createElement(ChainedSelection_1.default, { className: cx('Transfer-checkboxes'), options: option.children || [], value: value, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, defaultSelectedIndex: option.defaultSelectedIndex, itemRender: optionItemRender
+                    ? function (item, states) {
+                        return optionItemRender(item, states, {
+                            panel: 'tab',
+                            tag: option
+                        });
+                    }
+                    : undefined })) : option.selectMode === 'associated' ? (react_1.default.createElement(AssociatedSelection_1.default, { className: cx('Transfer-checkboxes'), options: option.children || [], value: value, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, leftMode: option.leftMode, leftOptions: option.leftOptions, leftDefaultValue: option.leftDefaultValue, itemRender: optionItemRender
+                    ? function (item, states) {
+                        return optionItemRender(item, states, {
+                            panel: 'tab',
+                            tag: option
+                        });
+                    }
+                    : undefined })) : (react_1.default.createElement(GroupedSelection_1.default, { className: cx('Transfer-checkboxes'), options: option.children || [], value: value, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, itemRender: optionItemRender
+                    ? function (item, states) {
+                        return optionItemRender(item, states, {
+                            panel: 'tab',
+                            tag: option
+                        });
+                    }
+                    : undefined })))); })));
     };
     TabsTransfer.prototype.render = function () {
-        var _a = this.props, className = _a.className, cx = _a.classnames;
-        return (react_1.default.createElement(Transfer_1.default, (0, tslib_1.__assign)({}, this.props, { statistics: false, className: cx('TabsTransfer', className), selectRender: this.renderSelect })));
-    };
-    TabsTransfer.defaultProps = {
-        itemRender: function (option) { return react_1.default.createElement("span", null, option.label); }
+        var _a = this.props, className = _a.className, cx = _a.classnames, optionItemRender = _a.optionItemRender, reset = (0, tslib_1.__rest)(_a, ["className", "classnames", "optionItemRender"]);
+        return (react_1.default.createElement(Transfer_1.default, (0, tslib_1.__assign)({}, reset, { statistics: false, classnames: cx, className: cx('TabsTransfer', className), selectRender: this.renderSelect })));
     };
     (0, tslib_1.__decorate)([
         helper_1.autobind,

package/lib/components/TabsTransfer.js.map

@@ -6,8 +6,8 @@
         "/src/components/TabsTransfer.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {autobind} from '../utils/helper';\nimport Tabs, {Tab} from './Tabs';\nimport SearchBox from './SearchBox';\nimport TableCheckboxes from './TableSelection';\nimport TreeCheckboxes from './TreeSelection';\nimport ChainedCheckboxes from './ChainedSelection';\nimport ListCheckboxes from './GroupedSelection';\nimport {Options, Option} from './Select';\nimport Transfer, {TransferProps} from './Transfer';\nimport {themeable} from '../theme';\nimport AssociatedCheckboxes from './AssociatedSelection';\nimport {localeable} from '../locale';\n\nexport interface TabsTransferProps\n  extends Omit<\n    TransferProps,\n    'selectMode' | 'columns' | 'selectRender' | 'statistics'\n  > {\n  cellRender?: (\n    column: {\n      name: string;\n      label: string;\n      [propName: string]: any;\n    },\n    option: Option,\n    colIndex: number,\n    rowIndex: number\n  ) => JSX.Element;\n}\n\nexport class TabsTransfer extends React.Component<TabsTransferProps> {\n  static defaultProps = {\n    itemRender: (option: Option) => <span>{option.label}</span>\n  };\n\n  renderSearchResult(searchResult: Options | null) {\n    const {\n      searchResultMode,\n      noResultsText,\n      searchResultColumns,\n      classnames: cx,\n      value,\n      disabled,\n      onChange,\n      option2value,\n      cellRender\n    } = this.props;\n    const options = searchResult || [];\n    const mode = searchResultMode;\n\n    return mode === 'table' ? (\n      <TableCheckboxes\n        placeholder={noResultsText}\n        className={cx('Transfer-checkboxes')}\n        columns={searchResultColumns!}\n        options={options}\n        value={value}\n        disabled={disabled}\n        onChange={onChange}\n        option2value={option2value}\n        cellRender={cellRender}\n      />\n    ) : mode === 'tree' ? (\n      <TreeCheckboxes\n        placeholder={noResultsText}\n        className={cx('Transfer-checkboxes')}\n        options={options}\n        value={value}\n        disabled={disabled}\n        onChange={onChange}\n        option2value={option2value}\n      />\n    ) : mode === 'chained' ? (\n      <ChainedCheckboxes\n        placeholder={noResultsText}\n        className={cx('Transfer-checkboxes')}\n        options={options}\n        value={value}\n        disabled={disabled}\n        onChange={onChange}\n        option2value={option2value}\n      />\n    ) : (\n      <ListCheckboxes\n        placeholder={noResultsText}\n        className={cx('Transfer-checkboxes')}\n        options={options}\n        value={value}\n        disabled={disabled}\n        onChange={onChange}\n        option2value={option2value}\n      />\n    );\n  }\n\n  @autobind\n  renderSelect({onSearch, onSearchCancel, searchResult}: any) {\n    const {\n      options,\n      placeholder,\n      classnames: cx,\n      value,\n      disabled,\n      onChange,\n      onSearch: searchable,\n      option2value,\n      onDeferLoad,\n      cellRender,\n      translate: __\n    } = this.props;\n\n    if (!Array.isArray(options) || !options.length) {\n      return (\n        <div className={cx('TabsTransfer-placeholder')}>\n          {__(placeholder || 'placeholder.noOption')}\n        </div>\n      );\n    }\n\n    return (\n      <Tabs\n        mode=\"card\"\n        className={cx('TabsTransfer-tabs')}\n        activeKey={searchResult !== null ? 0 : undefined}\n        toolbar={\n          searchable ? (\n            <>\n              <span className={cx('TabsTransfer-tabsMid')}></span>\n              <SearchBox onSearch={onSearch} onCancel={onSearchCancel} />\n            </>\n          ) : null\n        }\n      >\n        {searchResult !== null\n          ? [\n              <Tab\n                className=\"TabsTransfer-tab\"\n                title={__('searchResult')}\n                key={0}\n                eventKey={0}\n              >\n                {this.renderSearchResult(searchResult)}\n              </Tab>\n            ]\n          : options.map((option, index) => (\n              <Tab\n                eventKey={index}\n                key={index}\n                title={option.label || option.title}\n                className=\"TabsTransfer-tab\"\n              >\n                {option.selectMode === 'table' ? (\n                  <TableCheckboxes\n                    className={cx('Transfer-checkboxes')}\n                    columns={option.columns as any}\n                    options={option.children || []}\n                    value={value}\n                    disabled={disabled}\n                    onChange={onChange}\n                    option2value={option2value}\n                    onDeferLoad={onDeferLoad}\n                    cellRender={cellRender}\n                  />\n                ) : option.selectMode === 'tree' ? (\n                  <TreeCheckboxes\n                    className={cx('Transfer-checkboxes')}\n                    options={option.children || []}\n                    value={value}\n                    disabled={disabled}\n                    onChange={onChange}\n                    option2value={option2value}\n                    onDeferLoad={onDeferLoad}\n                  />\n                ) : option.selectMode === 'chained' ? (\n                  <ChainedCheckboxes\n                    className={cx('Transfer-checkboxes')}\n                    options={option.children || []}\n                    value={value}\n                    disabled={disabled}\n                    onChange={onChange}\n                    option2value={option2value}\n                    onDeferLoad={onDeferLoad}\n                    defaultSelectedIndex={option.defaultSelectedIndex}\n                  />\n                ) : option.selectMode === 'associated' ? (\n                  <AssociatedCheckboxes\n                    className={cx('Transfer-checkboxes')}\n                    options={option.children || []}\n                    value={value}\n                    disabled={disabled}\n                    onChange={onChange}\n                    option2value={option2value}\n                    onDeferLoad={onDeferLoad}\n                    leftMode={option.leftMode}\n                    leftOptions={option.leftOptions}\n                    leftDefaultValue={option.leftDefaultValue}\n                  />\n                ) : (\n                  <ListCheckboxes\n                    className={cx('Transfer-checkboxes')}\n                    options={option.children || []}\n                    value={value}\n                    disabled={disabled}\n                    onChange={onChange}\n                    option2value={option2value}\n                    onDeferLoad={onDeferLoad}\n                  />\n                )}\n              </Tab>\n            ))}\n      </Tabs>\n    );\n  }\n\n  render() {\n    const {className, classnames: cx} = this.props;\n\n    return (\n      <Transfer\n        {...this.props}\n        statistics={false}\n        className={cx('TabsTransfer', className)}\n        selectRender={this.renderSelect}\n      />\n    );\n  }\n}\n\nexport default themeable(localeable(TabsTransfer));\n"
+        "import React from 'react';\nimport {autobind} from '../utils/helper';\nimport Tabs, {Tab} from './Tabs';\nimport SearchBox from './SearchBox';\nimport TableCheckboxes from './TableSelection';\nimport TreeCheckboxes from './TreeSelection';\nimport ChainedCheckboxes from './ChainedSelection';\nimport ListCheckboxes from './GroupedSelection';\nimport {Options, Option} from './Select';\nimport Transfer, {TransferProps} from './Transfer';\nimport {themeable} from '../theme';\nimport AssociatedCheckboxes from './AssociatedSelection';\nimport {localeable} from '../locale';\nimport {ItemRenderStates} from './Selection';\n\nexport interface TabsTransferProps\n  extends Omit<\n    TransferProps,\n    | 'selectMode'\n    | 'columns'\n    | 'selectRender'\n    | 'statistics'\n    | 'optionItemRender'\n  > {\n  optionItemRender?: (\n    option: Option,\n    states: ItemRenderStates,\n    tab: Option\n  ) => JSX.Element;\n  cellRender?: (\n    column: {\n      name: string;\n      label: string;\n      [propName: string]: any;\n    },\n    option: Option,\n    colIndex: number,\n    rowIndex: number\n  ) => JSX.Element;\n}\n\nexport class TabsTransfer extends React.Component<TabsTransferProps> {\n  renderSearchResult(searchResult: Options | null) {\n    const {\n      searchResultMode,\n      noResultsText,\n      searchResultColumns,\n      classnames: cx,\n      value,\n      disabled,\n      onChange,\n      option2value,\n      cellRender,\n      optionItemRender\n    } = this.props;\n    const options = searchResult || [];\n    const mode = searchResultMode;\n\n    return mode === 'table' ? (\n      <TableCheckboxes\n        placeholder={noResultsText}\n        className={cx('Transfer-checkboxes')}\n        columns={searchResultColumns!}\n        options={options}\n        value={value}\n        disabled={disabled}\n        onChange={onChange}\n        option2value={option2value}\n        cellRender={cellRender}\n      />\n    ) : mode === 'tree' ? (\n      <TreeCheckboxes\n        placeholder={noResultsText}\n        className={cx('Transfer-checkboxes')}\n        options={options}\n        value={value}\n        disabled={disabled}\n        onChange={onChange}\n        option2value={option2value}\n        itemRender={\n          optionItemRender\n            ? (item: Option, states: ItemRenderStates) =>\n                optionItemRender(item, states, {\n                  panel: 'result'\n                })\n            : undefined\n        }\n      />\n    ) : mode === 'chained' ? (\n      <ChainedCheckboxes\n        placeholder={noResultsText}\n        className={cx('Transfer-checkboxes')}\n        options={options}\n        value={value}\n        disabled={disabled}\n        onChange={onChange}\n        option2value={option2value}\n        itemRender={\n          optionItemRender\n            ? (item: Option, states: ItemRenderStates) =>\n                optionItemRender(item, states, {\n                  panel: 'result'\n                })\n            : undefined\n        }\n      />\n    ) : (\n      <ListCheckboxes\n        placeholder={noResultsText}\n        className={cx('Transfer-checkboxes')}\n        options={options}\n        value={value}\n        disabled={disabled}\n        onChange={onChange}\n        option2value={option2value}\n        itemRender={\n          optionItemRender\n            ? (item: Option, states: ItemRenderStates) =>\n                optionItemRender(item, states, {\n                  panel: 'result'\n                })\n            : undefined\n        }\n      />\n    );\n  }\n\n  @autobind\n  renderSelect({onSearch, onSearchCancel, searchResult}: any) {\n    const {\n      options,\n      placeholder,\n      classnames: cx,\n      value,\n      disabled,\n      onChange,\n      onSearch: searchable,\n      option2value,\n      onDeferLoad,\n      cellRender,\n      translate: __,\n      optionItemRender\n    } = this.props;\n\n    if (!Array.isArray(options) || !options.length) {\n      return (\n        <div className={cx('TabsTransfer-placeholder')}>\n          {__(placeholder || 'placeholder.noOption')}\n        </div>\n      );\n    }\n\n    return (\n      <Tabs\n        mode=\"card\"\n        className={cx('TabsTransfer-tabs')}\n        activeKey={searchResult !== null ? 0 : undefined}\n        toolbar={\n          searchable ? (\n            <>\n              <span className={cx('TabsTransfer-tabsMid')}></span>\n              <SearchBox onSearch={onSearch} onCancel={onSearchCancel} />\n            </>\n          ) : null\n        }\n      >\n        {searchResult !== null\n          ? [\n              <Tab\n                className=\"TabsTransfer-tab\"\n                title={__('searchResult')}\n                key={0}\n                eventKey={0}\n              >\n                {this.renderSearchResult(searchResult)}\n              </Tab>\n            ]\n          : options.map((option, index) => (\n              <Tab\n                eventKey={index}\n                key={index}\n                title={option.label || option.title}\n                className=\"TabsTransfer-tab\"\n              >\n                {option.selectMode === 'table' ? (\n                  <TableCheckboxes\n                    className={cx('Transfer-checkboxes')}\n                    columns={option.columns as any}\n                    options={option.children || []}\n                    value={value}\n                    disabled={disabled}\n                    onChange={onChange}\n                    option2value={option2value}\n                    onDeferLoad={onDeferLoad}\n                    cellRender={cellRender}\n                  />\n                ) : option.selectMode === 'tree' ? (\n                  <TreeCheckboxes\n                    className={cx('Transfer-checkboxes')}\n                    options={option.children || []}\n                    value={value}\n                    disabled={disabled}\n                    onChange={onChange}\n                    option2value={option2value}\n                    onDeferLoad={onDeferLoad}\n                    itemRender={\n                      optionItemRender\n                        ? (item: Option, states: ItemRenderStates) =>\n                            optionItemRender(item, states, {\n                              panel: 'tab',\n                              tag: option\n                            })\n                        : undefined\n                    }\n                  />\n                ) : option.selectMode === 'chained' ? (\n                  <ChainedCheckboxes\n                    className={cx('Transfer-checkboxes')}\n                    options={option.children || []}\n                    value={value}\n                    disabled={disabled}\n                    onChange={onChange}\n                    option2value={option2value}\n                    onDeferLoad={onDeferLoad}\n                    defaultSelectedIndex={option.defaultSelectedIndex}\n                    itemRender={\n                      optionItemRender\n                        ? (item: Option, states: ItemRenderStates) =>\n                            optionItemRender(item, states, {\n                              panel: 'tab',\n                              tag: option\n                            })\n                        : undefined\n                    }\n                  />\n                ) : option.selectMode === 'associated' ? (\n                  <AssociatedCheckboxes\n                    className={cx('Transfer-checkboxes')}\n                    options={option.children || []}\n                    value={value}\n                    disabled={disabled}\n                    onChange={onChange}\n                    option2value={option2value}\n                    onDeferLoad={onDeferLoad}\n                    leftMode={option.leftMode}\n                    leftOptions={option.leftOptions}\n                    leftDefaultValue={option.leftDefaultValue}\n                    itemRender={\n                      optionItemRender\n                        ? (item: Option, states: ItemRenderStates) =>\n                            optionItemRender(item, states, {\n                              panel: 'tab',\n                              tag: option\n                            })\n                        : undefined\n                    }\n                  />\n                ) : (\n                  <ListCheckboxes\n                    className={cx('Transfer-checkboxes')}\n                    options={option.children || []}\n                    value={value}\n                    disabled={disabled}\n                    onChange={onChange}\n                    option2value={option2value}\n                    onDeferLoad={onDeferLoad}\n                    itemRender={\n                      optionItemRender\n                        ? (item: Option, states: ItemRenderStates) =>\n                            optionItemRender(item, states, {\n                              panel: 'tab',\n                              tag: option\n                            })\n                        : undefined\n                    }\n                  />\n                )}\n              </Tab>\n            ))}\n      </Tabs>\n    );\n  }\n\n  render() {\n    const {className, classnames: cx, optionItemRender, ...reset} = this.props;\n\n    return (\n      <Transfer\n        {...reset}\n        statistics={false}\n        classnames={cx}\n        className={cx('TabsTransfer', className)}\n        selectRender={this.renderSelect}\n      />\n    );\n  }\n}\n\nexport default themeable(localeable(TabsTransfer));\n"
     ]
 }

package/lib/components/TabsTransferPicker.d.ts

@@ -5,7 +5,7 @@ export interface TabsTransferPickerProps extends Omit<TabsTransferProps, 'itemRe
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 }
 export declare class TransferPicker extends React.Component<TabsTransferPickerProps> {
-    handleClose(): void;
+    optionModified: boolean;
     handleConfirm(value: any): void;
     render(): JSX.Element;
 }

package/lib/components/TabsTransferPicker.js

@@ -14,37 +14,39 @@ var TabsTransfer_1 = (0, tslib_1.__importDefault)(require("./TabsTransfer"));
 var TransferPicker = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(TransferPicker, _super);
     function TransferPicker() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.optionModified = false;
+        return _this;
     }
-    TransferPicker.prototype.handleClose = function () {
-        this.setState({
-            inputValue: '',
-            searchResult: null
-        });
-    };
     TransferPicker.prototype.handleConfirm = function (value) {
         var _a, _b;
-        (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value);
-        this.handleClose();
+        (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value, this.optionModified);
+        this.optionModified = false;
     };
     TransferPicker.prototype.render = function () {
+        var _this = this;
         var _a = this.props, cx = _a.classnames, value = _a.value, __ = _a.translate, disabled = _a.disabled, className = _a.className, onChange = _a.onChange, size = _a.size, rest = (0, tslib_1.__rest)(_a, ["classnames", "value", "translate", "disabled", "className", "onChange", "size"]);
         return (react_1.default.createElement(PickerContainer_1.default, { title: __('Select.placeholder'), bodyRender: function (_a) {
-                var onClose = _a.onClose, value = _a.value, onChange = _a.onChange;
-                return react_1.default.createElement(TabsTransfer_1.default, (0, tslib_1.__assign)({}, rest, { value: value, onChange: onChange }));
-            }, value: value, onConfirm: this.handleConfirm, onCancel: this.handleClose, size: size }, function (_a) {
+                var onClose = _a.onClose, value = _a.value, onChange = _a.onChange, setState = _a.setState, states = (0, tslib_1.__rest)(_a, ["onClose", "value", "onChange", "setState"]);
+                return (react_1.default.createElement(TabsTransfer_1.default, (0, tslib_1.__assign)({}, rest, states, { value: value, onChange: function (value, optionModified) {
+                        if (optionModified) {
+                            var options = (0, helper_1.mapTree)(rest.options, function (item) {
+                                return (value.find(function (a) { return a.value === item.value; }) || item);
+                            });
+                            _this.optionModified = true;
+                            setState({ options: options, value: value });
+                        }
+                        else {
+                            onChange(value);
+                        }
+                    } })));
+            }, value: value, onConfirm: this.handleConfirm, size: size }, function (_a) {
             var onClick = _a.onClick, isOpened = _a.isOpened;
             return (react_1.default.createElement(ResultBox_1.default, { className: cx('TransferPicker', className, isOpened ? 'is-active' : ''), allowInput: false, result: value, onResultChange: onChange, onResultClick: onClick, placeholder: __('Select.placeholder'), disabled: disabled },
                 react_1.default.createElement("span", { className: cx('TransferPicker-icon') },
                     react_1.default.createElement(icons_1.Icon, { icon: "pencil", className: "icon" }))));
         }));
     };
-    (0, tslib_1.__decorate)([
-        helper_1.autobind,
-        (0, tslib_1.__metadata)("design:type", Function),
-        (0, tslib_1.__metadata)("design:paramtypes", []),
-        (0, tslib_1.__metadata)("design:returntype", void 0)
-    ], TransferPicker.prototype, "handleClose", null);
     (0, tslib_1.__decorate)([
         helper_1.autobind,
         (0, tslib_1.__metadata)("design:type", Function),

package/lib/components/TabsTransferPicker.js.map

@@ -6,8 +6,8 @@
         "/src/components/TabsTransferPicker.tsx"
     ],
     "names": [],
-    "mappings": ";;;;AAAA,oCAAqC;AACrC,kCAAmC;AACnC,iDAA8C;AAC9C,6DAA0B;AAC1B,uEAAoC;AACpC,iCAA6B;AAC7B,mFAAgD;AAChD,0CAAyC;AACzC,6EAA+D;AAQ/D;IAAoC,+CAAwC;IAA5E;;IA4DA,CAAC;IA1DC,oCAAW,GAAX;QACE,IAAI,CAAC,QAAQ,CAAC;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,IAAI;SACnB,CAAC,CAAC;IACL,CAAC;IAGD,sCAAa,GAAb,UAAc,KAAU;;QACtB,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAED,+BAAM,GAAN;QACE,IAAM,KASF,IAAI,CAAC,KAAK,EARA,EAAE,gBAAA,EACd,KAAK,WAAA,EACM,EAAE,eAAA,EACb,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,IAAI,UAAA,EACD,IAAI,2BARH,iFASL,CAAa,CAAC;QAEf,OAAO,CACL,8BAAC,yBAAe,IACd,KAAK,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAC/B,UAAU,EAAE,UAAC,EAA0B;oBAAzB,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;gBACpC,OAAO,8BAAC,sBAAY,4BAAK,IAAI,IAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IAAI,CAAC;YACtE,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,CAAC,aAAa,EAC7B,QAAQ,EAAE,IAAI,CAAC,WAAW,EAC1B,IAAI,EAAE,IAAI,IAET,UAAC,EAAmB;gBAAlB,OAAO,aAAA,EAAE,QAAQ,cAAA;YAAM,OAAA,CACxB,8BAAC,mBAAS,IACR,SAAS,EAAE,EAAE,CACX,gBAAgB,EAChB,SAAS,EACT,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAC5B,EACD,UAAU,EAAE,KAAK,EACjB,MAAM,EAAE,KAAK,EACb,cAAc,EAAE,QAAQ,EACxB,aAAa,EAAE,OAAO,EACtB,WAAW,EAAE,EAAE,CAAC,oBAAoB,CAAC,EACrC,QAAQ,EAAE,QAAQ;gBAElB,wCAAM,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC;oBACxC,8BAAC,YAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,GAAG,CAClC,CACG,CACb;QAlByB,CAkBzB,CACe,CACnB,CAAC;IACJ,CAAC;IAzDD;QADC,iBAAQ;;;;qDAMR;IAGD;QADC,iBAAQ;;;;uDAIR;IA+CH,qBAAC;CAAA,AA5DD,CAAoC,eAAK,CAAC,SAAS,GA4DlD;AA5DY,wCAAc;AA8D3B,kBAAe,IAAA,iBAAS,EACtB,IAAA,mBAAU,EACR,IAAA,+BAAc,EAAC,cAAc,EAAE;IAC7B,KAAK,EAAE,UAAU;CAClB,CAAC,CACH,CACF,CAAC",
+    "mappings": "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",
     "sourcesContent": [
-        "import {localeable} from '../locale';\nimport {themeable} from '../theme';\nimport {uncontrollable} from 'uncontrollable';\nimport React from 'react';\nimport ResultBox from './ResultBox';\nimport {Icon} from './icons';\nimport PickerContainer from './PickerContainer';\nimport {autobind} from '../utils/helper';\nimport TabsTransfer, {TabsTransferProps} from './TabsTransfer';\n\nexport interface TabsTransferPickerProps\n  extends Omit<TabsTransferProps, 'itemRender'> {\n  // 新的属性？\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';\n}\n\nexport class TransferPicker extends React.Component<TabsTransferPickerProps> {\n  @autobind\n  handleClose() {\n    this.setState({\n      inputValue: '',\n      searchResult: null\n    });\n  }\n\n  @autobind\n  handleConfirm(value: any) {\n    this.props.onChange?.(value);\n    this.handleClose();\n  }\n\n  render() {\n    const {\n      classnames: cx,\n      value,\n      translate: __,\n      disabled,\n      className,\n      onChange,\n      size,\n      ...rest\n    } = this.props;\n\n    return (\n      <PickerContainer\n        title={__('Select.placeholder')}\n        bodyRender={({onClose, value, onChange}) => {\n          return <TabsTransfer {...rest} value={value} onChange={onChange} />;\n        }}\n        value={value}\n        onConfirm={this.handleConfirm}\n        onCancel={this.handleClose}\n        size={size}\n      >\n        {({onClick, isOpened}) => (\n          <ResultBox\n            className={cx(\n              'TransferPicker',\n              className,\n              isOpened ? 'is-active' : ''\n            )}\n            allowInput={false}\n            result={value}\n            onResultChange={onChange}\n            onResultClick={onClick}\n            placeholder={__('Select.placeholder')}\n            disabled={disabled}\n          >\n            <span className={cx('TransferPicker-icon')}>\n              <Icon icon=\"pencil\" className=\"icon\" />\n            </span>\n          </ResultBox>\n        )}\n      </PickerContainer>\n    );\n  }\n}\n\nexport default themeable(\n  localeable(\n    uncontrollable(TransferPicker, {\n      value: 'onChange'\n    })\n  )\n);\n"
+        "import {localeable} from '../locale';\nimport {themeable} from '../theme';\nimport {uncontrollable} from 'uncontrollable';\nimport React from 'react';\nimport ResultBox from './ResultBox';\nimport {Icon} from './icons';\nimport PickerContainer from './PickerContainer';\nimport {autobind, mapTree} from '../utils/helper';\nimport TabsTransfer, {TabsTransferProps} from './TabsTransfer';\n\nexport interface TabsTransferPickerProps\n  extends Omit<TabsTransferProps, 'itemRender'> {\n  // 新的属性？\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';\n}\n\nexport class TransferPicker extends React.Component<TabsTransferPickerProps> {\n  optionModified = false;\n\n  @autobind\n  handleConfirm(value: any) {\n    this.props.onChange?.(value, this.optionModified);\n    this.optionModified = false;\n  }\n\n  render() {\n    const {\n      classnames: cx,\n      value,\n      translate: __,\n      disabled,\n      className,\n      onChange,\n      size,\n      ...rest\n    } = this.props;\n\n    return (\n      <PickerContainer\n        title={__('Select.placeholder')}\n        bodyRender={({onClose, value, onChange, setState, ...states}) => {\n          return (\n            <TabsTransfer\n              {...rest}\n              {...states}\n              value={value}\n              onChange={(value: any, optionModified) => {\n                if (optionModified) {\n                  let options = mapTree(rest.options, item => {\n                    return (\n                      value.find((a: any) => a.value === item.value) || item\n                    );\n                  });\n                  this.optionModified = true;\n                  setState({options, value});\n                } else {\n                  onChange(value);\n                }\n              }}\n            />\n          );\n        }}\n        value={value}\n        onConfirm={this.handleConfirm}\n        size={size}\n      >\n        {({onClick, isOpened}) => (\n          <ResultBox\n            className={cx(\n              'TransferPicker',\n              className,\n              isOpened ? 'is-active' : ''\n            )}\n            allowInput={false}\n            result={value}\n            onResultChange={onChange}\n            onResultClick={onClick}\n            placeholder={__('Select.placeholder')}\n            disabled={disabled}\n          >\n            <span className={cx('TransferPicker-icon')}>\n              <Icon icon=\"pencil\" className=\"icon\" />\n            </span>\n          </ResultBox>\n        )}\n      </PickerContainer>\n    );\n  }\n}\n\nexport default themeable(\n  localeable(\n    uncontrollable(TransferPicker, {\n      value: 'onChange'\n    })\n  )\n);\n"
     ]
 }

package/lib/components/Timeline.d.ts

@@ -0,0 +1,69 @@
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { ThemeProps } from '../theme';
+import { TimelineItemProps } from './TimelineItem';
+export interface TimelineProps extends ThemeProps {
+    items: Array<TimelineItemProps>;
+    direction?: 'vertical' | 'horizontal';
+    reverse?: boolean;
+    mode?: 'left' | 'right' | 'alternate';
+}
+export declare function Timeline(props: TimelineProps): JSX.Element;
+declare const _default: {
+    new (props: (Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps) | Readonly<Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps, context: any): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<TimelineProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof Timeline>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof Timeline, {}> & {
+    ComposedComponent: typeof Timeline;
+};
+export default _default;

package/lib/components/Timeline.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Timeline = void 0;
+var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var theme_1 = require("../theme");
+var TimelineItem_1 = (0, tslib_1.__importDefault)(require("./TimelineItem"));
+function Timeline(props) {
+    var items = props.items, cx = props.classnames, _a = props.direction, direction = _a === void 0 ? 'vertical' : _a, _b = props.reverse, reverse = _b === void 0 ? false : _b, _c = props.mode, mode = _c === void 0 ? 'right' : _c;
+    var timelineDatasource = items === null || items === void 0 ? void 0 : items.slice();
+    reverse && (timelineDatasource === null || timelineDatasource === void 0 ? void 0 : timelineDatasource.reverse());
+    return (react_1.default.createElement("div", { className: cx('Timeline', "Timeline-" + direction, "Timeline-" + mode) }, timelineDatasource === null || timelineDatasource === void 0 ? void 0 : timelineDatasource.map(function (item) { return react_1.default.createElement(TimelineItem_1.default, (0, tslib_1.__assign)({}, item)); })));
+}
+exports.Timeline = Timeline;
+exports.default = (0, theme_1.themeable)(Timeline);
+//# sourceMappingURL=./components/Timeline.js.map

package/lib/components/Timeline.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "Timeline.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/components/Timeline.tsx"
+    ],
+    "names": [],
+    "mappings": ";;;;AAAA,6DAA0B;AAC1B,kCAA+C;AAC/C,6EAA+D;AAS/D,SAAgB,QAAQ,CAAC,KAAoB;IAEzC,IAAA,KAAK,GAKH,KAAK,MALF,EACO,EAAE,GAIZ,KAAK,WAJO,EACd,KAGE,KAAK,UAHe,EAAtB,SAAS,mBAAG,UAAU,KAAA,EACtB,KAEE,KAAK,QAFQ,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,KACE,KAAK,KADO,EAAd,IAAI,mBAAG,OAAO,KAAA,CACN;IAEV,IAAM,kBAAkB,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAE,CAAC;IAE1C,OAAO,KAAI,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO,EAAE,CAAA,CAAC;IAEzC,OAAO,CACL,uCAAK,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,cAAY,SAAW,EAAE,cAAY,IAAM,CAAC,IACxE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,GAAG,CAAC,UAAC,IAAuB,IAAK,OAAA,8BAAC,sBAAY,4BAAK,IAAI,EAAI,EAA1B,CAA0B,CAAC,CAC7E,CAAC,CAAA;AACX,CAAC;AAjBD,4BAiBC;AAED,kBAAe,IAAA,iBAAS,EAAC,QAAQ,CAAC,CAAC",
+    "sourcesContent": [
+        "import React from 'react';\nimport {themeable, ThemeProps} from '../theme';\nimport TimelineItem, {TimelineItemProps} from './TimelineItem';\n\nexport interface TimelineProps extends ThemeProps {\n  items: Array<TimelineItemProps>;\n  direction?: 'vertical' | 'horizontal';\n  reverse?: boolean;\n  mode?: 'left' | 'right' | 'alternate';\n}\n\nexport function Timeline(props: TimelineProps) {\n  const {\n    items,\n    classnames: cx,\n    direction = 'vertical',\n    reverse = false,\n    mode = 'right',\n  } = props;\n\n  const timelineDatasource = items?.slice();\n\n  reverse && timelineDatasource?.reverse();\n\n  return (\n    <div className={cx('Timeline', `Timeline-${direction}`, `Timeline-${mode}`)}>\n      {timelineDatasource?.map((item: TimelineItemProps) => <TimelineItem {...item} />)}\n    </div>)\n}\n\nexport default themeable(Timeline);\n"
+    ]
+}