UNPKG

ukelli-ui

Version:

ukelli-ui 是基于 React 的 UI 库,提供简约和功能齐全的组件,可高度定制的组件接口,灵活的配置,提供给开发者另一种开发思路,也致力于尝试不同的组件使用和开发方向。

209 lines (195 loc) 6.14 kB
"use strict"; 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;