@alicloud/console-components
Version:
Alibaba Cloud React Components
41 lines (40 loc) • 1.42 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
/**
* title: "带搜索"
* description: "通过 showSearch 属性控制显示搜索框。"
*/
var react_1 = __importDefault(require("react"));
var console_components_1 = require("@alicloud/console-components");
var labels = [
'默认项',
'默认项',
'默认项',
'聚焦项',
'默认项',
'失效项',
'默认项',
];
var getDataSource = function () {
var result = [];
for (var i = 0; i < 10; i++) {
result.push({
label: labels[i],
value: "".concat(i),
disabled: i === 5,
});
}
return result;
};
var handleChange = function (value, data, extra) {
console.log(value, data, extra);
};
exports.default = (function () {
return (react_1.default.createElement(console_components_1.Transfer, { showSearch: true, mode: "simple", defaultValue: ['3', '2'], defaultLeftChecked: ['1'], dataSource: getDataSource(), onChange: handleChange, titles: [
react_1.default.createElement("span", { style: { fontWeight: 500 } }, "\u9879\u76EE\u5217\u6807\u9898"),
react_1.default.createElement("span", { style: { fontWeight: 500 } }, "\u9879\u76EE\u5217\u6807\u9898"),
] }));
});