amis 1.4.2-beta.1 → 1.4.2-beta.11

package/lib/renderers/Form/Select.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { OptionsControlProps, Option, FormOptionsControl } from './Options';
 import { Api } from '../../types';
 import { SchemaApi } from '../../Schema';
+import { TransferControlSchema } from './Transfer';
 /**
  * Select 下拉选择框。
  * 文档：https://baidu.gitee.io/amis/docs/components/form/select
@@ -13,10 +14,6 @@ export interface SelectControlSchema extends FormOptionsControl {
      * 接口可以返回匹配到的选项，帮助用户输入。
      */
     autoComplete?: SchemaApi;
-    /**
-     * 是否可以搜索值
-     */
-    searchable?: boolean;
     /**
      * 可以自定义菜单展示。
      */
@@ -25,6 +22,42 @@ export interface SelectControlSchema extends FormOptionsControl {
      * 边框模式，全边框，还是半边框，或者没边框。
      */
     borderMode?: 'full' | 'half' | 'none';
+    /**
+     * 勾选展示模式
+     */
+    selectMode?: 'table' | 'group' | 'tree' | 'chained' | 'associated';
+    /**
+     * 当 selectMode 为 associated 时用来定义左侧的选项
+     */
+    leftOptions?: Array<Option>;
+    /**
+     * 当 selectMode 为 associated 时用来定义左侧的选择模式
+     */
+    leftMode?: 'tree' | 'list';
+    /**
+     * 当 selectMode 为 associated 时用来定义右侧的选择模式
+     */
+    rightMode?: 'table' | 'list' | 'tree' | 'chained';
+    /**
+     * 搜索结果展示模式
+     */
+    searchResultMode?: 'table' | 'list' | 'tree' | 'chained';
+    /**
+     * 当 selectMode 为 table 时定义表格列信息。
+     */
+    columns?: Array<any>;
+    /**
+     * 当 searchResultMode 为 table 时定义表格列信息。
+     */
+    searchResultColumns?: Array<any>;
+    /**
+     * 可搜索？
+     */
+    searchable?: boolean;
+    /**
+     * 搜索 API
+     */
+    searchApi?: SchemaApi;
 }
 export interface SelectProps extends OptionsControlProps {
     autoComplete?: Api;
@@ -47,8 +80,12 @@ export default class SelectControl extends React.Component<SelectProps, any> {
     mergeOptions(options: Array<object>): Option[];
     renderMenu(option: Option, state: any): JSX.Element;
     reload(): void;
+    option2value(): void;
+    renderOtherMode(): JSX.Element;
     render(): JSX.Element;
 }
+export interface TransferDropDownProps extends OptionsControlProps, Omit<TransferControlSchema, 'type' | 'options' | 'inputClassName' | 'className' | 'descriptionClassName'> {
+}
 export declare class SelectControlRenderer extends SelectControl {
 }
 export declare class MultiSelectControlRenderer extends SelectControl {

package/lib/renderers/Form/Select.js

@@ -10,6 +10,9 @@ var find_1 = (0, tslib_1.__importDefault)(require("lodash/find"));
 var debounce_1 = (0, tslib_1.__importDefault)(require("lodash/debounce"));
 var api_1 = require("../../utils/api");
 var helper_1 = require("../../utils/helper");
+var Spinner_1 = (0, tslib_1.__importDefault)(require("../../components/Spinner"));
+var Transfer_1 = require("./Transfer");
+var TransferDropDown_1 = (0, tslib_1.__importDefault)(require("../../components/TransferDropDown"));
 var SelectControl = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(SelectControl, _super);
     function SelectControl(props) {
@@ -137,13 +140,17 @@ var SelectControl = /** @class */ (function (_super) {
         var reload = this.props.reloadOptions;
         reload && reload();
     };
+    SelectControl.prototype.option2value = function () { };
+    SelectControl.prototype.renderOtherMode = function () {
+        var _a = this.props, selectMode = _a.selectMode, rest = (0, tslib_1.__rest)(_a, ["selectMode"]);
+        return (react_1.default.createElement(TransferDropdownRenderer, (0, tslib_1.__assign)({}, rest, { selectMode: selectMode === 'group' ? 'list' : selectMode })));
+    };
     SelectControl.prototype.render = function () {
-        var _a = this.props, autoComplete = _a.autoComplete, searchable = _a.searchable, options = _a.options, className = _a.className, loading = _a.loading, value = _a.value, selectedOptions = _a.selectedOptions, multi = _a.multi, multiple = _a.multiple, placeholder = _a.placeholder, id = _a.id, classPrefix = _a.classPrefix, classnames = _a.classnames, creatable = _a.creatable, inline = _a.inline, noResultsText = _a.noResultsText, render = _a.render, menuTpl = _a.menuTpl, borderMode = _a.borderMode, rest = (0, tslib_1.__rest)(_a, ["autoComplete", "searchable", "options", "className", "loading", "value", "selectedOptions", "multi", "multiple", "placeholder", "id", "classPrefix", "classnames", "creatable", "inline", "noResultsText", "render", "menuTpl", "borderMode"]);
+        var _a = this.props, autoComplete = _a.autoComplete, searchable = _a.searchable, options = _a.options, className = _a.className, loading = _a.loading, value = _a.value, selectedOptions = _a.selectedOptions, multi = _a.multi, multiple = _a.multiple, placeholder = _a.placeholder, id = _a.id, classPrefix = _a.classPrefix, classnames = _a.classnames, creatable = _a.creatable, inline = _a.inline, noResultsText = _a.noResultsText, render = _a.render, menuTpl = _a.menuTpl, borderMode = _a.borderMode, selectMode = _a.selectMode, rest = (0, tslib_1.__rest)(_a, ["autoComplete", "searchable", "options", "className", "loading", "value", "selectedOptions", "multi", "multiple", "placeholder", "id", "classPrefix", "classnames", "creatable", "inline", "noResultsText", "render", "menuTpl", "borderMode", "selectMode"]);
         if (noResultsText) {
             noResultsText = render('noResultText', noResultsText);
         }
-        return (react_1.default.createElement("div", { className: (0, classnames_1.default)(classPrefix + "SelectControl", className) },
-            react_1.default.createElement(Select_1.default, (0, tslib_1.__assign)({}, rest, { borderMode: borderMode, placeholder: placeholder, multiple: multiple || multi, ref: this.inputRef, value: selectedOptions, options: options, loadOptions: (0, api_1.isEffectiveApi)(autoComplete) ? this.lazyloadRemote : undefined, creatable: creatable, searchable: searchable || !!autoComplete, onChange: this.changeValue, loading: loading, noResultsText: noResultsText, renderMenu: menuTpl ? this.renderMenu : undefined }))));
+        return (react_1.default.createElement("div", { className: (0, classnames_1.default)(classPrefix + "SelectControl", className) }, ['table', 'list', 'group', 'tree', 'chained', 'associated'].includes(selectMode) ? (this.renderOtherMode()) : (react_1.default.createElement(Select_1.default, (0, tslib_1.__assign)({}, rest, { borderMode: borderMode, placeholder: placeholder, multiple: multiple || multi, ref: this.inputRef, value: selectedOptions, options: options, loadOptions: (0, api_1.isEffectiveApi)(autoComplete) ? this.lazyloadRemote : undefined, creatable: creatable, searchable: searchable || !!autoComplete, onChange: this.changeValue, loading: loading, noResultsText: noResultsText, renderMenu: menuTpl ? this.renderMenu : undefined })))));
     };
     var _a;
     SelectControl.defaultProps = {
@@ -160,6 +167,19 @@ var SelectControl = /** @class */ (function (_super) {
     return SelectControl;
 }(react_1.default.Component));
 exports.default = SelectControl;
+var TransferDropdownRenderer = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(TransferDropdownRenderer, _super);
+    function TransferDropdownRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TransferDropdownRenderer.prototype.render = function () {
+        var _a = this.props, className = _a.className, cx = _a.classnames, options = _a.options, selectedOptions = _a.selectedOptions, sortable = _a.sortable, loading = _a.loading, searchable = _a.searchable, searchResultMode = _a.searchResultMode, showArrow = _a.showArrow, deferLoad = _a.deferLoad, disabled = _a.disabled, selectTitle = _a.selectTitle, selectMode = _a.selectMode, multiple = _a.multiple, leftMode = _a.leftMode, leftOptions = _a.leftOptions, columns = _a.columns;
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(TransferDropDown_1.default, { selectMode: selectMode, className: className, value: selectedOptions, disabled: disabled, options: options, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, searchResultMode: searchResultMode, onSearch: searchable ? this.handleSearch : undefined, showArrow: showArrow, onDeferLoad: deferLoad, selectTitle: selectTitle, multiple: multiple, columns: columns, leftMode: leftMode, leftOptions: leftOptions }),
+            react_1.default.createElement(Spinner_1.default, { overlay: true, key: "info", show: loading })));
+    };
+    return TransferDropdownRenderer;
+}(Transfer_1.BaseTransferRenderer));
 var SelectControlRenderer = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(SelectControlRenderer, _super);
     function SelectControlRenderer() {

package/lib/renderers/Form/Select.js.map

@@ -6,8 +6,8 @@
         "/src/renderers/Form/Select.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport cx from 'classnames';\nimport {\n  OptionsControl,\n  OptionsControlProps,\n  Option,\n  FormOptionsControl\n} from './Options';\nimport Select, {normalizeOptions} from '../../components/Select';\nimport find from 'lodash/find';\nimport debouce from 'lodash/debounce';\nimport {Api} from '../../types';\nimport {isEffectiveApi} from '../../utils/api';\nimport {isEmpty, createObject, autobind} from '../../utils/helper';\nimport {dataMapping} from '../../utils/tpl-builtin';\nimport {SchemaApi} from '../../Schema';\n\n/**\n * Select 下拉选择框。\n * 文档：https://baidu.gitee.io/amis/docs/components/form/select\n */\nexport interface SelectControlSchema extends FormOptionsControl {\n  type: 'select' | 'multi-select';\n\n  /**\n   * 自动完成 API，当输入部分文字的时候，会将这些文字通过 ${term} 可以取到，发送给接口。\n   * 接口可以返回匹配到的选项，帮助用户输入。\n   */\n  autoComplete?: SchemaApi;\n\n  /**\n   * 是否可以搜索值\n   */\n  searchable?: boolean;\n\n  /**\n   * 可以自定义菜单展示。\n   */\n  menuTpl?: string;\n\n  /**\n   * 边框模式，全边框，还是半边框，或者没边框。\n   */\n  borderMode?: 'full' | 'half' | 'none';\n}\n\nexport interface SelectProps extends OptionsControlProps {\n  autoComplete?: Api;\n  searchable?: boolean;\n  defaultOpen?: boolean;\n}\n\nexport default class SelectControl extends React.Component<SelectProps, any> {\n  static defaultProps: Partial<SelectProps> = {\n    clearable: false,\n    searchable: false,\n    multiple: false\n  };\n\n  input: any;\n  unHook: Function;\n  lazyloadRemote: Function;\n  constructor(props: SelectProps) {\n    super(props);\n\n    this.changeValue = this.changeValue.bind(this);\n    this.lazyloadRemote = debouce(this.loadRemote.bind(this), 250, {\n      trailing: true,\n      leading: false\n    });\n    this.inputRef = this.inputRef.bind(this);\n  }\n\n  componentWillUnmount() {\n    this.unHook && this.unHook();\n  }\n\n  inputRef(ref: any) {\n    this.input = ref;\n  }\n\n  foucs() {\n    this.input && this.input.focus();\n  }\n\n  changeValue(value: Option | Array<Option> | void) {\n    const {\n      joinValues,\n      extractValue,\n      delimiter,\n      multiple,\n      type,\n      valueField,\n      onChange,\n      setOptions,\n      options\n    } = this.props;\n\n    let newValue: string | Option | Array<Option> | void = value;\n    let additonalOptions: Array<any> = [];\n\n    (Array.isArray(value) ? value : value ? [value] : []).forEach(\n      (option: any) => {\n        let resolved = find(\n          options,\n          (item: any) =>\n            item[valueField || 'value'] == option[valueField || 'value']\n        );\n        resolved || additonalOptions.push(option);\n      }\n    );\n\n    if (joinValues) {\n      if (multiple) {\n        newValue = Array.isArray(value)\n          ? (value\n              .map(item => item[valueField || 'value'])\n              .join(delimiter) as string)\n          : value\n          ? (value as Option)[valueField || 'value']\n          : '';\n      } else {\n        newValue = newValue ? (newValue as Option)[valueField || 'value'] : '';\n      }\n    } else if (extractValue) {\n      if (multiple) {\n        newValue = Array.isArray(value)\n          ? value.map(item => item[valueField || 'value'])\n          : value\n          ? [(value as Option)[valueField || 'value']]\n          : [''];\n      } else {\n        newValue = newValue ? (newValue as Option)[valueField || 'value'] : '';\n      }\n    }\n\n    // 不设置没法回显\n    additonalOptions.length && setOptions(options.concat(additonalOptions));\n\n    onChange(newValue);\n  }\n\n  async loadRemote(input: string) {\n    const {\n      autoComplete,\n      env,\n      data,\n      setOptions,\n      setLoading,\n      formInited,\n      addHook\n    } = this.props;\n\n    if (!env || !env.fetcher) {\n      throw new Error('fetcher is required');\n    }\n\n    if (!formInited) {\n      this.unHook && this.unHook();\n      return (this.unHook = addHook(this.loadRemote.bind(this, input), 'init'));\n    }\n\n    const ctx = createObject(data, {\n      term: input,\n      value: input\n    });\n\n    if (!isEffectiveApi(autoComplete, ctx)) {\n      return Promise.resolve({\n        options: []\n      });\n    }\n\n    setLoading(true);\n    try {\n      const ret = await env.fetcher(autoComplete, ctx);\n\n      let options = (ret.data && (ret.data as any).options) || ret.data || [];\n      let combinedOptions = this.mergeOptions(options);\n      setOptions(combinedOptions);\n\n      return {\n        options: combinedOptions\n      };\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  mergeOptions(options: Array<object>) {\n    const {selectedOptions} = this.props;\n    let combinedOptions = normalizeOptions(options).concat();\n\n    if (Array.isArray(selectedOptions) && selectedOptions.length) {\n      selectedOptions.forEach(option => {\n        if (\n          !find(combinedOptions, (item: Option) => item.value == option.value)\n        ) {\n          combinedOptions.push({\n            ...option,\n            hidden: true\n          });\n        }\n      });\n    }\n    return combinedOptions;\n  }\n\n  @autobind\n  renderMenu(option: Option, state: any) {\n    const {menuTpl, render, data} = this.props;\n\n    return render(`menu/${state.index}`, menuTpl, {\n      data: createObject(createObject(data, state), option)\n    });\n  }\n\n  reload() {\n    const reload = this.props.reloadOptions;\n    reload && reload();\n  }\n\n  render() {\n    let {\n      autoComplete,\n      searchable,\n      options,\n      className,\n      loading,\n      value,\n      selectedOptions,\n      multi,\n      multiple,\n      placeholder,\n      id,\n      classPrefix,\n      classnames,\n      creatable,\n      inline,\n      noResultsText,\n      render,\n      menuTpl,\n      borderMode,\n      ...rest\n    } = this.props;\n\n    if (noResultsText) {\n      noResultsText = render('noResultText', noResultsText);\n    }\n\n    return (\n      <div className={cx(`${classPrefix}SelectControl`, className)}>\n        <Select\n          {...rest}\n          borderMode={borderMode}\n          placeholder={placeholder}\n          multiple={multiple || multi}\n          ref={this.inputRef}\n          value={selectedOptions}\n          options={options}\n          loadOptions={\n            isEffectiveApi(autoComplete) ? this.lazyloadRemote : undefined\n          }\n          creatable={creatable}\n          searchable={searchable || !!autoComplete}\n          onChange={this.changeValue}\n          loading={loading}\n          noResultsText={noResultsText}\n          renderMenu={menuTpl ? this.renderMenu : undefined}\n        />\n      </div>\n    );\n  }\n}\n\n@OptionsControl({\n  type: 'select'\n})\nexport class SelectControlRenderer extends SelectControl {}\n\n@OptionsControl({\n  type: 'multi-select'\n})\nexport class MultiSelectControlRenderer extends SelectControl {\n  static defaultProps = {\n    multiple: true\n  };\n}\n"
+        "import React from 'react';\nimport cx from 'classnames';\nimport {\n  OptionsControl,\n  OptionsControlProps,\n  Option,\n  FormOptionsControl\n} from './Options';\nimport Select, {normalizeOptions} from '../../components/Select';\nimport find from 'lodash/find';\nimport debouce from 'lodash/debounce';\nimport {Api} from '../../types';\nimport {isEffectiveApi} from '../../utils/api';\nimport {isEmpty, createObject, autobind} from '../../utils/helper';\nimport {dataMapping} from '../../utils/tpl-builtin';\nimport {SchemaApi} from '../../Schema';\nimport Spinner from '../../components/Spinner';\nimport {BaseTransferRenderer, TransferControlSchema} from './Transfer';\nimport TransferDropDown from '../../components/TransferDropDown';\n\n/**\n * Select 下拉选择框。\n * 文档：https://baidu.gitee.io/amis/docs/components/form/select\n */\nexport interface SelectControlSchema extends FormOptionsControl {\n  type: 'select' | 'multi-select';\n\n  /**\n   * 自动完成 API，当输入部分文字的时候，会将这些文字通过 ${term} 可以取到，发送给接口。\n   * 接口可以返回匹配到的选项，帮助用户输入。\n   */\n  autoComplete?: SchemaApi;\n\n  /**\n   * 可以自定义菜单展示。\n   */\n  menuTpl?: string;\n\n  /**\n   * 边框模式，全边框，还是半边框，或者没边框。\n   */\n  borderMode?: 'full' | 'half' | 'none';\n\n  /**\n   * 勾选展示模式\n   */\n  selectMode?: 'table' | 'group' | 'tree' | 'chained' | 'associated';\n\n  /**\n   * 当 selectMode 为 associated 时用来定义左侧的选项\n   */\n  leftOptions?: Array<Option>;\n\n  /**\n   * 当 selectMode 为 associated 时用来定义左侧的选择模式\n   */\n  leftMode?: 'tree' | 'list';\n\n  /**\n   * 当 selectMode 为 associated 时用来定义右侧的选择模式\n   */\n  rightMode?: 'table' | 'list' | 'tree' | 'chained';\n\n  /**\n   * 搜索结果展示模式\n   */\n  searchResultMode?: 'table' | 'list' | 'tree' | 'chained';\n\n  /**\n   * 当 selectMode 为 table 时定义表格列信息。\n   */\n  columns?: Array<any>;\n\n  /**\n   * 当 searchResultMode 为 table 时定义表格列信息。\n   */\n  searchResultColumns?: Array<any>;\n\n  /**\n   * 可搜索？\n   */\n  searchable?: boolean;\n\n  /**\n   * 搜索 API\n   */\n  searchApi?: SchemaApi;\n}\n\nexport interface SelectProps extends OptionsControlProps {\n  autoComplete?: Api;\n  searchable?: boolean;\n  defaultOpen?: boolean;\n}\n\nexport default class SelectControl extends React.Component<SelectProps, any> {\n  static defaultProps: Partial<SelectProps> = {\n    clearable: false,\n    searchable: false,\n    multiple: false\n  };\n\n  input: any;\n  unHook: Function;\n  lazyloadRemote: Function;\n  constructor(props: SelectProps) {\n    super(props);\n\n    this.changeValue = this.changeValue.bind(this);\n    this.lazyloadRemote = debouce(this.loadRemote.bind(this), 250, {\n      trailing: true,\n      leading: false\n    });\n    this.inputRef = this.inputRef.bind(this);\n  }\n\n  componentWillUnmount() {\n    this.unHook && this.unHook();\n  }\n\n  inputRef(ref: any) {\n    this.input = ref;\n  }\n\n  foucs() {\n    this.input && this.input.focus();\n  }\n\n  changeValue(value: Option | Array<Option> | void) {\n    const {\n      joinValues,\n      extractValue,\n      delimiter,\n      multiple,\n      type,\n      valueField,\n      onChange,\n      setOptions,\n      options\n    } = this.props;\n\n    let newValue: string | Option | Array<Option> | void = value;\n    let additonalOptions: Array<any> = [];\n\n    (Array.isArray(value) ? value : value ? [value] : []).forEach(\n      (option: any) => {\n        let resolved = find(\n          options,\n          (item: any) =>\n            item[valueField || 'value'] == option[valueField || 'value']\n        );\n        resolved || additonalOptions.push(option);\n      }\n    );\n\n    if (joinValues) {\n      if (multiple) {\n        newValue = Array.isArray(value)\n          ? (value\n              .map(item => item[valueField || 'value'])\n              .join(delimiter) as string)\n          : value\n          ? (value as Option)[valueField || 'value']\n          : '';\n      } else {\n        newValue = newValue ? (newValue as Option)[valueField || 'value'] : '';\n      }\n    } else if (extractValue) {\n      if (multiple) {\n        newValue = Array.isArray(value)\n          ? value.map(item => item[valueField || 'value'])\n          : value\n          ? [(value as Option)[valueField || 'value']]\n          : [''];\n      } else {\n        newValue = newValue ? (newValue as Option)[valueField || 'value'] : '';\n      }\n    }\n\n    // 不设置没法回显\n    additonalOptions.length && setOptions(options.concat(additonalOptions));\n\n    onChange(newValue);\n  }\n\n  async loadRemote(input: string) {\n    const {\n      autoComplete,\n      env,\n      data,\n      setOptions,\n      setLoading,\n      formInited,\n      addHook\n    } = this.props;\n\n    if (!env || !env.fetcher) {\n      throw new Error('fetcher is required');\n    }\n\n    if (!formInited) {\n      this.unHook && this.unHook();\n      return (this.unHook = addHook(this.loadRemote.bind(this, input), 'init'));\n    }\n\n    const ctx = createObject(data, {\n      term: input,\n      value: input\n    });\n\n    if (!isEffectiveApi(autoComplete, ctx)) {\n      return Promise.resolve({\n        options: []\n      });\n    }\n\n    setLoading(true);\n    try {\n      const ret = await env.fetcher(autoComplete, ctx);\n\n      let options = (ret.data && (ret.data as any).options) || ret.data || [];\n      let combinedOptions = this.mergeOptions(options);\n      setOptions(combinedOptions);\n\n      return {\n        options: combinedOptions\n      };\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  mergeOptions(options: Array<object>) {\n    const {selectedOptions} = this.props;\n    let combinedOptions = normalizeOptions(options).concat();\n\n    if (Array.isArray(selectedOptions) && selectedOptions.length) {\n      selectedOptions.forEach(option => {\n        if (\n          !find(combinedOptions, (item: Option) => item.value == option.value)\n        ) {\n          combinedOptions.push({\n            ...option,\n            hidden: true\n          });\n        }\n      });\n    }\n    return combinedOptions;\n  }\n\n  @autobind\n  renderMenu(option: Option, state: any) {\n    const {menuTpl, render, data} = this.props;\n\n    return render(`menu/${state.index}`, menuTpl, {\n      data: createObject(createObject(data, state), option)\n    });\n  }\n\n  reload() {\n    const reload = this.props.reloadOptions;\n    reload && reload();\n  }\n\n  option2value() {}\n\n  renderOtherMode() {\n    const {selectMode, ...rest} = this.props;\n    return (\n      <TransferDropdownRenderer\n        {...rest}\n        selectMode={selectMode === 'group' ? 'list' : selectMode}\n      />\n    );\n  }\n\n  render() {\n    let {\n      autoComplete,\n      searchable,\n      options,\n      className,\n      loading,\n      value,\n      selectedOptions,\n      multi,\n      multiple,\n      placeholder,\n      id,\n      classPrefix,\n      classnames,\n      creatable,\n      inline,\n      noResultsText,\n      render,\n      menuTpl,\n      borderMode,\n      selectMode,\n      ...rest\n    } = this.props;\n\n    if (noResultsText) {\n      noResultsText = render('noResultText', noResultsText);\n    }\n\n    return (\n      <div className={cx(`${classPrefix}SelectControl`, className)}>\n        {['table', 'list', 'group', 'tree', 'chained', 'associated'].includes(\n          selectMode\n        ) ? (\n          this.renderOtherMode()\n        ) : (\n          <Select\n            {...rest}\n            borderMode={borderMode}\n            placeholder={placeholder}\n            multiple={multiple || multi}\n            ref={this.inputRef}\n            value={selectedOptions}\n            options={options}\n            loadOptions={\n              isEffectiveApi(autoComplete) ? this.lazyloadRemote : undefined\n            }\n            creatable={creatable}\n            searchable={searchable || !!autoComplete}\n            onChange={this.changeValue}\n            loading={loading}\n            noResultsText={noResultsText}\n            renderMenu={menuTpl ? this.renderMenu : undefined}\n          />\n        )}\n      </div>\n    );\n  }\n}\n\nexport interface TransferDropDownProps\n  extends OptionsControlProps,\n    Omit<\n      TransferControlSchema,\n      | 'type'\n      | 'options'\n      | 'inputClassName'\n      | 'className'\n      | 'descriptionClassName'\n    > {}\n\nclass TransferDropdownRenderer extends BaseTransferRenderer<TransferDropDownProps> {\n  render() {\n    const {\n      className,\n      classnames: cx,\n      options,\n      selectedOptions,\n      sortable,\n      loading,\n      searchable,\n      searchResultMode,\n      showArrow,\n      deferLoad,\n      disabled,\n      selectTitle,\n      selectMode,\n      multiple,\n      leftMode,\n      leftOptions,\n      columns\n    } = this.props;\n\n    return (\n      <>\n        <TransferDropDown\n          selectMode={selectMode}\n          className={className}\n          value={selectedOptions}\n          disabled={disabled}\n          options={options}\n          onChange={this.handleChange}\n          option2value={this.option2value}\n          sortable={sortable}\n          searchResultMode={searchResultMode}\n          onSearch={searchable ? this.handleSearch : undefined}\n          showArrow={showArrow}\n          onDeferLoad={deferLoad}\n          selectTitle={selectTitle}\n          multiple={multiple}\n          columns={columns}\n          leftMode={leftMode}\n          leftOptions={leftOptions}\n        />\n\n        <Spinner overlay key=\"info\" show={loading} />\n      </>\n    );\n  }\n}\n\n@OptionsControl({\n  type: 'select'\n})\nexport class SelectControlRenderer extends SelectControl {}\n\n@OptionsControl({\n  type: 'multi-select'\n})\nexport class MultiSelectControlRenderer extends SelectControl {\n  static defaultProps = {\n    multiple: true\n  };\n}\n"
     ]
 }

