@schema-render/search-table-react
Version:
Conditional search table component.
87 lines (86 loc) • 2.7 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "createColumns", {
enumerable: true,
get: function() {
return createColumns;
}
});
var _jsxruntime = require("react/jsx-runtime");
var _icons = require("@ant-design/icons");
var _antd = require("antd");
function createColumns(param) {
var locale = param.locale;
var titleEnum = locale.SearchTable.settingModalColumnEnum;
var sortEnum = locale.SearchTable.settingModalColumnSortEnum;
var columns = [
{
title: titleEnum[0],
dataIndex: 'name',
width: 200
},
{
title: titleEnum[1],
dataIndex: 'hidden',
width: 90,
render: function(value, onChange) {
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Switch, {
checked: !value,
onChange: function(val) {
return onChange(!val);
}
});
}
},
{
title: titleEnum[2],
dataIndex: 'width',
width: 100,
render: function(value, onChange) {
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.InputNumber, {
min: 1,
value: value,
onChange: function(val) {
val ? onChange(val) : undefined;
}
});
}
},
{
title: titleEnum[3],
dataIndex: 'fixed',
width: 60,
algin: 'center',
render: function(value) {
var text = value ? value === 'left' ? sortEnum[0] : sortEnum[1] : sortEnum[2];
var color = value ? value === 'left' ? 'orange' : 'blue' : undefined;
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Tag, {
color: color,
style: {
margin: 0
},
children: text
});
}
},
{
title: titleEnum[4],
dataIndex: 'sort',
width: 50,
algin: 'center',
render: function() {
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Button, {
type: "text",
size: "small",
icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.HolderOutlined, {}),
style: {
cursor: 'move'
}
});
}
}
];
return columns;
}