nsn-comp
Version:
NSN核心组件
264 lines (213 loc) • 9.69 kB
JavaScript
import "antd/es/dropdown/style";
import _Dropdown from "antd/es/dropdown";
import "antd/es/menu/style";
import _Menu from "antd/es/menu";
import "antd/es/button/style";
import _Button from "antd/es/button";
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) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
import { DownOutlined, EditOutlined, ReadOutlined } from "@ant-design/icons";
import { NConst } from 'nsn-const';
import { Operation } from "nsn-enum";
import { NArray, NLocale, NStr, NType } from "nsn-util";
import React from "react";
var getBoolValue = function getBoolValue(item, key, record, defValue) {
var boolValue = defValue;
if (NType.isBoolean(item[key]) || NType.isFunction(item[key])) {
if (NType.isFunction(item[key])) {
// @ts-ignore
boolValue = item[key](record);
} else {
// @ts-ignore
boolValue = item[key];
}
}
return boolValue;
};
/**
* 操作列事件处理
*/
var onClickOption = function onClickOption(comp, record, key) {
var _DefaultKeys;
var table = comp.props.table;
var _table$columnsProps = table.columnsProps,
columnsProps = _table$columnsProps === void 0 ? {} : _table$columnsProps;
var option = columnsProps.option;
var menus = [];
if (NType.isArray(option)) {
menus.push.apply(menus, _toConsumableArray(option));
} else if (!NType.isBoolean(option)) {
menus.push.apply(menus, _toConsumableArray((option === null || option === void 0 ? void 0 : option.menus) || []));
}
var DefaultKeys = (_DefaultKeys = {}, _defineProperty(_DefaultKeys, Operation.EDIT, {
editVisible: true,
record: record
}), _defineProperty(_DefaultKeys, Operation.DETAIL, {
detailVisible: true,
record: record
}), _DefaultKeys);
if (DefaultKeys[key]) {
comp.setState(DefaultKeys[key]);
} else {
// 处理其他菜单项的点击事件
var foundItem = menus.find(function (m) {
return m && NStr.isEqual(m.key, key);
});
if (foundItem) {
comp.setState({
record: record
}, function () {
var _foundItem$onClick;
(_foundItem$onClick = foundItem.onClick) === null || _foundItem$onClick === void 0 ? void 0 : _foundItem$onClick.call(foundItem, comp);
});
}
}
};
/**
* 渲染操作列
*/
var OptionsColumn = function OptionsColumn(props) {
var comp = props.comp,
record = props.record;
var table = comp.props.table;
var _table$columnsProps2 = table.columnsProps,
columnsProps = _table$columnsProps2 === void 0 ? {} : _table$columnsProps2;
var option = columnsProps.option; // 没有配置 或者 配置了，但没有配置为隐藏
var hideEditMenu = false;
var editMenuDisabled = undefined;
var hideDetailMenu = true;
var detailMenuDisabled = undefined;
var otherMenus = [];
var optionZeroMenu = undefined;
if (NType.isArray(option)) {
otherMenus.push.apply(otherMenus, _toConsumableArray(option));
} else if (!NType.isBoolean(option)) {
var _ref = option || {},
showDetail = _ref.showDetail,
hideEdit = _ref.hideEdit,
editDisabled = _ref.editDisabled,
detailDisabled = _ref.detailDisabled,
_ref$menus = _ref.menus,
menus = _ref$menus === void 0 ? [] : _ref$menus,
zeroMenu = _ref.zeroMenu;
optionZeroMenu = zeroMenu;
hideEditMenu = NType.isFunction(hideEdit) ? hideEdit(record) : hideEdit;
editMenuDisabled = NType.isFunction(editDisabled) ? editDisabled(record) : editDisabled; //
hideDetailMenu = NType.isFunction(showDetail) ? !showDetail(record) : !showDetail;
detailMenuDisabled = NType.isFunction(detailDisabled) ? detailDisabled(record) : detailDisabled; //
otherMenus.push.apply(otherMenus, _toConsumableArray(menus));
} // 默认的菜单项
var defaultMenuItems = [];
if (!hideEditMenu) {
defaultMenuItems.push({
key: Operation.EDIT,
text: NLocale.getText('operation.edit'),
icon: React.createElement(EditOutlined, null),
disabled: editMenuDisabled
});
}
if (!hideEditMenu && !hideDetailMenu) {
defaultMenuItems.push(undefined);
}
if (!hideDetailMenu) {
defaultMenuItems.push({
key: Operation.DETAIL,
text: NLocale.getText('operation.detail'),
icon: React.createElement(ReadOutlined, null),
disabled: detailMenuDisabled
});
}
if ((!hideEditMenu || !hideDetailMenu) && NArray.isNotEmpty(otherMenus)) {
defaultMenuItems.push(undefined);
} // 只有一个菜单时，直接返回该菜单
var aItem = undefined;
if (defaultMenuItems.length === 1 && otherMenus.length === 0) {
aItem = defaultMenuItems[0];
}
if (defaultMenuItems.length === 0 && otherMenus.length === 1) {
aItem = otherMenus[0];
}
if (aItem) {
if (getBoolValue(aItem, 'visible', record, true)) {
var _aItem, _aItem2, _aItem3, _aItem5, _aItem6, _aItem7;
return React.createElement(_Button, {
disabled: getBoolValue(aItem, 'disabled', record, false),
type: "link",
icon: NType.isFunction((_aItem = aItem) === null || _aItem === void 0 ? void 0 : _aItem.icon) ? (_aItem2 = aItem) === null || _aItem2 === void 0 ? void 0 : _aItem2.icon(record) : (_aItem3 = aItem) === null || _aItem3 === void 0 ? void 0 : _aItem3.icon,
onClick: function onClick() {
var _aItem4;
return onClickOption(comp, record, (_aItem4 = aItem) === null || _aItem4 === void 0 ? void 0 : _aItem4.key);
}
}, NType.isFunction((_aItem5 = aItem) === null || _aItem5 === void 0 ? void 0 : _aItem5.text) ? (_aItem6 = aItem) === null || _aItem6 === void 0 ? void 0 : _aItem6.text(record) : (_aItem7 = aItem) === null || _aItem7 === void 0 ? void 0 : _aItem7.text);
}
return React.createElement(React.Fragment, null, NConst.EMPTY);
}
if (defaultMenuItems.length + otherMenus.length === 0) {
return React.createElement(React.Fragment, null, NConst.EMPTY);
} // 有多个菜单时，显示为下拉
var visibleMenuCount = 0;
var menu = React.createElement(_Menu, {
onClick: function onClick(info) {
return onClickOption(comp, record, info.key);
}
}, defaultMenuItems.map(function (m, index) {
if (m) {
if (getBoolValue(m, 'visible', record, true)) {
visibleMenuCount++;
aItem = m;
return React.createElement(_Menu.Item, {
key: m.key,
disabled: getBoolValue(m, 'disabled', record, false)
}, React.createElement("span", null, NType.isFunction(m.icon) ? m.icon(record) : m.icon, " ", NType.isFunction(m.text) ? m.text(record) : m.text));
}
return null;
}
return React.createElement(_Menu.Divider, {
key: "default-menu-divider-".concat(index)
});
}).filter(function (ele) {
return !!ele;
}), otherMenus.map(function (m, index) {
if (m) {
if (getBoolValue(m, 'visible', record, true)) {
visibleMenuCount++;
aItem = m;
return React.createElement(_Menu.Item, {
key: m.key,
disabled: getBoolValue(m, 'disabled', record, false)
}, React.createElement("span", null, NType.isFunction(m.icon) ? m.icon(record) : m.icon, " ", NType.isFunction(m.text) ? m.text(record) : m.text));
}
return null;
}
return React.createElement(_Menu.Divider, {
key: "other-menu-divider-".concat(index)
});
}).filter(function (ele) {
return !!ele;
})); // 一个可显示菜单项时
if (visibleMenuCount === 1 && aItem) {
return React.createElement(_Button, {
disabled: getBoolValue(aItem, 'disabled', record, false),
type: "link",
icon: NType.isFunction(aItem.icon) ? aItem.icon(record) : aItem.icon,
onClick: function onClick() {
return onClickOption(comp, record, aItem.key);
}
}, NType.isFunction(aItem.text) ? aItem.text(record) : aItem.text);
} // 多个可显示菜单项时
return visibleMenuCount > 0 ? React.createElement(_Dropdown, {
overlay: menu,
trigger: ['click'],
placement: "bottomRight"
}, React.createElement("a", {
onClick: function onClick(e) {
return e.preventDefault();
}
}, NLocale.getText('common.more'), " ", React.createElement(DownOutlined, null))) : optionZeroMenu ? React.createElement(React.Fragment, null, optionZeroMenu) : React.createElement(React.Fragment, null, NConst.EMPTY);
};
export { OptionsColumn };