package/lib/renderers/Form/TabsTransferPicker.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import { OptionsControlProps, FormOptionsControl } from './Options';
+import { BaseTransferRenderer } from './Transfer';
+import { SchemaApi } from '../../Schema';
+/**
+ * TabsTransferPicker 穿梭器的弹框形态
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/tabs-transfer-picker
+ */
+export interface TabsTransferPickerControlSchema extends FormOptionsControl {
+    type: 'tabs-transfer-picker';
+    /**
+     * 是否显示剪头
+     */
+    showArrow?: boolean;
+    /**
+     * 可排序？
+     */
+    sortable?: boolean;
+    /**
+     * 搜索结果展示模式
+     */
+    searchResultMode?: 'table' | 'list' | 'tree' | 'chained';
+    /**
+     * 可搜索？
+     */
+    searchable?: boolean;
+    /**
+     * 搜索 API
+     */
+    searchApi?: SchemaApi;
+    /**
+     * 左侧的标题文字
+     */
+    selectTitle?: string;
+    /**
+     * 右侧结果的标题文字
+     */
+    resultTitle?: string;
+    /**
+     * 弹窗大小
+     */
+    pickerSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+}
+export interface TabsTransferProps extends OptionsControlProps, Omit<TabsTransferPickerControlSchema, 'type' | 'options' | 'inputClassName' | 'className' | 'descriptionClassName'> {
+}
+export declare class TabsTransferPickerRenderer extends BaseTransferRenderer<TabsTransferProps> {
+    render(): JSX.Element;
+}

