amis 1.4.2-beta.1 → 1.4.2-beta.15

package/lib/components/TabsTransferPicker.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransferPicker = void 0;
+var tslib_1 = require("tslib");
+var locale_1 = require("../locale");
+var theme_1 = require("../theme");
+var uncontrollable_1 = require("uncontrollable");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var ResultBox_1 = (0, tslib_1.__importDefault)(require("./ResultBox"));
+var icons_1 = require("./icons");
+var PickerContainer_1 = (0, tslib_1.__importDefault)(require("./PickerContainer"));
+var helper_1 = require("../utils/helper");
+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;
+    }
+    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, rest = (0, tslib_1.__rest)(_a, ["classnames", "value", "translate", "disabled", "className", "onChange", "size"]);
+        return (react_1.default.createElement(PickerContainer_1.default, { title: __('Select.placeholder'), popOverRender: 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 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),
+        (0, tslib_1.__metadata)("design:paramtypes", [Object]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], TransferPicker.prototype, "handleConfirm", null);
+    return TransferPicker;
+}(react_1.default.Component));
+exports.TransferPicker = TransferPicker;
+exports.default = (0, theme_1.themeable)((0, locale_1.localeable)((0, uncontrollable_1.uncontrollable)(TransferPicker, {
+    value: 'onChange'
+})));
+//# sourceMappingURL=./components/TabsTransferPicker.js.map

package/lib/components/TabsTransferPicker.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "TabsTransferPicker.js",
+    "sourceRoot": "",
+    "sources": [
+        "/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,aAAa,EAAE,UAAC,EAA0B;oBAAzB,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;gBACvC,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",
+    "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        popOverRender={({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"
+    ]
+}