amis 1.9.1-beta.12 → 1.9.1-beta.21
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +1 -1
- package/lib/components/AssociatedSelection.d.ts +40 -40
- package/lib/components/Badge.d.ts +1 -1
- package/lib/components/Badge.js.map +1 -1
- package/lib/components/ChainedSelection.d.ts +40 -40
- package/lib/components/GroupedSelection.d.ts +40 -40
- package/lib/components/GroupedSelection.js +3 -2
- package/lib/components/GroupedSelection.js.map +2 -2
- package/lib/components/PickerContainer.d.ts +1 -0
- package/lib/components/PickerContainer.js +4 -4
- package/lib/components/PickerContainer.js.map +2 -2
- package/lib/components/Radios.d.ts +10 -10
- package/lib/components/ResultBox.d.ts +44 -40
- package/lib/components/ResultBox.js +40 -6
- package/lib/components/ResultBox.js.map +2 -2
- package/lib/components/ResultList.d.ts +43 -53
- package/lib/components/ResultList.js +34 -22
- package/lib/components/ResultList.js.map +2 -2
- package/lib/components/ResultTableList.d.ts +40 -40
- package/lib/components/ResultTableList.js +16 -17
- package/lib/components/ResultTableList.js.map +2 -2
- package/lib/components/ResultTreeList.d.ts +40 -40
- package/lib/components/Select.d.ts +498 -294
- package/lib/components/Select.js +58 -10
- package/lib/components/Select.js.map +2 -2
- package/lib/components/Selection.d.ts +41 -40
- package/lib/components/Selection.js.map +2 -2
- package/lib/components/TableSelection.d.ts +42 -40
- package/lib/components/TableSelection.js +7 -2
- package/lib/components/TableSelection.js.map +2 -2
- package/lib/components/TabsTransfer.d.ts +2 -2
- package/lib/components/TabsTransfer.js.map +1 -1
- package/lib/components/TooltipWrapper.d.ts +1 -1
- package/lib/components/TooltipWrapper.js.map +2 -2
- package/lib/components/Transfer.d.ts +40 -40
- package/lib/components/Transfer.js +1 -1
- package/lib/components/Transfer.js.map +2 -2
- package/lib/components/TransferDropDown.d.ts +43 -40
- package/lib/components/TransferDropDown.js +2 -2
- package/lib/components/TransferDropDown.js.map +2 -2
- package/lib/components/TreeSelection.d.ts +40 -40
- package/lib/components/TreeSelection.js +3 -2
- package/lib/components/TreeSelection.js.map +2 -2
- package/lib/components/formula/Editor.d.ts +45 -41
- package/lib/components/formula/Editor.js +8 -2
- package/lib/components/formula/Editor.js.map +2 -2
- package/lib/components/formula/Picker.d.ts +43 -41
- package/lib/components/formula/Picker.js +40 -20
- package/lib/components/formula/Picker.js.map +2 -2
- package/lib/components/formula/VariableList.d.ts +2 -0
- package/lib/components/formula/VariableList.js +15 -5
- package/lib/components/formula/VariableList.js.map +2 -2
- package/lib/components/index.d.ts +3 -1
- package/lib/components/index.js +5 -1
- package/lib/components/index.js.map +2 -2
- package/lib/components/schema-editor/SchemaVariableList.d.ts +1 -0
- package/lib/components/schema-editor/SchemaVariableList.js +2 -2
- package/lib/components/schema-editor/SchemaVariableList.js.map +2 -2
- package/lib/components/schema-editor/SchemaVariableListPicker.d.ts +1 -0
- package/lib/components/schema-editor/SchemaVariableListPicker.js +2 -2
- package/lib/components/schema-editor/SchemaVariableListPicker.js.map +2 -2
- package/lib/components/table/HeadCellFilter.js +4 -1
- package/lib/components/table/HeadCellFilter.js.map +2 -2
- package/lib/components/table/HeadCellSort.js +30 -24
- package/lib/components/table/HeadCellSort.js.map +2 -2
- package/lib/components/table/index.d.ts +6 -3
- package/lib/components/table/index.js +72 -86
- package/lib/components/table/index.js.map +2 -2
- package/lib/index.js +1 -1
- package/lib/locale/de-DE.js +1 -1
- package/lib/locale/de-DE.js.map +2 -2
- package/lib/locale/en-US.js +1 -1
- package/lib/locale/en-US.js.map +2 -2
- package/lib/locale/zh-CN.js +1 -1
- package/lib/locale/zh-CN.js.map +2 -2
- package/lib/renderers/Action.d.ts +21 -4
- package/lib/renderers/Action.js +44 -20
- package/lib/renderers/Action.js.map +2 -2
- package/lib/renderers/Breadcrumb.js +2 -2
- package/lib/renderers/Breadcrumb.js.map +2 -2
- package/lib/renderers/CRUD.js +3 -0
- package/lib/renderers/CRUD.js.map +2 -2
- package/lib/renderers/Form/InputFormula.d.ts +5 -1
- package/lib/renderers/Form/InputFormula.js +2 -2
- package/lib/renderers/Form/InputFormula.js.map +2 -2
- package/lib/renderers/Form/InputImage.js.map +2 -2
- package/lib/renderers/Form/InputTag.d.ts +8 -0
- package/lib/renderers/Form/InputTag.js +2 -2
- package/lib/renderers/Form/InputTag.js.map +2 -2
- package/lib/renderers/Form/InputTree.d.ts +4 -0
- package/lib/renderers/Form/InputTree.js +2 -2
- package/lib/renderers/Form/InputTree.js.map +2 -2
- package/lib/renderers/Form/Picker.d.ts +1 -1
- package/lib/renderers/Form/Picker.js +38 -23
- package/lib/renderers/Form/Picker.js.map +2 -2
- package/lib/renderers/Form/Select.d.ts +19 -0
- package/lib/renderers/Form/Select.js +2 -2
- package/lib/renderers/Form/Select.js.map +2 -2
- package/lib/renderers/Form/Transfer.d.ts +1 -0
- package/lib/renderers/Form/Transfer.js +4 -0
- package/lib/renderers/Form/Transfer.js.map +2 -2
- package/lib/renderers/Form/wrapControl.js +10 -10
- package/lib/renderers/Form/wrapControl.js.map +2 -2
- package/lib/renderers/QRCode.d.ts +16 -0
- package/lib/renderers/QRCode.js +25 -1
- package/lib/renderers/QRCode.js.map +2 -2
- package/lib/renderers/Service.js +0 -1
- package/lib/renderers/Service.js.map +2 -2
- package/lib/renderers/Steps.d.ts +2 -2
- package/lib/renderers/Steps.js +1 -1
- package/lib/renderers/Steps.js.map +2 -2
- package/lib/renderers/Table/exportExcel.js +50 -36
- package/lib/renderers/Table/exportExcel.js.map +2 -2
- package/lib/renderers/Table/index.js +2 -1
- package/lib/renderers/Table/index.js.map +2 -2
- package/lib/renderers/Table-v2/HeadCellSearchDropdown.d.ts +1 -1
- package/lib/renderers/Table-v2/HeadCellSearchDropdown.js +38 -24
- package/lib/renderers/Table-v2/HeadCellSearchDropdown.js.map +2 -2
- package/lib/renderers/Table-v2/index.d.ts +10 -4
- package/lib/renderers/Table-v2/index.js +109 -58
- package/lib/renderers/Table-v2/index.js.map +2 -2
- package/lib/renderers/Tabs.d.ts +6 -2
- package/lib/renderers/Tabs.js +21 -0
- package/lib/renderers/Tabs.js.map +2 -2
- package/lib/store/table-v2.d.ts +210 -4
- package/lib/store/table-v2.js +82 -5
- package/lib/store/table-v2.js.map +2 -2
- package/lib/themes/ang-ie11.css +140 -44
- package/lib/themes/ang.css +140 -33
- package/lib/themes/ang.css.map +1 -1
- package/lib/themes/antd-ie11.css +140 -44
- package/lib/themes/antd.css +140 -33
- package/lib/themes/antd.css.map +1 -1
- package/lib/themes/cxd-ie11.css +297 -197
- package/lib/themes/cxd.css +151 -38
- package/lib/themes/cxd.css.map +1 -1
- package/lib/themes/dark-ie11.css +140 -44
- package/lib/themes/dark.css +140 -33
- package/lib/themes/dark.css.map +1 -1
- package/lib/themes/default-ie11.css +297 -197
- package/lib/themes/default.css +151 -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/formula.js +7 -5
- package/lib/utils/formula.js.map +2 -2
- package/lib/utils/helper.d.ts +1 -0
- package/lib/utils/helper.js +11 -1
- package/lib/utils/helper.js.map +2 -2
- package/package.json +2 -2
- package/schema.json +103 -35
- package/scss/_properties.scss +11 -6
- package/scss/components/_formula.scss +45 -4
- package/scss/components/_modal.scss +1 -1
- package/scss/components/_result-box.scss +34 -2
- package/scss/components/form/_checks.scss +47 -44
- package/scss/components/form/_date.scss +28 -19
- package/scss/components/form/_icon-picker.scss +10 -6
- package/scss/components/form/_select.scss +77 -34
- package/scss/components/form/_selection.scss +9 -6
- package/scss/components/form/_switch.scss +1 -0
- package/scss/components/form/_text.scss +2 -0
- package/scss/components/form/_transfer.scss +2 -1
- package/scss/themes/_cxd-variables.scss +3 -1
- package/scss/themes/cxd.scss +9 -6
- package/sdk/ang-ie11.css +159 -46
- package/sdk/ang.css +159 -35
- package/sdk/antd-ie11.css +159 -46
- package/sdk/antd.css +159 -35
- package/sdk/barcode.js +51 -51
- package/sdk/charts.js +14 -14
- package/sdk/codemirror.js +7 -7
- package/sdk/color-picker.js +65 -65
- package/sdk/cropperjs.js +2 -2
- package/sdk/cxd-ie11.css +317 -199
- package/sdk/cxd.css +171 -40
- package/sdk/dark-ie11.css +159 -46
- package/sdk/dark.css +159 -35
- package/sdk/exceljs.js +1 -1
- package/sdk/locale/de-DE.js +2 -2
- package/sdk/markdown.js +69 -69
- package/sdk/papaparse.js +1 -1
- package/sdk/renderers/Form/CityDB.js +1 -1
- package/sdk/rest.js +16 -16
- package/sdk/rich-text.js +62 -62
- package/sdk/sdk-ie11.css +317 -199
- package/sdk/sdk.css +171 -40
- package/sdk/sdk.js +1353 -1351
- 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/components/Badge.tsx +1 -1
- package/src/components/GroupedSelection.tsx +3 -2
- package/src/components/PickerContainer.tsx +13 -8
- package/src/components/ResultBox.tsx +95 -11
- package/src/components/ResultList.tsx +48 -51
- package/src/components/ResultTableList.tsx +32 -33
- package/src/components/Select.tsx +138 -17
- package/src/components/Selection.tsx +1 -0
- package/src/components/TableSelection.tsx +15 -8
- package/src/components/TabsTransfer.tsx +2 -2
- package/src/components/TooltipWrapper.tsx +20 -14
- package/src/components/Transfer.tsx +0 -4
- package/src/components/TransferDropDown.tsx +9 -1
- package/src/components/TreeSelection.tsx +2 -1
- package/src/components/formula/Editor.tsx +17 -2
- package/src/components/formula/Picker.tsx +44 -7
- package/src/components/formula/VariableList.tsx +36 -2
- package/src/components/index.tsx +4 -0
- package/src/components/schema-editor/SchemaVariableList.tsx +4 -2
- package/src/components/schema-editor/SchemaVariableListPicker.tsx +4 -1
- package/src/components/table/HeadCellFilter.tsx +4 -1
- package/src/components/table/HeadCellSort.tsx +1 -1
- package/src/components/table/index.tsx +66 -90
- package/src/locale/de-DE.ts +2 -2
- package/src/locale/en-US.ts +2 -2
- package/src/locale/zh-CN.ts +1 -1
- package/src/renderers/Action.tsx +64 -19
- package/src/renderers/Breadcrumb.tsx +11 -12
- package/src/renderers/CRUD.tsx +2 -0
- package/src/renderers/Form/InputFormula.tsx +9 -2
- package/src/renderers/Form/InputImage.tsx +4 -2
- package/src/renderers/Form/InputTag.tsx +14 -0
- package/src/renderers/Form/InputTree.tsx +7 -0
- package/src/renderers/Form/Picker.tsx +11 -1
- package/src/renderers/Form/Select.tsx +32 -1
- package/src/renderers/Form/Transfer.tsx +6 -0
- package/src/renderers/Form/wrapControl.tsx +10 -10
- package/src/renderers/QRCode.tsx +50 -1
- package/src/renderers/Service.tsx +0 -1
- package/src/renderers/Steps.tsx +5 -5
- package/src/renderers/Table/exportExcel.ts +29 -12
- package/src/renderers/Table/index.tsx +9 -7
- package/src/renderers/Table-v2/HeadCellSearchDropdown.tsx +14 -9
- package/src/renderers/Table-v2/index.tsx +130 -58
- package/src/renderers/Tabs.tsx +33 -3
- package/src/store/table-v2.ts +104 -7
- package/src/types.ts +2 -1
- package/src/utils/formula.ts +7 -5
- package/src/utils/helper.ts +12 -2
@@ -8,12 +8,12 @@ var tslib_1 = require("tslib");
|
|
8
8
|
var react_1 = (0, tslib_1.__importDefault)(require("react"));
|
9
9
|
var sortablejs_1 = (0, tslib_1.__importDefault)(require("sortablejs"));
|
10
10
|
var react_dom_1 = require("react-dom");
|
11
|
+
var lodash_1 = require("lodash");
|
11
12
|
var Select_1 = require("./Select");
|
12
13
|
var theme_1 = require("../theme");
|
13
14
|
var icons_1 = require("./icons");
|
14
15
|
var helper_1 = require("../utils/helper");
|
15
16
|
var locale_1 = require("../locale");
|
16
|
-
var Selection_1 = require("./Selection");
|
17
17
|
var TransferSearch_1 = (0, tslib_1.__importDefault)(require("./TransferSearch"));
|
18
18
|
var ResultList = /** @class */ (function (_super) {
|
19
19
|
(0, tslib_1.__extends)(ResultList, _super);
|
@@ -111,26 +111,39 @@ var ResultList = /** @class */ (function (_super) {
|
|
111
111
|
ResultList.prototype.clearSearch = function () {
|
112
112
|
this.setState({ searchResult: null });
|
113
113
|
};
|
114
|
-
//
|
115
|
-
ResultList.prototype.handleCloseItem = function (option) {
|
116
|
-
var _a = this.props, value = _a.value, onChange = _a.onChange,
|
114
|
+
// 删除项
|
115
|
+
ResultList.prototype.handleCloseItem = function (e, option) {
|
116
|
+
var _a = this.props, value = _a.value, onChange = _a.onChange, disabled = _a.disabled, searchable = _a.searchable, _b = _a.valueField, valueField = _b === void 0 ? 'value' : _b;
|
117
117
|
if (disabled || option.disabled) {
|
118
118
|
return;
|
119
119
|
}
|
120
|
-
// 删除普通值
|
121
|
-
var valueArray = Selection_1.BaseSelection.value2array(value, options, option2value);
|
122
|
-
var idx = valueArray.indexOf(option);
|
123
|
-
valueArray.splice(idx, 1);
|
124
|
-
var newValue = option2value
|
125
|
-
? valueArray.map(function (item) { return option2value(item); })
|
126
|
-
: valueArray;
|
127
|
-
onChange && onChange(newValue);
|
128
120
|
var searchResult = this.state.searchResult;
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
121
|
+
// 结果搜索
|
122
|
+
if (searchable && searchResult) {
|
123
|
+
// 删除普通值
|
124
|
+
var valueArray = (0, lodash_1.cloneDeep)(value) || [];
|
125
|
+
var idx = valueArray.findIndex(function (item) { return item[valueField] === option[valueField]; });
|
126
|
+
if (idx > -1) {
|
127
|
+
valueArray.splice(idx, 1);
|
128
|
+
onChange && onChange(valueArray);
|
129
|
+
}
|
130
|
+
// 删除搜索结果
|
131
|
+
var searchIdx = parseInt(e.currentTarget.getAttribute('data-index'), 10);
|
132
|
+
if (searchIdx > -1) {
|
133
|
+
searchResult.splice(searchIdx, 1);
|
134
|
+
this.setState({ searchResult: searchResult });
|
135
|
+
}
|
136
|
+
}
|
137
|
+
// 没有搜索,走旧的删除方式
|
138
|
+
else {
|
139
|
+
var index = parseInt(e.currentTarget.getAttribute('data-index'), 10);
|
140
|
+
var _c = this.props, value_1 = _c.value, onChange_1 = _c.onChange;
|
141
|
+
if (!Array.isArray(value_1)) {
|
142
|
+
return;
|
143
|
+
}
|
144
|
+
var newValue = value_1.concat();
|
145
|
+
newValue.splice(index, 1);
|
146
|
+
onChange_1 === null || onChange_1 === void 0 ? void 0 : onChange_1(newValue);
|
134
147
|
}
|
135
148
|
};
|
136
149
|
ResultList.prototype.renderNormalList = function (value) {
|
@@ -144,10 +157,9 @@ var ResultList = /** @class */ (function (_super) {
|
|
144
157
|
onChange: _this.handleValueChange.bind(_this, index)
|
145
158
|
})),
|
146
159
|
!disabled ? (react_1.default.createElement("a", { className: cx('Selections-delBtn'), "data-index": index, onClick: function (e) {
|
147
|
-
return _this.handleCloseItem(option);
|
160
|
+
return _this.handleCloseItem(e, option);
|
148
161
|
} },
|
149
|
-
react_1.default.createElement(icons_1.Icon, { icon: "close", className: "icon" }))) : null)); }))) :
|
150
|
-
(react_1.default.createElement("div", { className: cx('Selections-placeholder') }, __(placeholder)))));
|
162
|
+
react_1.default.createElement(icons_1.Icon, { icon: "close", className: "icon" }))) : null)); }))) : (react_1.default.createElement("div", { className: cx('Selections-placeholder') }, __(placeholder)))));
|
151
163
|
};
|
152
164
|
ResultList.prototype.render = function () {
|
153
165
|
var _a = this.props, cx = _a.classnames, className = _a.className, title = _a.title, searchable = _a.searchable, value = _a.value, __ = _a.translate, _b = _a.placeholder, placeholder = _b === void 0 ? __('Transfer.searchKeyword') : _b;
|
@@ -157,7 +169,7 @@ var ResultList = /** @class */ (function (_super) {
|
|
157
169
|
searchable ? (react_1.default.createElement(TransferSearch_1.default, { placeholder: placeholder, onSearch: this.search, onCancelSearch: this.clearSearch })) : null,
|
158
170
|
this.renderNormalList(searchResult !== null ? searchResult : value)));
|
159
171
|
};
|
160
|
-
var _a;
|
172
|
+
var _a, _b;
|
161
173
|
ResultList.defaultProps = {
|
162
174
|
placeholder: 'placeholder.selectData',
|
163
175
|
itemRender: ResultList.itemRender
|
@@ -177,7 +189,7 @@ var ResultList = /** @class */ (function (_super) {
|
|
177
189
|
(0, tslib_1.__decorate)([
|
178
190
|
helper_1.autobind,
|
179
191
|
(0, tslib_1.__metadata)("design:type", Function),
|
180
|
-
(0, tslib_1.__metadata)("design:paramtypes", [typeof (_a = typeof Select_1.Option !== "undefined" && Select_1.Option) === "function" ?
|
192
|
+
(0, tslib_1.__metadata)("design:paramtypes", [typeof (_a = typeof react_1.default !== "undefined" && react_1.default.MouseEvent) === "function" ? _a : Object, typeof (_b = typeof Select_1.Option !== "undefined" && Select_1.Option) === "function" ? _b : Object]),
|
181
193
|
(0, tslib_1.__metadata)("design:returntype", void 0)
|
182
194
|
], ResultList.prototype, "handleCloseItem", null);
|
183
195
|
return ResultList;
|
@@ -6,8 +6,8 @@
|
|
6
6
|
"/src/components/ResultList.tsx"
|
7
7
|
],
|
8
8
|
"names": [],
|
9
|
-
"mappings": ";;;;AAAA;;GAEG;AACH,6DAA0B;AAC1B,uEAAkC;AAClC,uCAAsC;
|
9
|
+
"mappings": "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",
|
10
10
|
"sourcesContent": [
|
11
|
-
"/**\n * 用来显示选择结果,垂直显示。支持移出、排序等操作。\n */\nimport React from 'react';\nimport Sortable from 'sortablejs';\nimport {findDOMNode} from 'react-dom';\n\nimport {Option, Options} from './Select';\nimport {ThemeProps, themeable} from '../theme';\nimport {Icon} from './icons';\nimport {autobind, guid} from '../utils/helper';\nimport {LocaleProps, localeable} from '../locale';\nimport
|
11
|
+
"/**\n * 用来显示选择结果,垂直显示。支持移出、排序等操作。\n */\nimport React from 'react';\nimport Sortable from 'sortablejs';\nimport {findDOMNode} from 'react-dom';\nimport {cloneDeep} from 'lodash';\n\nimport {Option, Options} from './Select';\nimport {ThemeProps, themeable} from '../theme';\nimport {Icon} from './icons';\nimport {autobind, guid} from '../utils/helper';\nimport {LocaleProps, localeable} from '../locale';\nimport TransferSearch from './TransferSearch';\n\nexport interface ResultListProps extends ThemeProps, LocaleProps {\n className?: string;\n value?: Array<Option>;\n onChange?: (value: Array<Option>, optionModified?: boolean) => void;\n sortable?: boolean;\n disabled?: boolean;\n title?: string;\n placeholder: string;\n itemRender: (option: Option, states: ItemRenderStates) => JSX.Element;\n itemClassName?: string;\n searchable?: boolean;\n onSearch?: Function;\n valueField?: string;\n}\n\nexport interface ItemRenderStates {\n index: number;\n disabled?: boolean;\n onChange: (value: any, name: string) => void;\n}\n\ninterface ResultListState {\n searchResult: Options | null;\n}\n\nexport class ResultList extends React.Component<\n ResultListProps,\n ResultListState\n> {\n static itemRender(option: any) {\n return <span>{`${option.scopeLabel || ''}${option.label}`}</span>;\n }\n\n static defaultProps: Pick<ResultListProps, 'placeholder' | 'itemRender'> = {\n placeholder: 'placeholder.selectData',\n itemRender: ResultList.itemRender\n };\n\n state: ResultListState = {\n searchResult: null\n };\n\n cancelSearch?: () => void;\n id = guid();\n sortable?: Sortable;\n unmounted = false;\n\n componentDidMount() {\n this.props.sortable && this.initSortable();\n }\n\n componentDidUpdate() {\n if (this.props.sortable) {\n this.sortable || this.initSortable();\n } else {\n this.desposeSortable();\n }\n }\n\n componentWillUnmount() {\n this.desposeSortable();\n this.unmounted = true;\n }\n\n initSortable() {\n const ns = this.props.classPrefix;\n const dom = findDOMNode(this) as HTMLElement;\n const container = dom.querySelector(\n `.${ns}Selections-items`\n ) as HTMLElement;\n\n if (!container) {\n return;\n }\n\n this.sortable = new Sortable(container, {\n group: `selections-${this.id}`,\n animation: 150,\n handle: `.${ns}Selections-dragbar`,\n ghostClass: `${ns}Selections-item--dragging`,\n onEnd: (e: any) => {\n // 没有移动\n if (e.newIndex === e.oldIndex) {\n return;\n }\n\n // 换回来\n const parent = e.to as HTMLElement;\n if (\n e.newIndex < e.oldIndex &&\n e.oldIndex < parent.childNodes.length - 1\n ) {\n parent.insertBefore(e.item, parent.childNodes[e.oldIndex + 1]);\n } else if (e.oldIndex < parent.childNodes.length - 1) {\n parent.insertBefore(e.item, parent.childNodes[e.oldIndex]);\n } else {\n parent.appendChild(e.item);\n }\n\n const value = this.props.value;\n if (!Array.isArray(value)) {\n return;\n }\n const newValue = value.concat();\n newValue.splice(e.newIndex, 0, newValue.splice(e.oldIndex, 1)[0]);\n this.props.onChange?.(newValue);\n }\n });\n }\n\n desposeSortable() {\n this.sortable?.destroy();\n delete this.sortable;\n }\n\n handleValueChange(index: number, value: any, name: string) {\n if (typeof name !== 'string') {\n return;\n }\n const {value: list, onChange} = this.props;\n\n const result = Array.isArray(list) ? list.concat() : [];\n if (!result[index]) {\n return;\n }\n result.splice(index, 1, {\n ...result[index],\n [name]: value\n });\n onChange?.(result, true);\n }\n\n @autobind\n search(inputValue: string) {\n const {onSearch, value} = this.props;\n const searchResult = (value || []).filter(\n item => onSearch && onSearch(inputValue, item)\n );\n this.setState({searchResult});\n }\n\n @autobind\n clearSearch() {\n this.setState({searchResult: null});\n }\n\n // 删除项\n @autobind\n handleCloseItem(e: React.MouseEvent<HTMLElement>, option: Option) {\n const {\n value,\n onChange,\n disabled,\n searchable,\n valueField = 'value'\n } = this.props;\n\n if (disabled || option.disabled) {\n return;\n }\n\n const {searchResult} = this.state;\n // 结果搜索\n if (searchable && searchResult) {\n // 删除普通值\n const valueArray = cloneDeep(value) || [];\n const idx = valueArray.findIndex(\n (item: Option) => item[valueField] === option[valueField]\n );\n if (idx > -1) {\n valueArray.splice(idx, 1);\n onChange && onChange(valueArray);\n }\n // 删除搜索结果\n const searchIdx = parseInt(e.currentTarget.getAttribute('data-index')!, 10);\n if (searchIdx > -1) {\n searchResult.splice(searchIdx, 1);\n this.setState({searchResult});\n }\n }\n // 没有搜索,走旧的删除方式\n else {\n const index = parseInt(e.currentTarget.getAttribute('data-index')!, 10);\n const {value, onChange} = this.props;\n\n if (!Array.isArray(value)) {\n return;\n }\n\n const newValue = value.concat();\n newValue.splice(index, 1);\n onChange?.(newValue);\n }\n }\n\n renderNormalList(value?: Options) {\n const {\n classnames: cx,\n placeholder,\n itemRender,\n disabled,\n itemClassName,\n sortable,\n translate: __\n } = this.props;\n\n return (\n <>\n {Array.isArray(value) && value.length ? (\n <div className={cx('Selections-items')}>\n {value.map((option, index) => (\n <div\n className={cx(\n 'Selections-item',\n itemClassName,\n option?.className\n )}\n key={index}\n >\n {sortable && !disabled && value.length > 1 ? (\n <Icon\n className={cx('Selections-dragbar icon')}\n icon=\"drag-bar\"\n />\n ) : null}\n\n <label>\n {itemRender(option, {\n index,\n disabled,\n onChange: this.handleValueChange.bind(this, index)\n })}\n </label>\n\n {!disabled ? (\n <a\n className={cx('Selections-delBtn')}\n data-index={index}\n onClick={(e: React.MouseEvent<HTMLElement>) =>\n this.handleCloseItem(e, option)\n }\n >\n <Icon icon=\"close\" className=\"icon\" />\n </a>\n ) : null}\n </div>\n ))}\n </div>\n ) : (\n <div className={cx('Selections-placeholder')}>{__(placeholder)}</div>\n )}\n </>\n );\n }\n\n render() {\n const {\n classnames: cx,\n className,\n title,\n searchable,\n value,\n translate: __,\n placeholder = __('Transfer.searchKeyword')\n } = this.props;\n\n const {searchResult} = this.state;\n\n return (\n <div className={cx('Selections', className)}>\n {title ? <div className={cx('Selections-title')}>{title}</div> : null}\n {searchable ? (\n <TransferSearch\n placeholder={placeholder}\n onSearch={this.search}\n onCancelSearch={this.clearSearch}\n />\n ) : null}\n {this.renderNormalList(searchResult !== null ? searchResult : value)}\n </div>\n );\n }\n}\n\nexport default themeable(localeable(ResultList));\n"
|
12
12
|
]
|
13
13
|
}
|