package/lib/renderers/Form/TabsTransferPicker.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabsTransferPickerRenderer = void 0;
+var tslib_1 = require("tslib");
+var Options_1 = require("./Options");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var Spinner_1 = (0, tslib_1.__importDefault)(require("../../components/Spinner"));
+var Transfer_1 = require("./Transfer");
+var TabsTransferPicker_1 = (0, tslib_1.__importDefault)(require("../../components/TabsTransferPicker"));
+var TabsTransferPickerRenderer = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(TabsTransferPickerRenderer, _super);
+    function TabsTransferPickerRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TabsTransferPickerRenderer.prototype.render = function () {
+        var _a = this.props, className = _a.className, cx = _a.classnames, options = _a.options, selectedOptions = _a.selectedOptions, sortable = _a.sortable, loading = _a.loading, searchable = _a.searchable, searchResultMode = _a.searchResultMode, showArrow = _a.showArrow, deferLoad = _a.deferLoad, disabled = _a.disabled, selectTitle = _a.selectTitle, resultTitle = _a.resultTitle, pickerSize = _a.pickerSize, columns = _a.columns, leftMode = _a.leftMode, leftOptions = _a.leftOptions;
+        return (react_1.default.createElement("div", { className: cx('TabsTransferControl', className) },
+            react_1.default.createElement(TabsTransferPicker_1.default, { value: selectedOptions, disabled: disabled, options: options, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, searchResultMode: searchResultMode, onSearch: searchable ? this.handleSearch : undefined, showArrow: showArrow, onDeferLoad: deferLoad, selectTitle: selectTitle, resultTitle: resultTitle, size: pickerSize, leftMode: leftMode, leftOptions: leftOptions }),
+            react_1.default.createElement(Spinner_1.default, { overlay: true, key: "info", show: loading })));
+    };
+    TabsTransferPickerRenderer = (0, tslib_1.__decorate)([
+        (0, Options_1.OptionsControl)({
+            type: 'tabs-transfer-picker'
+        })
+    ], TabsTransferPickerRenderer);
+    return TabsTransferPickerRenderer;
+}(Transfer_1.BaseTransferRenderer));
+exports.TabsTransferPickerRenderer = TabsTransferPickerRenderer;
+//# sourceMappingURL=./renderers/Form/TabsTransferPicker.js.map

