amis 1.5.6-beta.4 → 1.5.6-beta.5

package/lib/components/TransferPicker.js

@@ -16,35 +16,22 @@ var TransferPicker = /** @class */ (function (_super) {
     function TransferPicker() {
         return _super !== null && _super.apply(this, arguments) || 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();
     };
     TransferPicker.prototype.render = function () {
         var _a = this.props, cx = _a.classnames, value = _a.value, __ = _a.translate, disabled = _a.disabled, className = _a.className, onChange = _a.onChange, size = _a.size, borderMode = _a.borderMode, rest = (0, tslib_1.__rest)(_a, ["classnames", "value", "translate", "disabled", "className", "onChange", "size", "borderMode"]);
-        return (react_1.default.createElement(PickerContainer_1.default, { title: __('Select.placeholder'), popOverRender: function (_a) {
+        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(Transfer_1.default, (0, tslib_1.__assign)({}, rest, { value: value, onChange: onChange }));
-            }, value: value, onConfirm: this.handleConfirm, onCancel: this.handleClose, size: size }, function (_a) {
+            }, 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, borderMode: borderMode },
                 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/TransferPicker.js.map

@@ -6,8 +6,8 @@
         "/src/components/TransferPicker.tsx"
     ],
     "names": [],
-    "mappings": ";;;;AAAA,oCAAqC;AACrC,kCAAmC;AACnC,qEAAmD;AACnD,iDAA8C;AAC9C,6DAA0B;AAC1B,uEAAoC;AACpC,iCAA6B;AAC7B,mFAAgD;AAChD,0CAAyC;AAYzC;IAAoC,+CAAoC;IAAxE;;IA8DA,CAAC;IA5DC,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,KAUF,IAAI,CAAC,KAAK,EATA,EAAE,gBAAA,EACd,KAAK,WAAA,EACM,EAAE,eAAA,EACb,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,UAAU,gBAAA,EACP,IAAI,2BATH,+FAUL,CAAa,CAAC;QAEf,OAAO,CACL,8BAAC,yBAAe,IACd,KAAK,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAC/B,aAAa,EAAE,UAAC,EAA0B;oBAAzB,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;gBACvC,OAAO,8BAAC,kBAAQ,4BAAK,IAAI,IAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IAAI,CAAC;YAClE,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,EAClB,UAAU,EAAE,UAAU;gBAEtB,wCAAM,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC;oBACxC,8BAAC,YAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,GAAG,CAClC,CACG,CACb;QAnByB,CAmBzB,CACe,CACnB,CAAC;IACJ,CAAC;IA3DD;QADC,iBAAQ;;;;qDAMR;IAGD;QADC,iBAAQ;;;;uDAIR;IAiDH,qBAAC;CAAA,AA9DD,CAAoC,eAAK,CAAC,SAAS,GA8DlD;AA9DY,wCAAc;AAgE3B,kBAAe,IAAA,iBAAS,EACtB,IAAA,mBAAU,EACR,IAAA,+BAAc,EAAC,cAAc,EAAE;IAC7B,KAAK,EAAE,UAAU;CAClB,CAAC,CACH,CACF,CAAC",
+    "mappings": ";;;;AAAA,oCAAqC;AACrC,kCAAmC;AACnC,qEAAmD;AACnD,iDAA8C;AAC9C,6DAA0B;AAC1B,uEAAoC;AACpC,iCAA6B;AAC7B,mFAAgD;AAChD,0CAAyC;AAYzC;IAAoC,+CAAoC;IAAxE;;IAoDA,CAAC;IAlDC,sCAAa,GAAb,UAAc,KAAU;;QACtB,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,+BAAM,GAAN;QACE,IAAM,KAUF,IAAI,CAAC,KAAK,EATA,EAAE,gBAAA,EACd,KAAK,WAAA,EACM,EAAE,eAAA,EACb,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,UAAU,gBAAA,EACP,IAAI,2BATH,+FAUL,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,kBAAQ,4BAAK,IAAI,IAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IAAI,CAAC;YAClE,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,CAAC,aAAa,EAC7B,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,EAClB,UAAU,EAAE,UAAU;gBAEtB,wCAAM,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC;oBACxC,8BAAC,YAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,GAAG,CAClC,CACG,CACb;QAnByB,CAmBzB,CACe,CACnB,CAAC;IACJ,CAAC;IAjDD;QADC,iBAAQ;;;;uDAGR;IAgDH,qBAAC;CAAA,AApDD,CAAoC,eAAK,CAAC,SAAS,GAoDlD;AApDY,wCAAc;AAsD3B,kBAAe,IAAA,iBAAS,EACtB,IAAA,mBAAU,EACR,IAAA,+BAAc,EAAC,cAAc,EAAE;IAC7B,KAAK,EAAE,UAAU;CAClB,CAAC,CACH,CACF,CAAC",
     "sourcesContent": [
-        "import {localeable} from '../locale';\nimport {themeable} from '../theme';\nimport Transfer, {TransferProps} from './Transfer';\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';\n\nexport interface TransferPickerProps extends Omit<TransferProps, 'itemRender'> {\n  // 新的属性？\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';\n\n  /**\n   * 边框模式，全边框，还是半边框，或者没边框。\n   */\n  borderMode?: 'full' | 'half' | 'none';\n}\n\nexport class TransferPicker extends React.Component<TransferPickerProps> {\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      borderMode,\n      ...rest\n    } = this.props;\n\n    return (\n      <PickerContainer\n        title={__('Select.placeholder')}\n        popOverRender={({onClose, value, onChange}) => {\n          return <Transfer {...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            borderMode={borderMode}\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 Transfer, {TransferProps} from './Transfer';\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';\n\nexport interface TransferPickerProps extends Omit<TransferProps, 'itemRender'> {\n  // 新的属性？\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';\n\n  /**\n   * 边框模式，全边框，还是半边框，或者没边框。\n   */\n  borderMode?: 'full' | 'half' | 'none';\n}\n\nexport class TransferPicker extends React.Component<TransferPickerProps> {\n  @autobind\n  handleConfirm(value: any) {\n    this.props.onChange?.(value);\n  }\n\n  render() {\n    const {\n      classnames: cx,\n      value,\n      translate: __,\n      disabled,\n      className,\n      onChange,\n      size,\n      borderMode,\n      ...rest\n    } = this.props;\n\n    return (\n      <PickerContainer\n        title={__('Select.placeholder')}\n        bodyRender={({onClose, value, onChange}) => {\n          return <Transfer {...rest} value={value} onChange={onChange} />;\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            borderMode={borderMode}\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"
     ]
 }