@knockout-js/org
Version:
Knockout组织相关组件
209 lines (208 loc) • 9.95 kB
JavaScript
import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
import { AutoComplete, Input } from 'antd';
import { useCallback, useEffect, useState } from 'react';
import OrgModal from '../org-modal';
import { OrderDirection, OrgKind as UcenterOrgKind, OrgOrderField } from '@knockout-js/api/ucenter';
import { gid, instanceName } from '@knockout-js/api';
import { useLocale } from '../locale';
import { gql, paging, query } from '@knockout-js/ice-urql/request';
import styles from '../assets/autoComplete.module.css';
var // fix publish error: Property 'kind' of exported interface has or is using private name 'OrgKind'.
OrgKind;
(function(OrgKind) {
OrgKind[OrgKind["Org"] = UcenterOrgKind.Org] = "Org";
OrgKind[OrgKind["Root"] = UcenterOrgKind.Root] = "Root";
})(OrgKind || (OrgKind = {}));
const orgInfoQuery = gql(/* GraphQL */ `query orgPkgOrgInfo($gid: GID!){
node(id:$gid){
... on Org{
id,name,code,kind
}
}
}`);
const appOrgListQuery = gql(/* GraphQL */ `query appOrgList($gid: GID!,$first: Int,$orderBy:OrgOrder,$where:OrgWhereInput){
node(id:$gid){
... on App{
id,
orgs(first:$first,orderBy: $orderBy,where: $where){
totalCount,pageInfo{ hasNextPage,hasPreviousPage,startCursor,endCursor }
edges{
cursor,node{
id,ownerID,parentID,kind,profile,
domain,code,name,countryCode,timezone,
owner { id,displayName }
}
}
}
}
}
}`);
const orgListQuery = gql(/* GraphQL */ `query orgList($first: Int,$orderBy:OrgOrder,$where:OrgWhereInput){
organizations(first:$first,orderBy: $orderBy,where: $where){
totalCount,pageInfo{ hasNextPage,hasPreviousPage,startCursor,endCursor }
edges{
cursor,node{
id,ownerID,parentID,kind,profile,
domain,code,name,countryCode,timezone,
owner { id,displayName }
}
}
}
}`);
let searchTimeoutFn = undefined;
const OrgSelect = (props)=>{
const locale = useLocale('OrgSelect'), [info, setInfo] = useState(), [keyword, setKeyword] = useState(), [options, setOptions] = useState([]), [open, setOpen] = useState(false);
const setValue = useCallback((original)=>{
if (original) {
var _props_onChange, _props;
const value = props.changeValue ? original[props.changeValue] : original;
setInfo(original);
setKeyword(original.name);
(_props_onChange = (_props = props).onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(_props, value, original);
} else {
var _props_onChange1, _props1;
setKeyword(undefined);
setInfo(undefined);
(_props_onChange1 = (_props1 = props).onChange) === null || _props_onChange1 === void 0 ? void 0 : _props_onChange1.call(_props1);
}
}, []);
useEffect(()=>{
if (typeof props.value === 'string') {
if (props.dataSource) {
var _data;
const data = props.dataSource.find((item)=>item.id === props.value);
setInfo(data);
setKeyword((_data = data) === null || _data === void 0 ? void 0 : _data.name);
} else {
query(orgInfoQuery, {
gid: gid('Org', props.value)
}, {
instanceName: instanceName.UCENTER
}).then((result)=>{
var _result_data_node, _result_data;
if (((_result_data = result.data) === null || _result_data === void 0 ? void 0 : (_result_data_node = _result_data.node) === null || _result_data_node === void 0 ? void 0 : _result_data_node.__typename) === 'Org') {
setInfo(result.data.node);
setKeyword(result.data.node.name);
}
});
}
} else {
var _props_value;
setInfo(props.value);
setKeyword((_props_value = props.value) === null || _props_value === void 0 ? void 0 : _props_value.name);
}
}, [
props.value,
props.dataSource
]);
return /*#__PURE__*/ _jsxs(_Fragment, {
children: [
/*#__PURE__*/ _jsx(AutoComplete, {
className: styles.autoComplete,
value: keyword,
options: options,
allowClear: !props.disabled,
disabled: props.disabled,
onClear: ()=>{
setValue();
setOptions([]);
},
onBlur: ()=>{
var _info;
setKeyword((_info = info) === null || _info === void 0 ? void 0 : _info.name);
},
onSelect: (v, option)=>{
setValue(option.info);
},
onSearch: async (keywordStr)=>{
setKeyword(keywordStr);
clearTimeout(searchTimeoutFn);
searchTimeoutFn = setTimeout(async ()=>{
const os = [], first = 15, where = {
nameContains: keywordStr
}, orderBy = {
direction: OrderDirection.Asc,
field: OrgOrderField.DisplaySort
};
if (keywordStr) {
if (props.appId) {
var _result_data_node, _result_data;
const result = await paging(appOrgListQuery, {
gid: gid('App', props.appId),
first,
where,
orderBy
}, 1, {
instanceName: instanceName.UCENTER
});
if (((_result_data = result.data) === null || _result_data === void 0 ? void 0 : (_result_data_node = _result_data.node) === null || _result_data_node === void 0 ? void 0 : _result_data_node.__typename) === 'App') {
var _result_data_node_orgs_edges;
(_result_data_node_orgs_edges = result.data.node.orgs.edges) === null || _result_data_node_orgs_edges === void 0 ? void 0 : _result_data_node_orgs_edges.forEach((item)=>{
var _item;
if ((_item = item) === null || _item === void 0 ? void 0 : _item.node) {
os.push({
label: item.node.name,
value: item.node.id,
info: item.node
});
}
});
}
} else {
var _result_data1;
const result = await paging(orgListQuery, {
first,
where,
orderBy
}, 1, {
instanceName: instanceName.UCENTER
});
if ((_result_data1 = result.data) === null || _result_data1 === void 0 ? void 0 : _result_data1.organizations.totalCount) {
var _result_data_organizations_edges;
(_result_data_organizations_edges = result.data.organizations.edges) === null || _result_data_organizations_edges === void 0 ? void 0 : _result_data_organizations_edges.forEach((item)=>{
var _item;
if ((_item = item) === null || _item === void 0 ? void 0 : _item.node) {
os.push({
label: item.node.name,
value: item.node.id,
info: item.node
});
}
});
}
}
}
setOptions(os);
}, 500);
},
children: /*#__PURE__*/ _jsx(Input.Search, _object_spread_props(_object_spread({
placeholder: locale.placeholder
}, props.searchProps), {
onSearch: ()=>{
setOpen(true);
}
}))
}),
/*#__PURE__*/ _jsx(OrgModal, {
open: open,
orgId: props.orgId,
appId: props.appId,
kind: props.kind,
title: locale.title,
modalProps: props.modalProps,
proTableProps: props.proTableProps,
onClose: (selectData)=>{
var _selectData;
if ((_selectData = selectData) === null || _selectData === void 0 ? void 0 : _selectData.length) {
setValue(selectData[0]);
}
setOpen(false);
}
})
]
});
};
export default OrgSelect;
//# sourceMappingURL=index.js.map