package/lib/renderers/Form/TabsTransferPicker.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "TabsTransferPicker.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/renderers/Form/TabsTransferPicker.tsx"
+    ],
+    "names": [],
+    "mappings": ";;;;AAAA,qCAImB;AACnB,6DAA0B;AAE1B,kFAA+C;AAC/C,uCAAgD;AAIhD,wGAAqE;AAgErE;IAAgD,2DAAuC;IAAvF;;IA8CA,CAAC;IA7CC,2CAAM,GAAN;QACQ,IAAA,KAkBF,IAAI,CAAC,KAAK,EAjBZ,SAAS,eAAA,EACG,EAAE,gBAAA,EACd,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBACC,CAAC;QAEf,OAAO,CACL,uCAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC;YAClD,8BAAC,4BAAkB,IACjB,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACpD,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,SAAS,EACtB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACxB;YAEF,8BAAC,iBAAO,IAAC,OAAO,QAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAE,OAAO,GAAI,CACzC,CACP,CAAC;IACJ,CAAC;IA7CU,0BAA0B;QAHtC,IAAA,wBAAc,EAAC;YACd,IAAI,EAAE,sBAAsB;SAC7B,CAAC;OACW,0BAA0B,CA8CtC;IAAD,iCAAC;CAAA,AA9CD,CAAgD,+BAAoB,GA8CnE;AA9CY,gEAA0B",
+    "sourcesContent": [
+        "import {\n  OptionsControlProps,\n  OptionsControl,\n  FormOptionsControl\n} from './Options';\nimport React from 'react';\nimport {Api} from '../../types';\nimport Spinner from '../../components/Spinner';\nimport {BaseTransferRenderer} from './Transfer';\nimport TabsTransfer from '../../components/TabsTransfer';\nimport {SchemaApi} from '../../Schema';\nimport TransferPicker from '../../components/TransferPicker';\nimport TabsTransferPicker from '../../components/TabsTransferPicker';\n\n/**\n * TabsTransferPicker 穿梭器的弹框形态\n * 文档：https://baidu.gitee.io/amis/docs/components/form/tabs-transfer-picker\n */\nexport interface TabsTransferPickerControlSchema extends FormOptionsControl {\n  type: 'tabs-transfer-picker';\n\n  /**\n   * 是否显示剪头\n   */\n  showArrow?: boolean;\n\n  /**\n   * 可排序？\n   */\n  sortable?: boolean;\n\n  /**\n   * 搜索结果展示模式\n   */\n  searchResultMode?: 'table' | 'list' | 'tree' | 'chained';\n\n  /**\n   * 可搜索？\n   */\n  searchable?: boolean;\n\n  /**\n   * 搜索 API\n   */\n  searchApi?: SchemaApi;\n\n  /**\n   * 左侧的标题文字\n   */\n  selectTitle?: string;\n\n  /**\n   * 右侧结果的标题文字\n   */\n  resultTitle?: string;\n\n  /**\n   * 弹窗大小\n   */\n  pickerSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';\n}\n\nexport interface TabsTransferProps\n  extends OptionsControlProps,\n    Omit<\n      TabsTransferPickerControlSchema,\n      | 'type'\n      | 'options'\n      | 'inputClassName'\n      | 'className'\n      | 'descriptionClassName'\n    > {}\n\n@OptionsControl({\n  type: 'tabs-transfer-picker'\n})\nexport class TabsTransferPickerRenderer extends BaseTransferRenderer<TabsTransferProps> {\n  render() {\n    const {\n      className,\n      classnames: cx,\n      options,\n      selectedOptions,\n      sortable,\n      loading,\n      searchable,\n      searchResultMode,\n      showArrow,\n      deferLoad,\n      disabled,\n      selectTitle,\n      resultTitle,\n      pickerSize,\n      columns,\n      leftMode,\n      leftOptions\n    } = this.props;\n\n    return (\n      <div className={cx('TabsTransferControl', className)}>\n        <TabsTransferPicker\n          value={selectedOptions}\n          disabled={disabled}\n          options={options}\n          onChange={this.handleChange}\n          option2value={this.option2value}\n          sortable={sortable}\n          searchResultMode={searchResultMode}\n          onSearch={searchable ? this.handleSearch : undefined}\n          showArrow={showArrow}\n          onDeferLoad={deferLoad}\n          selectTitle={selectTitle}\n          resultTitle={resultTitle}\n          size={pickerSize}\n          leftMode={leftMode}\n          leftOptions={leftOptions}\n        />\n\n        <Spinner overlay key=\"info\" show={loading} />\n      </div>\n    );\n  }\n}\n"
+    ]
+}

