amis 1.4.2-beta.11 → 1.4.2-beta.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/Schema.d.ts +4 -3
- package/lib/Schema.js.map +1 -1
- package/lib/components/AssociatedSelection.js +2 -2
- package/lib/components/AssociatedSelection.js.map +2 -2
- package/lib/components/Checkbox.d.ts +20 -20
- package/lib/components/Collapse.d.ts +51 -23
- package/lib/components/Collapse.js +69 -11
- package/lib/components/Collapse.js.map +2 -2
- package/lib/components/CollapseGroup.d.ts +88 -0
- package/lib/components/CollapseGroup.js +81 -0
- package/lib/components/CollapseGroup.js.map +13 -0
- package/lib/components/Editor.d.ts +84 -84
- package/lib/components/GridNav.d.ts +52 -0
- package/lib/components/GridNav.js +123 -0
- package/lib/components/GridNav.js.map +13 -0
- package/lib/components/InputBox.d.ts +22 -21
- package/lib/components/InputBox.js +10 -2
- package/lib/components/InputBox.js.map +2 -2
- package/lib/components/ListGroup.d.ts +21 -21
- package/lib/components/PickerColumn.js +3 -3
- package/lib/components/PickerColumn.js.map +2 -2
- package/lib/components/ResultBox.d.ts +84 -84
- package/lib/components/ResultBox.js +10 -2
- package/lib/components/ResultBox.js.map +2 -2
- package/lib/components/Select.js +1 -1
- package/lib/components/Select.js.map +2 -2
- package/lib/components/Selection.js +1 -1
- package/lib/components/Selection.js.map +2 -2
- package/lib/components/Tabs.d.ts +20 -20
- package/lib/components/TabsTransfer.d.ts +84 -84
- package/lib/components/Toast.d.ts +86 -85
- package/lib/components/Toast.js +6 -3
- package/lib/components/Toast.js.map +2 -2
- package/lib/components/Transfer.d.ts +84 -84
- package/lib/components/TransferDropDown.d.ts +85 -84
- package/lib/components/TransferDropDown.js +2 -2
- package/lib/components/TransferDropDown.js.map +2 -2
- package/lib/components/TransferPicker.d.ts +4 -0
- package/lib/components/TransferPicker.js +2 -2
- package/lib/components/TransferPicker.js.map +2 -2
- package/lib/components/Tree.d.ts +115 -84
- package/lib/components/Tree.js +183 -30
- package/lib/components/Tree.js.map +2 -2
- package/lib/components/icons.js +2 -0
- package/lib/components/icons.js.map +2 -2
- package/lib/envOverwrite.d.ts +1 -1
- package/lib/envOverwrite.js +24 -9
- package/lib/envOverwrite.js.map +2 -2
- package/lib/factory.d.ts +11 -1
- package/lib/factory.js +31 -4
- package/lib/factory.js.map +2 -2
- package/lib/icons/download.js +7 -0
- package/lib/icons/drag-bar.js +10 -3
- package/lib/index.d.ts +2 -0
- package/lib/index.js +3 -1
- package/lib/index.js.map +2 -2
- package/lib/locale/en-US.js +1 -0
- package/lib/locale/en-US.js.map +2 -2
- package/lib/locale/zh-CN.js +1 -0
- package/lib/locale/zh-CN.js.map +2 -2
- package/lib/renderers/Collapse.d.ts +25 -20
- package/lib/renderers/Collapse.js +10 -73
- package/lib/renderers/Collapse.js.map +2 -2
- package/lib/renderers/CollapseGroup.d.ts +42 -0
- package/lib/renderers/CollapseGroup.js +33 -0
- package/lib/renderers/CollapseGroup.js.map +13 -0
- package/lib/renderers/Form/InputCity.d.ts +84 -84
- package/lib/renderers/Form/InputFile.d.ts +6 -0
- package/lib/renderers/Form/InputFile.js +18 -4
- package/lib/renderers/Form/InputFile.js.map +2 -2
- package/lib/renderers/Form/Item.js +2 -1
- package/lib/renderers/Form/Item.js.map +2 -2
- package/lib/renderers/Form/Select.d.ts +1 -0
- package/lib/renderers/Form/Select.js +16 -2
- package/lib/renderers/Form/Select.js.map +2 -2
- package/lib/renderers/Form/Transfer.js +15 -1
- package/lib/renderers/Form/Transfer.js.map +2 -2
- package/lib/renderers/Form/TransferPicker.d.ts +4 -0
- package/lib/renderers/Form/TransferPicker.js +17 -3
- package/lib/renderers/Form/TransferPicker.js.map +2 -2
- package/lib/renderers/Form/index.d.ts +5 -0
- package/lib/renderers/Form/index.js +4 -2
- package/lib/renderers/Form/index.js.map +2 -2
- package/lib/renderers/GridNav.d.ts +99 -0
- package/lib/renderers/GridNav.js +82 -0
- package/lib/renderers/GridNav.js.map +13 -0
- package/lib/renderers/Table/index.js +1 -1
- package/lib/renderers/Table/index.js.map +2 -2
- package/lib/store/formItem.js +44 -4
- package/lib/store/formItem.js.map +2 -2
- package/lib/store/table.d.ts +1 -0
- package/lib/store/table.js +35 -12
- package/lib/store/table.js.map +2 -2
- package/lib/themes/ang-ie11.css +272 -31
- package/lib/themes/ang.css +272 -31
- package/lib/themes/ang.css.map +1 -1
- package/lib/themes/antd-ie11.css +272 -31
- package/lib/themes/antd.css +272 -31
- package/lib/themes/antd.css.map +1 -1
- package/lib/themes/cxd-ie11.css +279 -38
- package/lib/themes/cxd.css +279 -38
- package/lib/themes/cxd.css.map +1 -1
- package/lib/themes/dark-ie11.css +272 -31
- package/lib/themes/dark.css +272 -31
- package/lib/themes/dark.css.map +1 -1
- package/lib/themes/default.css +279 -38
- package/lib/themes/default.css.map +1 -1
- package/lib/types.d.ts +1 -1
- package/lib/types.js.map +1 -1
- package/lib/utils/api.d.ts +1 -0
- package/lib/utils/api.js +77 -6
- package/lib/utils/api.js.map +2 -2
- package/lib/utils/helper.d.ts +6 -0
- package/lib/utils/helper.js +18 -1
- package/lib/utils/helper.js.map +2 -2
- package/package.json +1 -1
- package/schema.json +297 -55
- package/scss/base/_common.scss +3 -0
- package/scss/components/_anchor-nav.scss +1 -0
- package/scss/components/_collapse-group.scss +11 -0
- package/scss/components/_collapse.scss +33 -22
- package/scss/components/_grid-nav.scss +128 -0
- package/scss/components/_input-box.scss +1 -0
- package/scss/components/_nav.scss +1 -1
- package/scss/components/_picker-columns.scss +1 -0
- package/scss/components/_popover.scss +0 -4
- package/scss/components/_result-box.scss +1 -0
- package/scss/components/_spinner.scss +5 -4
- package/scss/components/_table.scss +6 -0
- package/scss/components/form/_combo.scss +4 -0
- package/scss/components/form/_file.scss +11 -0
- package/scss/components/form/_form.scss +48 -0
- package/scss/components/form/_tree.scss +42 -0
- package/scss/themes/_common.scss +3 -0
- package/scss/themes/_cxd-variables.scss +6 -7
- package/scss/themes/cxd.scss +1 -0
- package/sdk/ang-ie11.css +317 -32
- package/sdk/ang.css +312 -31
- package/sdk/antd-ie11.css +317 -32
- package/sdk/antd.css +312 -31
- package/sdk/charts.js +13 -13
- package/sdk/color-picker.js +65 -65
- package/sdk/cropperjs.js +2 -2
- package/sdk/cxd-ie11.css +323 -36
- package/sdk/cxd.css +319 -38
- package/sdk/dark-ie11.css +317 -32
- package/sdk/dark.css +312 -31
- package/sdk/exceljs.js +1 -1
- package/sdk/iconfont.svg +2513 -0
- package/sdk/iconfont.ttf +0 -0
- package/sdk/iconfont.woff +0 -0
- package/sdk/markdown.js +69 -69
- package/sdk/papaparse.js +1 -1
- package/sdk/renderers/Form/CityDB.js +1 -1
- package/sdk/rest.js +18 -18
- package/sdk/rich-text.js +62 -62
- package/sdk/sdk-ie11.css +323 -36
- package/sdk/sdk.css +319 -38
- package/sdk/sdk.js +1247 -1211
- package/sdk/thirds/hls.js/hls.js +1 -1
- package/sdk/thirds/mpegts.js/mpegts.js +1 -1
- package/sdk/tinymce.js +57 -57
- package/src/Schema.ts +5 -1
- package/src/components/AssociatedSelection.tsx +3 -1
- package/src/components/Collapse.tsx +144 -20
- package/src/components/CollapseGroup.tsx +130 -0
- package/src/components/GridNav.tsx +233 -0
- package/src/components/InputBox.tsx +10 -9
- package/src/components/PickerColumn.tsx +1 -1
- package/src/components/ResultBox.tsx +9 -9
- package/src/components/Select.tsx +1 -1
- package/src/components/Selection.tsx +1 -1
- package/src/components/Toast.tsx +23 -16
- package/src/components/TransferDropDown.tsx +4 -1
- package/src/components/TransferPicker.tsx +7 -0
- package/src/components/Tree.tsx +194 -8
- package/src/components/icons.tsx +2 -0
- package/src/envOverwrite.ts +20 -7
- package/src/factory.tsx +52 -6
- package/src/icons/download.svg +4 -0
- package/src/icons/drag-bar.svg +12 -6
- package/src/index.tsx +2 -0
- package/src/locale/en-US.ts +1 -0
- package/src/locale/zh-CN.ts +1 -0
- package/src/renderers/Collapse.tsx +70 -117
- package/src/renderers/CollapseGroup.tsx +80 -0
- package/src/renderers/Form/InputFile.tsx +36 -4
- package/src/renderers/Form/Item.tsx +2 -1
- package/src/renderers/Form/Select.tsx +22 -4
- package/src/renderers/Form/Transfer.tsx +16 -2
- package/src/renderers/Form/TransferPicker.tsx +25 -3
- package/src/renderers/Form/index.tsx +14 -1
- package/src/renderers/GridNav.tsx +204 -0
- package/src/renderers/Table/index.tsx +1 -2
- package/src/store/formItem.ts +94 -2
- package/src/store/table.ts +55 -14
- package/src/types.ts +1 -1
- package/src/utils/api.ts +93 -6
- package/src/utils/helper.ts +19 -0
- package/tsconfig-for-declaration.json +1 -1
@@ -18,7 +18,7 @@ var TransferDropDown = /** @class */ (function (_super) {
|
|
18
18
|
}
|
19
19
|
TransferDropDown.prototype.render = function () {
|
20
20
|
var _this = this;
|
21
|
-
var _a = this.props, cx = _a.classnames, value = _a.value, __ = _a.translate, disabled = _a.disabled, className = _a.className, onChange = _a.onChange, onSearch = _a.onSearch, multiple = _a.multiple;
|
21
|
+
var _a = this.props, cx = _a.classnames, value = _a.value, __ = _a.translate, disabled = _a.disabled, className = _a.className, onChange = _a.onChange, onSearch = _a.onSearch, multiple = _a.multiple, borderMode = _a.borderMode;
|
22
22
|
var _b = this.state, inputValue = _b.inputValue, searchResult = _b.searchResult;
|
23
23
|
return (react_1.default.createElement(PopOverContainer_1.default, { popOverClassName: cx('TransferDropDown-popover'), popOverRender: function (_a) {
|
24
24
|
var onClose = _a.onClose;
|
@@ -41,7 +41,7 @@ var TransferDropDown = /** @class */ (function (_super) {
|
|
41
41
|
}, multiple: multiple }))));
|
42
42
|
} }, function (_a) {
|
43
43
|
var onClick = _a.onClick, isOpened = _a.isOpened, ref = _a.ref;
|
44
|
-
return (react_1.default.createElement(ResultBox_1.default, { className: cx('TransferDropDown', className, isOpened ? 'is-active' : ''), allowInput: false, result: multiple
|
44
|
+
return (react_1.default.createElement(ResultBox_1.default, { className: cx('TransferDropDown', className, isOpened ? 'is-active' : ''), borderMode: borderMode, allowInput: false, result: multiple
|
45
45
|
? value
|
46
46
|
: (value === null || value === void 0 ? void 0 : value[0])
|
47
47
|
? _this.props.itemRender(value[0])
|
@@ -6,8 +6,8 @@
|
|
6
6
|
"/src/components/TransferDropDown.tsx"
|
7
7
|
],
|
8
8
|
"names": [],
|
9
|
-
"mappings": ";;;;AAAA,oCAAqC;AACrC,kCAAmC;AACnC,uCAAmD;AACnD,iDAA8C;AAC9C,6DAA0B;AAC1B,uEAAoC;AACpC,iCAA6B;AAC7B,qEAAkC;AAClC,qFAAkD;
|
9
|
+
"mappings": ";;;;AAAA,oCAAqC;AACrC,kCAAmC;AACnC,uCAAmD;AACnD,iDAA8C;AAC9C,6DAA0B;AAC1B,uEAAoC;AACpC,iCAA6B;AAC7B,qEAAkC;AAClC,qFAAkD;AAQlD;IAAsC,iDAA+B;IAArE;;IA+FA,CAAC;IA9FC,iCAAM,GAAN;QAAA,iBA6FC;QA5FO,IAAA,KAUF,IAAI,CAAC,KAAK,EATA,EAAE,gBAAA,EACd,KAAK,WAAA,EACM,EAAE,eAAA,EACb,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBACE,CAAC;QACT,IAAA,KAA6B,IAAI,CAAC,KAAK,EAAtC,UAAU,gBAAA,EAAE,YAAY,kBAAc,CAAC;QAE9C,OAAO,CACL,8BAAC,0BAAgB,IACf,gBAAgB,EAAE,EAAE,CAAC,0BAA0B,CAAC,EAChD,aAAa,EAAE,UAAC,EAAS;oBAAR,OAAO,aAAA;gBAAM,OAAA,CAC5B,uCAAK,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC;oBAC3C,QAAQ,CAAC,CAAC,CAAC,CACV,uCAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC;wBACnC,8BAAC,kBAAQ,IACP,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,KAAI,CAAC,YAAY,EAC3B,WAAW,EAAE,EAAE,CAAC,wBAAwB,CAAC,EACzC,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,KAAI,CAAC,mBAAmB,IAElC,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,CACvB,qCAAG,OAAO,EAAE,KAAI,CAAC,iBAAiB;4BAChC,8BAAC,YAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,GAAG,CACpC,CACL,CAAC,CAAC,CAAC,CACF,8BAAC,YAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,GAAG,CACxC,CACQ,CACP,CACP,CAAC,CAAC,CAAC,IAAI;oBACP,YAAY,KAAK,IAAI;wBACpB,CAAC,CAAC,KAAI,CAAC,kBAAkB,iDAClB,KAAI,CAAC,KAAK,KACb,KAAK,OAAA,EACL,QAAQ,EAAE,QAAQ;gCAChB,CAAC,CAAC,QAAQ;gCACV,CAAC,CAAC,UAAC,KAAU;oCACT,OAAO,EAAE,CAAC;oCACV,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;gCACpB,CAAC,EACL,QAAQ,UAAA,IACR;wBACJ,CAAC,CAAC,KAAI,CAAC,aAAa,iDACb,KAAI,CAAC,KAAK,KACb,KAAK,OAAA,EACL,QAAQ,EAAE,QAAQ;gCAChB,CAAC,CAAC,QAAQ;gCACV,CAAC,CAAC,UAAC,KAAU;oCACT,OAAO,EAAE,CAAC;oCACV,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;gCACpB,CAAC,EACL,QAAQ,UAAA,IACR,CACF,CACP;YA7C6B,CA6C7B,IAEA,UAAC,EAAwB;gBAAvB,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,GAAG,SAAA;YAAM,OAAA,CAC7B,8BAAC,mBAAS,IACR,SAAS,EAAE,EAAE,CACX,kBAAkB,EAClB,SAAS,EACT,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAC5B,EACD,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,KAAK,EACjB,MAAM,EACJ,QAAQ;oBACN,CAAC,CAAC,KAAK;oBACP,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC;wBACZ,CAAC,CAAC,KAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;wBACjC,CAAC,CAAC,IAAI,EAEV,cAAc,EAAE,QAAQ,EACxB,aAAa,EAAE,OAAO,EACtB,WAAW,EAAE,EAAE,CAAC,oBAAoB,CAAC,EACrC,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG;gBAER,wCAAM,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC;oBAC1C,8BAAC,YAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,GAAG,CACjC,CACG,CACb;QA1B8B,CA0B9B,CACgB,CACpB,CAAC;IACJ,CAAC;IACH,uBAAC;AAAD,CAAC,AA/FD,CAAsC,mBAAQ,GA+F7C;AA/FY,4CAAgB;AAiG7B,kBAAe,IAAA,iBAAS,EACtB,IAAA,mBAAU,EACR,IAAA,+BAAc,EAAC,gBAAgB,EAAE;IAC/B,KAAK,EAAE,UAAU;CAClB,CAAC,CACH,CACF,CAAC",
|
10
10
|
"sourcesContent": [
|
11
|
-
"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 InputBox from './InputBox';\nimport PopOverContainer from './PopOverContainer';\n\nexport interface TransferDropDownProps extends TransferProps {\n // 新的属性?\n multiple?: boolean;\n}\n\nexport class TransferDropDown extends Transfer<TransferDropDownProps> {\n render() {\n const {\n classnames: cx,\n value,\n translate: __,\n disabled,\n className,\n onChange,\n onSearch,\n multiple\n } = this.props;\n const {inputValue, searchResult} = this.state;\n\n return (\n <PopOverContainer\n popOverClassName={cx('TransferDropDown-popover')}\n popOverRender={({onClose}) => (\n <div className={cx('TransferDropDown-content')}>\n {onSearch ? (\n <div className={cx('Transfer-search')}>\n <InputBox\n value={inputValue}\n onChange={this.handleSearch}\n placeholder={__('Transfer.searchKeyword')}\n clearable={false}\n onKeyDown={this.handleSearchKeyDown}\n >\n {searchResult !== null ? (\n <a onClick={this.handleSeachCancel}>\n <Icon icon=\"close\" className=\"icon\" />\n </a>\n ) : (\n <Icon icon=\"search\" className=\"icon\" />\n )}\n </InputBox>\n </div>\n ) : null}\n {searchResult !== null\n ? this.renderSearchResult({\n ...this.props,\n value,\n onChange: multiple\n ? onChange\n : (value: any) => {\n onClose();\n onChange?.(value);\n },\n multiple\n })\n : this.renderOptions({\n ...this.props,\n value,\n onChange: multiple\n ? onChange\n : (value: any) => {\n onClose();\n onChange?.(value);\n },\n multiple\n })}\n </div>\n )}\n >\n {({onClick, isOpened, ref}) => (\n <ResultBox\n className={cx(\n 'TransferDropDown',\n className,\n isOpened ? 'is-active' : ''\n )}\n allowInput={false}\n result={\n multiple\n ? value\n : value?.[0]\n ? this.props.itemRender(value[0])\n : null\n }\n onResultChange={onChange}\n onResultClick={onClick}\n placeholder={__('Select.placeholder')}\n disabled={disabled}\n ref={ref}\n >\n <span className={cx('TransferDropDown-icon')}>\n <Icon icon=\"caret\" className=\"icon\" />\n </span>\n </ResultBox>\n )}\n </PopOverContainer>\n );\n }\n}\n\nexport default themeable(\n localeable(\n uncontrollable(TransferDropDown, {\n value: 'onChange'\n })\n )\n);\n"
|
11
|
+
"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 InputBox from './InputBox';\nimport PopOverContainer from './PopOverContainer';\n\nexport interface TransferDropDownProps extends TransferProps {\n // 新的属性?\n multiple?: boolean;\n borderMode?: 'full' | 'half' | 'none';\n}\n\nexport class TransferDropDown extends Transfer<TransferDropDownProps> {\n render() {\n const {\n classnames: cx,\n value,\n translate: __,\n disabled,\n className,\n onChange,\n onSearch,\n multiple,\n borderMode\n } = this.props;\n const {inputValue, searchResult} = this.state;\n\n return (\n <PopOverContainer\n popOverClassName={cx('TransferDropDown-popover')}\n popOverRender={({onClose}) => (\n <div className={cx('TransferDropDown-content')}>\n {onSearch ? (\n <div className={cx('Transfer-search')}>\n <InputBox\n value={inputValue}\n onChange={this.handleSearch}\n placeholder={__('Transfer.searchKeyword')}\n clearable={false}\n onKeyDown={this.handleSearchKeyDown}\n >\n {searchResult !== null ? (\n <a onClick={this.handleSeachCancel}>\n <Icon icon=\"close\" className=\"icon\" />\n </a>\n ) : (\n <Icon icon=\"search\" className=\"icon\" />\n )}\n </InputBox>\n </div>\n ) : null}\n {searchResult !== null\n ? this.renderSearchResult({\n ...this.props,\n value,\n onChange: multiple\n ? onChange\n : (value: any) => {\n onClose();\n onChange?.(value);\n },\n multiple\n })\n : this.renderOptions({\n ...this.props,\n value,\n onChange: multiple\n ? onChange\n : (value: any) => {\n onClose();\n onChange?.(value);\n },\n multiple\n })}\n </div>\n )}\n >\n {({onClick, isOpened, ref}) => (\n <ResultBox\n className={cx(\n 'TransferDropDown',\n className,\n isOpened ? 'is-active' : ''\n )}\n borderMode={borderMode}\n allowInput={false}\n result={\n multiple\n ? value\n : value?.[0]\n ? this.props.itemRender(value[0])\n : null\n }\n onResultChange={onChange}\n onResultClick={onClick}\n placeholder={__('Select.placeholder')}\n disabled={disabled}\n ref={ref}\n >\n <span className={cx('TransferDropDown-icon')}>\n <Icon icon=\"caret\" className=\"icon\" />\n </span>\n </ResultBox>\n )}\n </PopOverContainer>\n );\n }\n}\n\nexport default themeable(\n localeable(\n uncontrollable(TransferDropDown, {\n value: 'onChange'\n })\n )\n);\n"
|
12
12
|
]
|
13
13
|
}
|
@@ -3,6 +3,10 @@ import { TransferProps } from './Transfer';
|
|
3
3
|
import React from 'react';
|
4
4
|
export interface TransferPickerProps extends Omit<TransferProps, 'itemRender'> {
|
5
5
|
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
6
|
+
/**
|
7
|
+
* 边框模式,全边框,还是半边框,或者没边框。
|
8
|
+
*/
|
9
|
+
borderMode?: 'full' | 'half' | 'none';
|
6
10
|
}
|
7
11
|
export declare class TransferPicker extends React.Component<TransferPickerProps> {
|
8
12
|
handleClose(): void;
|
@@ -28,13 +28,13 @@ var TransferPicker = /** @class */ (function (_super) {
|
|
28
28
|
this.handleClose();
|
29
29
|
};
|
30
30
|
TransferPicker.prototype.render = function () {
|
31
|
-
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"]);
|
31
|
+
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"]);
|
32
32
|
return (react_1.default.createElement(PickerContainer_1.default, { title: __('Select.placeholder'), popOverRender: function (_a) {
|
33
33
|
var onClose = _a.onClose, value = _a.value, onChange = _a.onChange;
|
34
34
|
return react_1.default.createElement(Transfer_1.default, (0, tslib_1.__assign)({}, rest, { value: value, onChange: onChange }));
|
35
35
|
}, value: value, onConfirm: this.handleConfirm, onCancel: this.handleClose, size: size }, function (_a) {
|
36
36
|
var onClick = _a.onClick, isOpened = _a.isOpened;
|
37
|
-
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 },
|
37
|
+
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 },
|
38
38
|
react_1.default.createElement("span", { className: cx('TransferPicker-icon') },
|
39
39
|
react_1.default.createElement(icons_1.Icon, { icon: "pencil", className: "icon" }))));
|
40
40
|
}));
|
@@ -6,8 +6,8 @@
|
|
6
6
|
"/src/components/TransferPicker.tsx"
|
7
7
|
],
|
8
8
|
"names": [],
|
9
|
-
"mappings": ";;;;AAAA,oCAAqC;AACrC,kCAAmC;AACnC,qEAAmD;AACnD,iDAA8C;AAC9C,6DAA0B;AAC1B,uEAAoC;AACpC,iCAA6B;AAC7B,mFAAgD;AAChD,0CAAyC;
|
9
|
+
"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",
|
10
10
|
"sourcesContent": [
|
11
|
-
"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\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 ...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 >\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"
|
11
|
+
"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"
|
12
12
|
]
|
13
13
|
}
|