@knockout-js/org
Version:
Knockout组织相关组件
274 lines (273 loc) • 14.4 kB
JavaScript
import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
import { UserUserType as UcenterUserUserType } from "@knockout-js/api/ucenter";
import { gid, instanceName } from "@knockout-js/api";
import { useLocale } from "../locale";
import { useState } from "react";
import { ProTable } from "@ant-design/pro-components";
import { gql, paging } from "@knockout-js/ice-urql/request";
import { Modal } from "@knockout-js/layout";
var // fix publish error: Property 'userType' of exported interface has or is using private name 'UserUserType'
UserUserType;
(function(UserUserType) {
UserUserType[UserUserType["Account"] = UcenterUserUserType.Account] = "Account";
UserUserType[UserUserType["Member"] = UcenterUserUserType.Member] = "Member";
})(UserUserType || (UserUserType = {}));
export var EnumUserStatus = {
active: {
text: "active",
status: "success"
},
inactive: {
text: "inactive",
status: "default"
},
processing: {
text: "processing",
status: "warning"
}
};
var userListQuery = gql("query userList($first: Int,$orderBy:UserOrder,$where:UserWhereInput){\n users(first:$first,orderBy: $orderBy,where: $where){\n totalCount,pageInfo{ hasNextPage,hasPreviousPage,startCursor,endCursor }\n edges{\n cursor,node{\n id,createdBy,createdAt,updatedBy,updatedAt,principalName,displayName,\n userType,creationType,registerIP,status,comments,contact{email,mobile}\n }\n }\n }\n}");
var orgUserListQuery = gql("query orgUserList($gid: GID!,$first: Int,$orderBy:UserOrder,$where:UserWhereInput){\n node(id:$gid){\n ... on Org{\n id,\n users(first:$first,orderBy: $orderBy,where: $where){\n totalCount,pageInfo{ hasNextPage,hasPreviousPage,startCursor,endCursor }\n edges{\n cursor,node{\n id,createdBy,createdAt,updatedBy,updatedAt,principalName,displayName,\n userType,creationType,registerIP,status,comments,contact{email,mobile}\n }\n }\n }\n }\n }\n}");
var orgRoleUserListQuery = gql("query orgRoleUserList($roleId: ID!,$first: Int,$orderBy:UserOrder,$where:UserWhereInput){\n orgRoleUsers(roleID:$roleId,first:$first,orderBy: $orderBy,where: $where){\n totalCount,pageInfo{ hasNextPage,hasPreviousPage,startCursor,endCursor }\n edges{\n cursor,node{\n id,createdBy,createdAt,updatedBy,updatedAt,principalName,displayName,\n userType,creationType,registerIP,status,comments,contact{email,mobile}\n }\n }\n }\n}");
export default function(props) {
var locale = useLocale("UserModal"), glocale = useLocale("global"), _useState = _sliced_to_array(useState([]), 2), dataSource = _useState[0], setDataSource = _useState[1], _useState1 = _sliced_to_array(useState([]), 2), selectedRowKeys = _useState1[0], setSelectedRowKeys = _useState1[1], columns = [
{
title: locale.principal_name,
dataIndex: "principalName",
width: 90
},
{
title: locale.display_name,
dataIndex: "displayName",
width: 120
},
{
title: locale.email,
dataIndex: "email",
width: 120,
renderText: function renderText(_text, record) {
var _record_contact;
return /*#__PURE__*/ _jsx("div", {
children: (_record_contact = record.contact) === null || _record_contact === void 0 ? void 0 : _record_contact.email
});
}
},
{
title: locale.mobile,
dataIndex: "mobile",
width: 160,
renderText: function renderText(_text, record) {
var _record_contact;
return /*#__PURE__*/ _jsx("div", {
children: (_record_contact = record.contact) === null || _record_contact === void 0 ? void 0 : _record_contact.mobile
});
}
},
{
title: locale.status,
dataIndex: "status",
filters: true,
search: false,
width: 100,
valueEnum: EnumUserStatus
},
{
title: locale.created_at,
dataIndex: "createdAt",
width: 160,
valueType: "dateTime"
}
];
return /*#__PURE__*/ _jsx(Modal, _object_spread_props(_object_spread({
width: 900,
title: props.title
}, props.modalProps), {
open: props.open,
onOk: function() {
props.onClose(dataSource.filter(function(item) {
return selectedRowKeys.includes(item.id);
}));
},
onCancel: function() {
props.onClose();
},
children: /*#__PURE__*/ _jsx(ProTable, _object_spread_props(_object_spread({
size: "small",
scroll: {
x: "max-content",
y: 300
}
}, props.proTableProps), {
rowKey: "id",
search: {
searchText: glocale.query,
resetText: glocale.reset,
labelWidth: "auto"
},
options: false,
columns: columns,
request: function() {
var _ref = _async_to_generator(function(params, sort, filter) {
var table, where, _result_data, result, _result_data_orgRoleUsers_edges, _result_data_node, _result_data1, result1, _result_data_node_users_edges, _result_data2, result2, _result_data_users_edges;
return _ts_generator(this, function(_state) {
switch(_state.label){
case 0:
table = {
data: [],
success: true,
total: 0
}, where = {};
where.userType = props.userType;
where.principalNameContains = params.principalName;
where.displayNameContains = params.displayName;
if (params.email || params.mobile) {
where.hasAddressesWith = [];
if (params.email) {
where.hasAddressesWith.push({
emailContains: params.email
});
}
if (params.mobile) {
where.hasAddressesWith.push({
mobileContains: params.mobile
});
}
}
where.statusIn = filter.status;
if (!props.orgRoleId) return [
3,
2
];
return [
4,
paging(orgRoleUserListQuery, {
roleId: props.orgRoleId,
first: params.pageSize,
where: where
}, params.current || 1, {
instanceName: instanceName.UCENTER
})
];
case 1:
result = _state.sent();
if ((_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.orgRoleUsers.totalCount) {
;
(_result_data_orgRoleUsers_edges = result.data.orgRoleUsers.edges) === null || _result_data_orgRoleUsers_edges === void 0 ? void 0 : _result_data_orgRoleUsers_edges.forEach(function(item) {
var _item;
if ((_item = item) === null || _item === void 0 ? void 0 : _item.node) {
table.data.push(item.node);
}
});
table.total = result.data.orgRoleUsers.totalCount;
}
return [
3,
6
];
case 2:
if (!props.orgId) return [
3,
4
];
return [
4,
paging(orgUserListQuery, {
gid: gid("Org", props.orgId),
first: params.pageSize,
where: where
}, params.current || 1, {
instanceName: instanceName.UCENTER
})
];
case 3:
result1 = _state.sent();
if (((_result_data1 = result1.data) === null || _result_data1 === void 0 ? void 0 : (_result_data_node = _result_data1.node) === null || _result_data_node === void 0 ? void 0 : _result_data_node.__typename) === "Org") {
;
(_result_data_node_users_edges = result1.data.node.users.edges) === null || _result_data_node_users_edges === void 0 ? void 0 : _result_data_node_users_edges.forEach(function(item) {
var _item;
if ((_item = item) === null || _item === void 0 ? void 0 : _item.node) {
table.data.push(item.node);
}
});
table.total = result1.data.node.users.totalCount;
}
return [
3,
6
];
case 4:
return [
4,
paging(userListQuery, {
first: params.pageSize,
where: where
}, params.current || 1, {
instanceName: instanceName.UCENTER
})
];
case 5:
result2 = _state.sent();
if ((_result_data2 = result2.data) === null || _result_data2 === void 0 ? void 0 : _result_data2.users.totalCount) {
;
(_result_data_users_edges = result2.data.users.edges) === null || _result_data_users_edges === void 0 ? void 0 : _result_data_users_edges.forEach(function(item) {
var _item;
if ((_item = item) === null || _item === void 0 ? void 0 : _item.node) {
table.data.push(item.node);
}
});
table.total = result2.data.users.totalCount;
}
_state.label = 6;
case 6:
setDataSource(table.data);
return [
2,
table
];
}
});
});
return function(params, sort, filter) {
return _ref.apply(this, arguments);
};
}(),
pagination: {
showSizeChanger: true
},
rowSelection: {
selectedRowKeys: selectedRowKeys,
onChange: function(selectedRowKeys) {
setSelectedRowKeys(selectedRowKeys);
},
type: props.isMultiple ? "checkbox" : "radio"
},
onRow: function(record) {
return {
onClick: function() {
if (props.isMultiple) {
if (selectedRowKeys.includes(record.id)) {
setSelectedRowKeys(selectedRowKeys.filter(function(id) {
return id != record.id;
}));
} else {
selectedRowKeys.push(record.id);
setSelectedRowKeys(_to_consumable_array(selectedRowKeys));
}
} else {
setSelectedRowKeys([
record.id
]);
}
}
};
}
}))
}));
};
//# sourceMappingURL=index.js.map