package/lib/renderers/Form/Transfer.js

@@ -84,8 +84,9 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
                             regexp_1 = (0, helper_1.string2regExp)(term);
                             return [2 /*return*/, (0, helper_1.filterTree)(options, function (option) {
                                     return !!((Array.isArray(option.children) && option.children.length) ||
-                                        regexp_1.test(option[labelField || 'label']) ||
-                                        regexp_1.test(option[valueField || 'value']));
+                                        (option[valueField || 'value'] &&
+                                            (regexp_1.test(option[labelField || 'label']) ||
+                                                regexp_1.test(option[valueField || 'value']))));
                                 }, 0, true)];
                         }
                         else {

package/lib/renderers/Form/Transfer.js.map

@@ -6,8 +6,8 @@
         "/src/renderers/Form/Transfer.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import {\n  OptionsControlProps,\n  OptionsControl,\n  FormOptionsControl\n} from './Options';\nimport React from 'react';\nimport Transfer from '../../components/Transfer';\nimport {Option} from './Options';\nimport {\n  autobind,\n  filterTree,\n  string2regExp,\n  createObject,\n  findTree\n} from '../../utils/helper';\nimport {Api} from '../../types';\nimport Spinner from '../../components/Spinner';\nimport find from 'lodash/find';\nimport {optionValueCompare} from '../../components/Select';\nimport {resolveVariable} from '../../utils/tpl-builtin';\nimport {SchemaApi} from '../../Schema';\n\n/**\n * Transfer\n * 文档：https://baidu.gitee.io/amis/docs/components/form/transfer\n */\nexport interface TransferControlSchema extends FormOptionsControl {\n  type: 'transfer';\n\n  /**\n   * 是否显示剪头\n   */\n  showArrow?: boolean;\n\n  /**\n   * 可排序？\n   */\n  sortable?: boolean;\n\n  /**\n   * 勾选展示模式\n   */\n  selectMode?: 'table' | 'list' | 'tree' | 'chained' | 'associated';\n\n  /**\n   * 当 selectMode 为 associated 时用来定义左侧的选项\n   */\n  leftOptions?: Array<Option>;\n\n  /**\n   * 当 selectMode 为 associated 时用来定义左侧的选择模式\n   */\n  leftMode?: 'tree' | 'list';\n\n  /**\n   * 当 selectMode 为 associated 时用来定义右侧的选择模式\n   */\n  rightMode?: 'table' | 'list' | 'tree' | 'chained';\n\n  /**\n   * 搜索结果展示模式\n   */\n  searchResultMode?: 'table' | 'list' | 'tree' | 'chained';\n\n  /**\n   * 当 selectMode 为 table 时定义表格列信息。\n   */\n  columns?: Array<any>;\n\n  /**\n   * 当 searchResultMode 为 table 时定义表格列信息。\n   */\n  searchResultColumns?: Array<any>;\n\n  /**\n   * 可搜索？\n   */\n  searchable?: boolean;\n\n  /**\n   * 搜索 API\n   */\n  searchApi?: SchemaApi;\n\n  /**\n   * 左侧的标题文字\n   */\n  selectTitle?: string;\n\n  /**\n   * 右侧结果的标题文字\n   */\n  resultTitle?: string;\n}\n\nexport interface BaseTransferProps\n  extends OptionsControlProps,\n    Omit<\n      TransferControlSchema,\n      | 'type'\n      | 'options'\n      | 'className'\n      | 'descriptionClassName'\n      | 'inputClassName'\n    > {\n  optionItemRender?: (option: Option) => JSX.Element;\n  resultItemRender?: (option: Option) => JSX.Element;\n}\n\nexport class BaseTransferRenderer<\n  T extends OptionsControlProps = BaseTransferProps\n> extends React.Component<T> {\n  @autobind\n  handleChange(value: Array<Option>) {\n    const {\n      onChange,\n      joinValues,\n      delimiter,\n      valueField,\n      extractValue,\n      options,\n      setOptions\n    } = this.props;\n    let newValue: any = value;\n    let newOptions = options.concat();\n\n    if (Array.isArray(value)) {\n      if (joinValues || extractValue) {\n        newValue = value.map(item => {\n          const resolved = findTree(\n            options,\n            optionValueCompare(\n              item[(valueField as string) || 'value'],\n              (valueField as string) || 'value'\n            )\n          );\n\n          if (!resolved) {\n            newOptions.push(item);\n          }\n\n          return item[(valueField as string) || 'value'];\n        });\n      }\n\n      if (joinValues) {\n        newValue = newValue.join(delimiter || ',');\n      }\n    }\n\n    newOptions.length > options.length && setOptions(newOptions, true);\n    onChange(newValue);\n  }\n\n  @autobind\n  option2value(option: Option) {\n    return option;\n  }\n\n  @autobind\n  async handleSearch(term: string, cancelExecutor: Function) {\n    const {searchApi, options, labelField, valueField, env, data} = this.props;\n\n    if (searchApi) {\n      try {\n        const payload = await env.fetcher(\n          searchApi,\n          createObject(data, {term}),\n          {\n            cancelExecutor\n          }\n        );\n\n        if (!payload.ok) {\n          throw new Error(payload.msg || '搜索请求异常');\n        }\n\n        const result =\n          payload.data.options || payload.data.items || payload.data;\n        if (!Array.isArray(result)) {\n          throw new Error('CRUD.invalidArray');\n        }\n\n        return result.map(item => {\n          let resolved: any = null;\n          const value = item[valueField || 'value'];\n\n          // 只有 value 值有意义的时候，再去找；否则直接返回\n          if (Array.isArray(options) && value !== null && value !== undefined) {\n            resolved = find(options, optionValueCompare(value, valueField));\n          }\n\n          return resolved || item;\n        });\n      } catch (e) {\n        if (!env.isCancel(e)) {\n          env.notify('error', e.message);\n        }\n\n        return [];\n      }\n    } else if (term) {\n      const regexp = string2regExp(term);\n\n      return filterTree(\n        options,\n        (option: Option) => {\n          return !!(\n            (Array.isArray(option.children) && option.children.length) ||\n            regexp.test(option[(labelField as string) || 'label']) ||\n            regexp.test(option[(valueField as string) || 'value'])\n          );\n        },\n        0,\n        true\n      );\n    } else {\n      return options;\n    }\n  }\n\n  @autobind\n  renderCell(\n    column: {\n      name: string;\n      label: string;\n      [propName: string]: any;\n    },\n    option: Option,\n    colIndex: number,\n    rowIndex: number\n  ) {\n    const {render, data} = this.props;\n    return render(\n      `cell/${colIndex}/${rowIndex}`,\n      {\n        type: 'text',\n        ...column\n      },\n      {\n        value: resolveVariable(column.name, option),\n        data: createObject(data, option)\n      }\n    );\n  }\n\n  render() {\n    const {\n      className,\n      classnames: cx,\n      options,\n      selectedOptions,\n      showArrow,\n      sortable,\n      selectMode,\n      columns,\n      loading,\n      searchable,\n      searchResultMode,\n      searchResultColumns,\n      deferLoad,\n      leftOptions,\n      leftMode,\n      rightMode,\n      disabled,\n      selectTitle,\n      resultTitle,\n      optionItemRender,\n      resultItemRender\n    } = this.props;\n\n    return (\n      <div className={cx('TransferControl', className)}>\n        <Transfer\n          value={selectedOptions}\n          options={options}\n          disabled={disabled}\n          onChange={this.handleChange}\n          option2value={this.option2value}\n          sortable={sortable}\n          showArrow={showArrow}\n          selectMode={selectMode}\n          searchResultMode={searchResultMode}\n          searchResultColumns={searchResultColumns}\n          columns={columns}\n          onSearch={searchable ? this.handleSearch : undefined}\n          onDeferLoad={deferLoad}\n          leftOptions={leftOptions}\n          leftMode={leftMode}\n          rightMode={rightMode}\n          cellRender={this.renderCell}\n          selectTitle={selectTitle}\n          resultTitle={resultTitle}\n          optionItemRender={optionItemRender}\n          resultItemRender={resultItemRender}\n        />\n\n        <Spinner overlay key=\"info\" show={loading} />\n      </div>\n    );\n  }\n}\n\n// ts 3.9 里面非得这样才不报错，鬼知道为何。\nexport class TransferRender extends BaseTransferRenderer {}\n\nexport default OptionsControl({\n  type: 'transfer'\n})(TransferRender);\n"
+        "import {\n  OptionsControlProps,\n  OptionsControl,\n  FormOptionsControl\n} from './Options';\nimport React from 'react';\nimport Transfer from '../../components/Transfer';\nimport {Option} from './Options';\nimport {\n  autobind,\n  filterTree,\n  string2regExp,\n  createObject,\n  findTree\n} from '../../utils/helper';\nimport {Api} from '../../types';\nimport Spinner from '../../components/Spinner';\nimport find from 'lodash/find';\nimport {optionValueCompare} from '../../components/Select';\nimport {resolveVariable} from '../../utils/tpl-builtin';\nimport {SchemaApi} from '../../Schema';\n\n/**\n * Transfer\n * 文档：https://baidu.gitee.io/amis/docs/components/form/transfer\n */\nexport interface TransferControlSchema extends FormOptionsControl {\n  type: 'transfer';\n\n  /**\n   * 是否显示剪头\n   */\n  showArrow?: boolean;\n\n  /**\n   * 可排序？\n   */\n  sortable?: boolean;\n\n  /**\n   * 勾选展示模式\n   */\n  selectMode?: 'table' | 'list' | 'tree' | 'chained' | 'associated';\n\n  /**\n   * 当 selectMode 为 associated 时用来定义左侧的选项\n   */\n  leftOptions?: Array<Option>;\n\n  /**\n   * 当 selectMode 为 associated 时用来定义左侧的选择模式\n   */\n  leftMode?: 'tree' | 'list';\n\n  /**\n   * 当 selectMode 为 associated 时用来定义右侧的选择模式\n   */\n  rightMode?: 'table' | 'list' | 'tree' | 'chained';\n\n  /**\n   * 搜索结果展示模式\n   */\n  searchResultMode?: 'table' | 'list' | 'tree' | 'chained';\n\n  /**\n   * 当 selectMode 为 table 时定义表格列信息。\n   */\n  columns?: Array<any>;\n\n  /**\n   * 当 searchResultMode 为 table 时定义表格列信息。\n   */\n  searchResultColumns?: Array<any>;\n\n  /**\n   * 可搜索？\n   */\n  searchable?: boolean;\n\n  /**\n   * 搜索 API\n   */\n  searchApi?: SchemaApi;\n\n  /**\n   * 左侧的标题文字\n   */\n  selectTitle?: string;\n\n  /**\n   * 右侧结果的标题文字\n   */\n  resultTitle?: string;\n}\n\nexport interface BaseTransferProps\n  extends OptionsControlProps,\n    Omit<\n      TransferControlSchema,\n      | 'type'\n      | 'options'\n      | 'className'\n      | 'descriptionClassName'\n      | 'inputClassName'\n    > {\n  optionItemRender?: (option: Option) => JSX.Element;\n  resultItemRender?: (option: Option) => JSX.Element;\n}\n\nexport class BaseTransferRenderer<\n  T extends OptionsControlProps = BaseTransferProps\n> extends React.Component<T> {\n  @autobind\n  handleChange(value: Array<Option>) {\n    const {\n      onChange,\n      joinValues,\n      delimiter,\n      valueField,\n      extractValue,\n      options,\n      setOptions\n    } = this.props;\n    let newValue: any = value;\n    let newOptions = options.concat();\n\n    if (Array.isArray(value)) {\n      if (joinValues || extractValue) {\n        newValue = value.map(item => {\n          const resolved = findTree(\n            options,\n            optionValueCompare(\n              item[(valueField as string) || 'value'],\n              (valueField as string) || 'value'\n            )\n          );\n\n          if (!resolved) {\n            newOptions.push(item);\n          }\n\n          return item[(valueField as string) || 'value'];\n        });\n      }\n\n      if (joinValues) {\n        newValue = newValue.join(delimiter || ',');\n      }\n    }\n\n    newOptions.length > options.length && setOptions(newOptions, true);\n    onChange(newValue);\n  }\n\n  @autobind\n  option2value(option: Option) {\n    return option;\n  }\n\n  @autobind\n  async handleSearch(term: string, cancelExecutor: Function) {\n    const {searchApi, options, labelField, valueField, env, data} = this.props;\n\n    if (searchApi) {\n      try {\n        const payload = await env.fetcher(\n          searchApi,\n          createObject(data, {term}),\n          {\n            cancelExecutor\n          }\n        );\n\n        if (!payload.ok) {\n          throw new Error(payload.msg || '搜索请求异常');\n        }\n\n        const result =\n          payload.data.options || payload.data.items || payload.data;\n        if (!Array.isArray(result)) {\n          throw new Error('CRUD.invalidArray');\n        }\n\n        return result.map(item => {\n          let resolved: any = null;\n          const value = item[valueField || 'value'];\n\n          // 只有 value 值有意义的时候，再去找；否则直接返回\n          if (Array.isArray(options) && value !== null && value !== undefined) {\n            resolved = find(options, optionValueCompare(value, valueField));\n          }\n\n          return resolved || item;\n        });\n      } catch (e) {\n        if (!env.isCancel(e)) {\n          env.notify('error', e.message);\n        }\n\n        return [];\n      }\n    } else if (term) {\n      const regexp = string2regExp(term);\n\n      return filterTree(\n        options,\n        (option: Option) => {\n          return !!(\n            (Array.isArray(option.children) && option.children.length) ||\n            (option[(valueField as string) || 'value'] &&\n              (regexp.test(option[(labelField as string) || 'label']) ||\n                regexp.test(option[(valueField as string) || 'value'])))\n          );\n        },\n        0,\n        true\n      );\n    } else {\n      return options;\n    }\n  }\n\n  @autobind\n  renderCell(\n    column: {\n      name: string;\n      label: string;\n      [propName: string]: any;\n    },\n    option: Option,\n    colIndex: number,\n    rowIndex: number\n  ) {\n    const {render, data} = this.props;\n    return render(\n      `cell/${colIndex}/${rowIndex}`,\n      {\n        type: 'text',\n        ...column\n      },\n      {\n        value: resolveVariable(column.name, option),\n        data: createObject(data, option)\n      }\n    );\n  }\n\n  render() {\n    const {\n      className,\n      classnames: cx,\n      options,\n      selectedOptions,\n      showArrow,\n      sortable,\n      selectMode,\n      columns,\n      loading,\n      searchable,\n      searchResultMode,\n      searchResultColumns,\n      deferLoad,\n      leftOptions,\n      leftMode,\n      rightMode,\n      disabled,\n      selectTitle,\n      resultTitle,\n      optionItemRender,\n      resultItemRender\n    } = this.props;\n\n    return (\n      <div className={cx('TransferControl', className)}>\n        <Transfer\n          value={selectedOptions}\n          options={options}\n          disabled={disabled}\n          onChange={this.handleChange}\n          option2value={this.option2value}\n          sortable={sortable}\n          showArrow={showArrow}\n          selectMode={selectMode}\n          searchResultMode={searchResultMode}\n          searchResultColumns={searchResultColumns}\n          columns={columns}\n          onSearch={searchable ? this.handleSearch : undefined}\n          onDeferLoad={deferLoad}\n          leftOptions={leftOptions}\n          leftMode={leftMode}\n          rightMode={rightMode}\n          cellRender={this.renderCell}\n          selectTitle={selectTitle}\n          resultTitle={resultTitle}\n          optionItemRender={optionItemRender}\n          resultItemRender={resultItemRender}\n        />\n\n        <Spinner overlay key=\"info\" show={loading} />\n      </div>\n    );\n  }\n}\n\n// ts 3.9 里面非得这样才不报错，鬼知道为何。\nexport class TransferRender extends BaseTransferRenderer {}\n\nexport default OptionsControl({\n  type: 'transfer'\n})(TransferRender);\n"
     ]
 }

