ukelli-ui
Version:
ukelli-ui 是基于 React 的 UI 库,提供简约和功能齐全的组件,可高度定制的组件接口,灵活的配置,提供给开发者另一种开发思路,也致力于尝试不同的组件使用和开发方向。
209 lines (195 loc) • 6.14 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.records = exports.keyMapperFixed = exports.keyMapper = void 0;
var _react = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _2 = require(".");
var _modal = require("../modal");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
var table;
var action = {
key: 'action',
filter: function filter(str, item) {
return _react["default"].createElement("div", null, _react["default"].createElement("span", {
onClick: function onClick(e) {
return (0, _modal.ShowModal)({
children: _react["default"].createElement(_2.DescHelper, {
keyMapper: keyMapper,
record: item
})
});
},
className: "link-btn"
}, "\u8BE6\u60C5"), _react["default"].createElement("span", {
onClick: function onClick(e) {
return (0, _modal.ShowModal)({
width: 1000,
children: _react["default"].createElement(_2.Table, {
keyMapper: keyMapper,
ref: function ref(e) {
return table = e;
},
whenCheckAction: _react["default"].createElement("span", {
className: "btn theme mu10",
onClick: function onClick(e) {
return table.clearCheckeds();
}
}, "\u6E05\u9664\u6240\u6709\u7684\u4EE5\u9009\u4E2D\u9879"),
needCheck: true,
needCount: true,
records: records
})
});
},
className: "link-btn t_red"
}, "\u5F39\u51FA\u8868\u683C"));
}
};
var keyMapper = [{
key: 'username',
tips: ['可以是数组1', '可以是数组2', '可以是数组3'],
title: function title() {
return _react["default"].createElement("span", null, "\u4F7F\u7528 func title \u8FD4\u56DE\u8868\u5934");
},
namesMapper: {
alex: '埃里克斯',
chili: '吃梨',
dove: '德芙'
}
}, {
key: 'age',
selectable: false,
count: false
}, {
key: 'property',
selectable: false
}, {
key: 'add',
labels: {
cn: 'red'
},
namesMapper: {
cn: '中国',
uk: '英国'
}
}, // {key: 'birth1', date: 1},
// {key: 'birth2', date: 1},
// {key: 'birth3', date: 1},
// {key: 'birth4', date: 1},
{
key: 'obj',
filter: function filter(_, item) {
return _.account;
}
}, {
key: 'status',
title: {
type: 'selector',
values: {
normal: '正常',
abnormal: '异常'
},
onChange: function onChange(val) {
console.log(val);
}
}
}];
exports.keyMapper = keyMapper;
var keyMapperMiddle = [].concat(keyMapper).slice(1, keyMapper.length);
var keyMapperFixed = [{
key: 'username',
fixed: 'left',
tips: ['可以是数组1', '可以是数组2', '可以是数组3'],
title: function title() {
return _react["default"].createElement("span", null, "\u4F7F\u7528 func title \u8FD4\u56DE\u8868\u5934");
},
namesMapper: {
alex: '埃里克斯',
chili: '吃梨',
dove: '德芙'
}
}].concat(_toConsumableArray(keyMapperMiddle), [_objectSpread({}, action, {
fixed: 'right'
})]);
exports.keyMapperFixed = keyMapperFixed;
var records = [{
id: 1,
username: 'alex',
age: '100',
property: '100,000',
add: 'cn',
obj: {
account: 123
},
birth: new Date('1999-01-01')
}, {
id: 2,
username: 'chili',
age: '102',
property: '200,000',
add: 'cn',
obj: {
account: 123
},
birth: new Date('1999-01-01')
}, {
id: 3,
username: 'dove',
property: '300,000',
age: '50',
add: 'cn',
obj: {
account: 123
},
birth: new Date('1999-01-01')
}, {
id: 4,
username: 'susam',
property: '400,000',
age: '20',
add: 'uk',
obj: {
account: 123
},
birth: new Date('1999-01-01')
}, {
id: 5,
username: 'susam',
property: '400,000',
age: '20',
add: 'uk',
obj: {
account: 123
},
birth: new Date('1999-01-01')
}, {
id: 6,
username: 'susam',
property: '400,000',
age: '20',
add: 'cn1241241241257172590812903890128590127095712905709125u012',
obj: {
account: 123
},
birth: new Date('1999-01-01')
}, {
id: 7,
username: 'susam',
property: '400,000',
age: '20',
add: 'cn124124124125717259081290389',
obj: {
account: 123
},
birth: new Date('1999-01-01')
}];
exports.records = records;