package/lib/renderers/Form/TransferPicker.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import { OptionsControlProps, FormOptionsControl } from './Options';
+import { BaseTransferRenderer } from './Transfer';
+import { SchemaApi } from '../../Schema';
+/**
+ * TransferPicker 穿梭器的弹框形态
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/transfer-picker
+ */
+export interface TransferPickerControlSchema extends FormOptionsControl {
+    type: 'transfer-picker';
+    /**
+     * 是否显示剪头
+     */
+    showArrow?: boolean;
+    /**
+     * 可排序？
+     */
+    sortable?: boolean;
+    /**
+     * 搜索结果展示模式
+     */
+    searchResultMode?: 'table' | 'list' | 'tree' | 'chained';
+    /**
+     * 可搜索？
+     */
+    searchable?: boolean;
+    /**
+     * 搜索 API
+     */
+    searchApi?: SchemaApi;
+    /**
+     * 左侧的标题文字
+     */
+    selectTitle?: string;
+    /**
+     * 右侧结果的标题文字
+     */
+    resultTitle?: string;
+    /**
+     * 弹窗大小
+     */
+    pickerSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+}
+export interface TabsTransferProps extends OptionsControlProps, Omit<TransferPickerControlSchema, 'type' | 'options' | 'inputClassName' | 'className' | 'descriptionClassName'> {
+}
+export declare class TransferPickerRenderer extends BaseTransferRenderer<TabsTransferProps> {
+    render(): JSX.Element;
+}

package/lib/renderers/Form/TransferPicker.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransferPickerRenderer = void 0;
+var tslib_1 = require("tslib");
+var Options_1 = require("./Options");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var Spinner_1 = (0, tslib_1.__importDefault)(require("../../components/Spinner"));
+var Transfer_1 = require("./Transfer");
+var TransferPicker_1 = (0, tslib_1.__importDefault)(require("../../components/TransferPicker"));
+var TransferPickerRenderer = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(TransferPickerRenderer, _super);
+    function TransferPickerRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TransferPickerRenderer.prototype.render = function () {
+        var _a = this.props, className = _a.className, cx = _a.classnames, options = _a.options, selectedOptions = _a.selectedOptions, sortable = _a.sortable, loading = _a.loading, searchable = _a.searchable, searchResultMode = _a.searchResultMode, showArrow = _a.showArrow, deferLoad = _a.deferLoad, disabled = _a.disabled, selectTitle = _a.selectTitle, resultTitle = _a.resultTitle, pickerSize = _a.pickerSize, columns = _a.columns, leftMode = _a.leftMode, leftOptions = _a.leftOptions;
+        return (react_1.default.createElement("div", { className: cx('TabsTransferControl', className) },
+            react_1.default.createElement(TransferPicker_1.default, { value: selectedOptions, disabled: disabled, options: options, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, searchResultMode: searchResultMode, onSearch: searchable ? this.handleSearch : undefined, showArrow: showArrow, onDeferLoad: deferLoad, selectTitle: selectTitle, resultTitle: resultTitle, size: pickerSize, columns: columns, leftMode: leftMode, leftOptions: leftOptions }),
+            react_1.default.createElement(Spinner_1.default, { overlay: true, key: "info", show: loading })));
+    };
+    TransferPickerRenderer = (0, tslib_1.__decorate)([
+        (0, Options_1.OptionsControl)({
+            type: 'transfer-picker'
+        })
+    ], TransferPickerRenderer);
+    return TransferPickerRenderer;
+}(Transfer_1.BaseTransferRenderer));
+exports.TransferPickerRenderer = TransferPickerRenderer;
+//# sourceMappingURL=./renderers/Form/TransferPicker.js.map

package/lib/renderers/Form/TransferPicker.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "TransferPicker.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/renderers/Form/TransferPicker.tsx"
+    ],
+    "names": [],
+    "mappings": ";;;;AAAA,qCAImB;AACnB,6DAA0B;AAE1B,kFAA+C;AAC/C,uCAAgD;AAGhD,gGAA6D;AAgE7D;IAA4C,uDAAuC;IAAnF;;IA+CA,CAAC;IA9CC,uCAAM,GAAN;QACQ,IAAA,KAkBF,IAAI,CAAC,KAAK,EAjBZ,SAAS,eAAA,EACG,EAAE,gBAAA,EACd,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBACC,CAAC;QAEf,OAAO,CACL,uCAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC;YAClD,8BAAC,wBAAc,IACb,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACpD,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,SAAS,EACtB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACxB;YAEF,8BAAC,iBAAO,IAAC,OAAO,QAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAE,OAAO,GAAI,CACzC,CACP,CAAC;IACJ,CAAC;IA9CU,sBAAsB;QAHlC,IAAA,wBAAc,EAAC;YACd,IAAI,EAAE,iBAAiB;SACxB,CAAC;OACW,sBAAsB,CA+ClC;IAAD,6BAAC;CAAA,AA/CD,CAA4C,+BAAoB,GA+C/D;AA/CY,wDAAsB",
+    "sourcesContent": [
+        "import {\n  OptionsControlProps,\n  OptionsControl,\n  FormOptionsControl\n} from './Options';\nimport React from 'react';\nimport {Api} from '../../types';\nimport Spinner from '../../components/Spinner';\nimport {BaseTransferRenderer} from './Transfer';\nimport TabsTransfer from '../../components/TabsTransfer';\nimport {SchemaApi} from '../../Schema';\nimport TransferPicker from '../../components/TransferPicker';\n\n/**\n * TransferPicker 穿梭器的弹框形态\n * 文档：https://baidu.gitee.io/amis/docs/components/form/transfer-picker\n */\nexport interface TransferPickerControlSchema extends FormOptionsControl {\n  type: 'transfer-picker';\n\n  /**\n   * 是否显示剪头\n   */\n  showArrow?: boolean;\n\n  /**\n   * 可排序？\n   */\n  sortable?: boolean;\n\n  /**\n   * 搜索结果展示模式\n   */\n  searchResultMode?: 'table' | 'list' | 'tree' | 'chained';\n\n  /**\n   * 可搜索？\n   */\n  searchable?: boolean;\n\n  /**\n   * 搜索 API\n   */\n  searchApi?: SchemaApi;\n\n  /**\n   * 左侧的标题文字\n   */\n  selectTitle?: string;\n\n  /**\n   * 右侧结果的标题文字\n   */\n  resultTitle?: string;\n\n  /**\n   * 弹窗大小\n   */\n  pickerSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';\n}\n\nexport interface TabsTransferProps\n  extends OptionsControlProps,\n    Omit<\n      TransferPickerControlSchema,\n      | 'type'\n      | 'options'\n      | 'inputClassName'\n      | 'className'\n      | 'descriptionClassName'\n    > {}\n\n@OptionsControl({\n  type: 'transfer-picker'\n})\nexport class TransferPickerRenderer extends BaseTransferRenderer<TabsTransferProps> {\n  render() {\n    const {\n      className,\n      classnames: cx,\n      options,\n      selectedOptions,\n      sortable,\n      loading,\n      searchable,\n      searchResultMode,\n      showArrow,\n      deferLoad,\n      disabled,\n      selectTitle,\n      resultTitle,\n      pickerSize,\n      columns,\n      leftMode,\n      leftOptions\n    } = this.props;\n\n    return (\n      <div className={cx('TabsTransferControl', className)}>\n        <TransferPicker\n          value={selectedOptions}\n          disabled={disabled}\n          options={options}\n          onChange={this.handleChange}\n          option2value={this.option2value}\n          sortable={sortable}\n          searchResultMode={searchResultMode}\n          onSearch={searchable ? this.handleSearch : undefined}\n          showArrow={showArrow}\n          onDeferLoad={deferLoad}\n          selectTitle={selectTitle}\n          resultTitle={resultTitle}\n          size={pickerSize}\n          columns={columns}\n          leftMode={leftMode}\n          leftOptions={leftOptions}\n        />\n\n        <Spinner overlay key=\"info\" show={loading} />\n      </div>\n    );\n  }\n}\n"
+    ]
+}

package/lib/renderers/Form/TreeSelect.js

@@ -255,7 +255,7 @@ var TreeSelectControl = /** @class */ (function (_super) {
     };
     TreeSelectControl.prototype.renderOuter = function () {
         var _this = this;
-        var _a = this.props, value = _a.value, enableNodePath = _a.enableNodePath, _b = _a.pathSeparator, pathSeparator = _b === void 0 ? '/' : _b, disabled = _a.disabled, joinValues = _a.joinValues, extractValue = _a.extractValue, delimiter = _a.delimiter, placeholder = _a.placeholder, options = _a.options, multiple = _a.multiple, valueField = _a.valueField, initiallyOpen = _a.initiallyOpen, unfoldedLevel = _a.unfoldedLevel, withChildren = _a.withChildren, rootLabel = _a.rootLabel, cascade = _a.cascade, rootValue = _a.rootValue, showIcon = _a.showIcon, showRadio = _a.showRadio, popOverContainer = _a.popOverContainer, onlyChildren = _a.onlyChildren, ns = _a.classPrefix, optionsPlaceholder = _a.optionsPlaceholder, searchable = _a.searchable, autoComplete = _a.autoComplete, maxLength = _a.maxLength, minLength = _a.minLength, labelField = _a.labelField, nodePath = _a.nodePath, __ = _a.translate, deferLoad = _a.deferLoad, expandTreeOptions = _a.expandTreeOptions;
+        var _a = this.props, value = _a.value, enableNodePath = _a.enableNodePath, _b = _a.pathSeparator, pathSeparator = _b === void 0 ? '/' : _b, disabled = _a.disabled, joinValues = _a.joinValues, extractValue = _a.extractValue, delimiter = _a.delimiter, placeholder = _a.placeholder, options = _a.options, multiple = _a.multiple, valueField = _a.valueField, initiallyOpen = _a.initiallyOpen, unfoldedLevel = _a.unfoldedLevel, withChildren = _a.withChildren, rootLabel = _a.rootLabel, cascade = _a.cascade, rootValue = _a.rootValue, showIcon = _a.showIcon, showRadio = _a.showRadio, popOverContainer = _a.popOverContainer, onlyChildren = _a.onlyChildren, ns = _a.classPrefix, optionsPlaceholder = _a.optionsPlaceholder, searchable = _a.searchable, autoComplete = _a.autoComplete, maxLength = _a.maxLength, minLength = _a.minLength, labelField = _a.labelField, nodePath = _a.nodePath, onAdd = _a.onAdd, creatable = _a.creatable, createTip = _a.createTip, addControls = _a.addControls, onEdit = _a.onEdit, editable = _a.editable, editTip = _a.editTip, editControls = _a.editControls, removable = _a.removable, removeTip = _a.removeTip, onDelete = _a.onDelete, rootCreatable = _a.rootCreatable, rootCreateTip = _a.rootCreateTip, __ = _a.translate, deferLoad = _a.deferLoad, expandTreeOptions = _a.expandTreeOptions;
         var filtedOptions = !(0, api_1.isEffectiveApi)(autoComplete) && searchable && this.state.inputValue
             ? this.filterOptions(options, this.state.inputValue)
             : options;
@@ -263,7 +263,7 @@ var TreeSelectControl = /** @class */ (function (_super) {
             react_1.default.createElement(PopOver_1.default, { classPrefix: ns, className: ns + "TreeSelect-popover", style: {
                     minWidth: this.target ? this.target.offsetWidth : undefined
                 }, onHide: this.close, overlay: true },
-                react_1.default.createElement(Tree_1.default, { classPrefix: ns, onlyChildren: onlyChildren, labelField: labelField, valueField: valueField, disabled: disabled, onChange: this.handleChange, joinValues: joinValues, extractValue: extractValue, delimiter: delimiter, placeholder: __(optionsPlaceholder), options: filtedOptions, highlightTxt: this.state.inputValue, multiple: multiple, initiallyOpen: initiallyOpen, unfoldedLevel: unfoldedLevel, withChildren: withChildren, rootLabel: __(rootLabel), rootValue: rootValue, showIcon: showIcon, showRadio: showRadio, cascade: cascade, foldedField: "collapsed", hideRoot: true, value: value || '', nodePath: nodePath, enableNodePath: enableNodePath, pathSeparator: pathSeparator, maxLength: maxLength, minLength: minLength, onDeferLoad: deferLoad, onExpandTree: expandTreeOptions }))));
+                react_1.default.createElement(Tree_1.default, { classPrefix: ns, onlyChildren: onlyChildren, labelField: labelField, valueField: valueField, disabled: disabled, onChange: this.handleChange, joinValues: joinValues, extractValue: extractValue, delimiter: delimiter, placeholder: __(optionsPlaceholder), options: filtedOptions, highlightTxt: this.state.inputValue, multiple: multiple, initiallyOpen: initiallyOpen, unfoldedLevel: unfoldedLevel, withChildren: withChildren, rootLabel: __(rootLabel), rootValue: rootValue, showIcon: showIcon, showRadio: showRadio, cascade: cascade, foldedField: "collapsed", hideRoot: true, value: value || '', nodePath: nodePath, enableNodePath: enableNodePath, pathSeparator: pathSeparator, maxLength: maxLength, minLength: minLength, onAdd: onAdd, creatable: creatable, createTip: createTip, rootCreatable: rootCreatable, rootCreateTip: rootCreateTip, onEdit: onEdit, editable: editable, editTip: editTip, removable: removable, removeTip: removeTip, onDelete: onDelete, bultinCUD: !addControls && !editControls, onDeferLoad: deferLoad, onExpandTree: expandTreeOptions }))));
     };
     TreeSelectControl.prototype.render = function () {
         var _a = this.props, className = _a.className, disabled = _a.disabled, inline = _a.inline, loading = _a.loading, multiple = _a.multiple, value = _a.value, clearable = _a.clearable, ns = _a.classPrefix, cx = _a.classnames, searchable = _a.searchable, autoComplete = _a.autoComplete, selectedOptions = _a.selectedOptions, placeholder = _a.placeholder, __ = _a.translate;